@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Khmer:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans Khmer,DM Sans,sans-serif;color:#172033;background:#f3f6fa;font-synthesis:none;--navy:#073b6d;--blue:#0878d1;--line:#dfe7f0;--muted:#66758a;--danger:#dc2626}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.6}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#176fb522 0 18%,transparent 38%),linear-gradient(135deg,#052f57,#073b6d 58%,#0c5b93);position:relative;overflow:hidden}.login-page:after{content:"";position:absolute;inset:auto -10% -30% 20%;height:55%;background:#ffffff0d;transform:rotate(-12deg);border-top:1px solid #ffffff1c}.login-glow{position:absolute;width:440px;height:440px;border:1px solid #ffffff17;border-radius:50%;top:-180px;right:-100px}.login-panel{width:min(100%,470px);background:#fff;padding:42px;border-radius:20px;box-shadow:0 30px 80px #001c3b55;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:13px;color:var(--navy)}.brand-mark{width:53px;height:53px;border-radius:15px;background:#e8f3fd;display:grid;place-items:center;position:relative;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;position:absolute;z-index:1}.brand-mark svg{color:var(--blue)}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{font-size:12px;color:var(--muted);margin-top:2px}.compact .brand-mark{width:40px;height:40px;border-radius:11px}.compact .brand strong{font-size:14px}.login-copy{margin:42px 0 25px}.eyebrow{font:700 10px DM Sans,sans-serif;letter-spacing:1.4px;color:var(--blue);display:block}.login-copy h1{font-size:26px;line-height:1.45;margin:10px 0 7px;color:var(--navy)}.login-copy p,.welcome p{color:var(--muted);font-size:13px;margin:0;line-height:1.8}.form-stack{display:grid;gap:17px}label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#2d3b50}input,select{height:48px;width:100%;border:1px solid #d6e0eb;border-radius:9px;background:#fff;color:#172033;padding:0 13px;outline:none;transition:.2s}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0878d11c}.primary,.secondary{min-height:46px;padding:0 18px;border-radius:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s}.primary{background:var(--blue);color:#fff;box-shadow:0 6px 16px #0878d12e}.primary:hover{background:#066bbd;transform:translateY(-1px)}.secondary{color:#3d4b5e;background:#edf2f7}.full{width:100%;margin-top:4px}.login-note{display:block;text-align:center;margin-top:27px;color:#8997a9;font-size:11px}.alert{padding:11px 13px;border-radius:8px;font-size:12px}.error{background:#fff0f0;color:#b42318;border:1px solid #ffd2d0}.app-shell{min-height:100vh}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1240px)/2));position:sticky;top:0;z-index:5}.top-actions{display:flex;align-items:center;gap:18px}.user-chip{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.avatar{height:30px;width:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--navy);font-family:DM Sans}.logout{background:transparent;color:#536377;display:flex;align-items:center;gap:6px;font-size:12px}.logout:hover{color:var(--danger)}.dashboard{max-width:1240px;margin:auto;padding:42px 24px 70px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.welcome h1{margin:8px 0 3px;color:var(--navy);font-size:30px}.add-btn{min-height:45px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stats>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 18px;display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;box-shadow:0 5px 18px #073b6d08}.stat-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;grid-row:span 2}.stat-icon.navy{background:#e8eff7;color:var(--navy)}.stat-icon.blue{background:#e7f3fd;color:var(--blue)}.stat-icon.orange{background:#fff1df;color:#d97706}.stats small{font-size:11px;color:var(--muted)}.stats strong{font:700 24px DM Sans;color:var(--navy)}.folder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:42px}.folder-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:5px;box-shadow:0 5px 18px #073b6d08}.folder-card.selected{border-color:#8fc5ec;box-shadow:0 0 0 3px #0878d10e}.folder-head{width:100%;background:transparent;display:flex;align-items:center;text-align:left;gap:12px;padding:13px 14px;color:var(--navy)}.folder-head>span:nth-child(2){flex:1}.folder-head b,.folder-head small{display:block}.folder-head b{font-size:14px}.folder-head small{font-size:11px;color:var(--muted);font-weight:400;margin-top:3px}.folder-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#eaf5fd;color:var(--blue)}.orange .folder-icon{background:#fff2e3;color:#d97706}.subfolder-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 9px}.subfolder-list button{display:flex;align-items:center;gap:6px;min-width:0;padding:10px 8px;background:#f7f9fc;border-radius:7px;color:#546378;font-size:11px;text-align:left}.subfolder-list button span{margin-left:auto;color:#8290a2}.subfolder-list button.active,.subfolder-list button:hover{background:#e9f4fc;color:var(--blue)}.section-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.section-heading h2{font-size:20px;color:var(--navy);margin:7px 0 0}.search{width:min(100%,330px);height:44px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:#8391a3}.search input{border:0;height:100%;padding:0;font-size:12px}.search input:focus{box-shadow:none}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.record-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 5px 18px #073b6d08;animation:rise .35s ease both}.record-meta{display:flex;align-items:center;gap:6px;padding:16px 17px 0;color:#718096;font-size:10px}.tag{font-size:10px;border-radius:20px;padding:4px 8px;background:#eaf5fd;color:var(--blue)}.tag.drugs{background:#fff2e3;color:#c66a00}.record-card h3{font-size:17px;color:var(--navy);margin:9px 17px 14px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:0 10px;min-height:85px}.gallery button{padding:0;height:85px;overflow:hidden;background:#eef3f7}.gallery img{width:100%;height:100%;object-fit:cover;transition:.25s}.gallery button:hover img{transform:scale(1.06)}.no-image{grid-column:1/-1;background:#f5f7fa;color:#95a1af;display:grid;place-items:center;font-size:11px}.record-card footer{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;color:#8290a2;font-size:11px}.card-action{background:transparent;color:#56667a;font-size:11px;display:inline-flex;align-items:center;gap:4px;margin-left:10px}.danger-text{color:var(--danger)}.empty{text-align:center;display:grid;place-items:center;gap:8px;min-height:220px;color:#8290a2;font-size:12px}.empty svg{color:#aac1d4}.empty b{color:#506075}.modal-backdrop,.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#071b2dcc;z-index:20;display:grid;place-items:center;padding:20px}.modal{background:#fff;width:min(100%,530px);max-height:calc(100vh - 40px);overflow:auto;border-radius:15px;padding:27px;position:relative}.icon-btn{display:grid;place-items:center;background:transparent;color:#718096}.close{position:absolute;right:17px;top:17px}.modal-title{display:flex;gap:11px;align-items:center;margin-bottom:22px}.section-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#eaf5fd;color:var(--blue)}.modal-title h2{font-size:20px;color:var(--navy);margin:4px 0 0}.hint{font-size:10px;font-weight:400;color:#8290a2;margin-left:5px}.upload-box{border:1px dashed #9ec8e7;border-radius:9px;min-height:105px;color:var(--blue);display:grid;place-items:center;align-content:center;gap:5px;background:#f6fbff;position:relative;font-size:12px}.upload-box input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;height:auto;cursor:pointer}.preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.preview{height:64px;position:relative;border-radius:6px;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover}.preview button{position:absolute;right:3px;top:3px;background:#071b2dcc;color:#fff;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.lightbox{padding:60px}.lightbox img{max-width:90vw;max-height:82vh;object-fit:contain;border-radius:4px;box-shadow:0 15px 50px #0008}.light-close{position:absolute;top:20px;right:23px;color:#fff}.nav{position:absolute;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#fff2}.nav:disabled{opacity:.25}.prev{left:22px}.next{right:22px}.image-count{position:absolute;bottom:20px;color:#fff;font:12px DM Sans}.splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px;color:var(--navy);font-size:13px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.login-panel{padding:30px 23px}.login-copy{margin:32px 0 22px}.topbar{height:65px;padding:0 16px}.user-name{display:none}.top-actions{gap:12px}.logout span{display:none}.dashboard{padding:27px 15px 50px}.welcome{display:block;margin-bottom:25px}.welcome h1{font-size:25px}.add-btn{width:100%;margin-top:19px}.stats{gap:8px}.stats>div{padding:12px 8px;grid-template-columns:30px 1fr;column-gap:7px}.stat-icon{width:30px;height:30px}.stats small{font-size:9px;white-space:nowrap}.stats strong{font-size:19px}.folder-grid,.record-grid{grid-template-columns:1fr;gap:11px}.folder-grid{margin-bottom:30px}.section-heading{display:block}.section-heading h2{margin-bottom:14px}.search{width:100%}.record-grid{gap:13px}.gallery{min-height:105px}.gallery button{height:105px}.modal{padding:22px 17px}.modal-actions .primary,.modal-actions .secondary{flex:1}.lightbox{padding:50px 43px}.lightbox img{max-width:100%;max-height:75vh}.prev{left:8px}.next{right:8px}.subfolder-list button{font-size:10px}.preview-grid{grid-template-columns:repeat(4,1fr)}}.zoom-tools{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;color:#fff;background:#ffffff1c;border-radius:20px;padding:4px 8px;font:12px DM Sans}.zoom-tools button{width:25px;height:25px;border-radius:50%;background:#fff;color:#073b6d;font-size:17px;line-height:1}.audit-list{max-height:60vh;overflow:auto;border:1px solid var(--line);border-radius:8px}.audit-row{display:grid;grid-template-columns:150px 1fr auto;gap:12px;padding:11px 12px;border-bottom:1px solid var(--line);font-size:12px}.audit-row:last-child{border-bottom:0}.audit-row small{color:var(--muted);white-space:nowrap}@media(max-width:760px){.audit-row{grid-template-columns:1fr;gap:3px}.audit-row small{white-space:normal}}.top-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}.account-action{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid #d7e3ef;border-radius:8px;background:#fff;color:var(--navy);font-size:11px;font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}.account-action:hover{background:#eef7ff;border-color:#9ec8e7;transform:translateY(-1px)}.logout{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;border-radius:8px;background:#073b6d;color:#fff;font-size:11px;font-weight:700}.lightbox img{max-width:calc(100vw - 96px);max-height:calc(100vh - 150px);touch-action:none;will-change:transform}.zoom-tools{z-index:3;box-shadow:0 6px 20px #0005}.zoom-tools button{touch-action:manipulation}@media(max-width:760px){.topbar{height:auto;min-height:65px;align-items:flex-start;padding-top:10px;padding-bottom:10px}.top-actions{max-width:calc(100vw - 72px);gap:5px}.account-action,.logout{min-height:32px;padding:5px 8px;font-size:10px}.account-action svg,.logout svg{width:15px;height:15px}.lightbox{padding:58px 36px 42px}.lightbox img{max-width:calc(100vw - 72px);max-height:calc(100vh - 135px)}.zoom-tools{top:10px;gap:6px;padding:4px 7px}.zoom-tools button{width:30px;height:30px;font-size:19px}}.refresh-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font-size:12px;font-weight:700}.refresh-btn:hover{border-color:#9fc7e8;color:var(--blue)}.spinning{animation:spin .7s linear infinite}.success-modal{text-align:center;padding:48px 27px}.success-check{color:#16a34a;animation:success-pop .45s ease both}.success-modal h2{color:var(--navy);font-size:21px;margin:19px 0 7px}.success-modal p{color:var(--muted);font-size:13px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes success-pop{0%{opacity:0;transform:scale(.55)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media(max-width:760px){input,select,textarea{font-size:16px}.modal-backdrop{padding:12px;align-items:start}.modal{max-height:calc(100dvh - 24px);margin-top:0}.section-heading>.refresh-btn{margin-bottom:12px}}