.page-module__uM0plW__container{background:#f8fafc;min-height:100vh;padding-bottom:80px;animation:.4s ease-out page-module__uM0plW__fadeIn}.page-module__uM0plW__header{z-index:100;background:#fff;border-bottom:1px solid #eee;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000008}.page-module__uM0plW__backBtn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;padding:8px;transition:background .2s}.page-module__uM0plW__backBtn:hover{background:#f1f5f9}.page-module__uM0plW__header h2{color:#334155;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:800;display:flex}.page-module__uM0plW__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:1rem;display:grid}.page-module__uM0plW__noteCard{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:16px;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.page-module__uM0plW__cardActions{z-index:10;gap:8px;display:flex;position:absolute;top:8px;right:8px}.page-module__uM0plW__actionBtn{cursor:pointer;color:#475569;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.page-module__uM0plW__actionBtn:hover{color:#3b82f6;background:#fff;transform:scale(1.1)}.page-module__uM0plW__deleteActionBtn:hover{color:#ef4444}.page-module__uM0plW__noteCard:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.page-module__uM0plW__cardImage{aspect-ratio:16/9;background:#f1f5f9;width:100%;position:relative;overflow:hidden}.page-module__uM0plW__cardImagesBadge{color:#fff;background:#0009;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.7rem;display:flex;position:absolute;bottom:8px;right:8px}.page-module__uM0plW__cardContent{flex-direction:column;flex:1;padding:1rem;display:flex}.page-module__uM0plW__cardTitle{color:#1e293b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.page-module__uM0plW__cardPreview{color:#64748b;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.85rem;display:-webkit-box;overflow:hidden}.page-module__uM0plW__cardFooter{color:#94a3b8;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:.8rem;padding-top:.8rem;font-size:.75rem;display:flex}.page-module__uM0plW__emptyState{color:#94a3b8;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.page-module__uM0plW__fab{color:#fff;cursor:pointer;z-index:50;background:#3b82f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background .2s;display:flex;position:fixed;bottom:6rem;right:2rem;box-shadow:0 4px 6px -1px #3b82f680}.page-module__uM0plW__fab:hover{background:#2563eb;transform:scale(1.1)}.page-module__uM0plW__fab:active{transform:scale(.95)}.page-module__uM0plW__modalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s page-module__uM0plW__fadeIn;display:flex;position:fixed;inset:0}.page-module__uM0plW__modalContent{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) page-module__uM0plW__slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.page-module__uM0plW__modalBody{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.page-module__uM0plW__modalFooter{z-index:10;background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.page-module__uM0plW__modalHeader{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.page-module__uM0plW__modalTitle{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.page-module__uM0plW__closeBtn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;padding:4px;display:flex}.page-module__uM0plW__closeBtn:hover{color:#0f172a;background:#f1f5f9}.page-module__uM0plW__modalBody{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.page-module__uM0plW__inputGroup{flex-direction:column;gap:.5rem;display:flex}.page-module__uM0plW__label{color:#475569;font-size:.875rem;font-weight:600}.page-module__uM0plW__input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.page-module__uM0plW__input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.page-module__uM0plW__textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:150px;padding:.75rem 1rem;font-size:1rem;line-height:1.6;transition:border-color .2s}.page-module__uM0plW__textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.page-module__uM0plW__imageUploadArea{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;padding:2rem;transition:all .2s}.page-module__uM0plW__imageUploadArea:hover{background:#eff6ff;border-color:#3b82f6}.page-module__uM0plW__previewGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:1rem;display:grid}.page-module__uM0plW__previewItem{aspect-ratio:1;border:1px solid #e2e8f0;border-radius:8px;position:relative;overflow:hidden}.page-module__uM0plW__previewImage{object-fit:cover;width:100%;height:100%}.page-module__uM0plW__removeImageBtn{cursor:pointer;color:#ef4444;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 2px 4px #0000001a}.page-module__uM0plW__modalFooter{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.page-module__uM0plW__submitBtn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:8px;padding:.75rem 1.5rem;font-weight:600;transition:background .2s;display:flex}.page-module__uM0plW__submitBtn:hover{background:#2563eb}.page-module__uM0plW__submitBtn:disabled{opacity:.7;cursor:not-allowed}.page-module__uM0plW__deleteBtn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:.75rem 1rem;font-weight:600;transition:all .2s;display:flex}.page-module__uM0plW__deleteBtn:hover{background:#fef2f2;border-color:#ef4444}@keyframes page-module__uM0plW__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes page-module__uM0plW__slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-module__uM0plW__topActions{z-index:20;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.page-module__uM0plW__iconBtn{cursor:pointer;color:#475569;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000026}.page-module__uM0plW__iconBtn:hover{color:#3b82f6;background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.page-module__uM0plW__imageSection{background:#f1f5f9;width:100%;position:relative}.page-module__uM0plW__viewModalImage{object-fit:contain;background:#000;width:100%;height:auto;max-height:300px}.page-module__uM0plW__imageScrollContainer{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:2px;display:flex;overflow-x:auto}.page-module__uM0plW__scrollImage{object-fit:contain;scroll-snap-align:center;background:#000;flex-shrink:0;width:100%;height:300px}.page-module__uM0plW__scrollBadge{color:#fff;background:#0009;border-radius:12px;padding:4px 10px;font-size:.75rem;position:absolute;bottom:.5rem;right:.5rem}.page-module__uM0plW__viewContent{color:#334155;white-space:pre-wrap;padding:1.5rem;font-size:1rem;line-height:1.6}.page-module__uM0plW__viewTitle{color:#1e293b;margin-bottom:1rem;padding:1.5rem 1.5rem .5rem;font-size:1.5rem;font-weight:700}