[hidden]{display:none!important}:root{--blue:#079dcb;--bg:#f7f8fa;--panel:#fff;--text:#101216;--muted:#7d8490;--line:#e3e7eb;--soft:#f1f3f5;--green:#159765}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}body.dark{--bg:#0e1216;--panel:#161c21;--text:#f5f7f8;--muted:#8e98a1;--line:#2a333a;--soft:#20282e}button,input,select{font:inherit}.auth{min-height:100vh;display:grid;place-items:center}.login{width:500px;max-width:92vw;background:var(--panel);padding:45px;border:1px solid var(--line);border-radius:12px}.brandBox{display:flex;align-items:center;gap:22px}.appLogo{width:95px;height:95px;object-fit:contain;border-radius:14px}.brandBox h1{letter-spacing:7px;margin:0}.brandBox p,.muted{color:var(--muted)}.login input{width:100%;padding:14px;margin:8px 0;border:1px solid var(--line);background:var(--panel);color:var(--text)}.login button,.primary{background:var(--blue);color:white;border:0;padding:11px 17px;border-radius:7px;cursor:pointer}#app{min-height:100vh;display:grid;grid-template-columns:205px 1fr}aside{height:100vh;position:sticky;top:0;background:var(--blue);color:#fff;padding:26px 14px;display:flex;flex-direction:column}.sideLogo{width:86px;height:86px;object-fit:contain;margin:0 auto;border-radius:15px}.sideProduct{text-align:center;letter-spacing:5px;font-weight:800;font-size:12px;margin:10px 0 28px}nav{display:grid;gap:5px}nav button{position:relative;border:0;background:transparent;color:#fff;text-align:left;padding:12px;border-radius:7px;cursor:pointer}nav button span{margin-left:10px}nav button.active,nav button:hover{background:#ffffffbd;color:#075d79}nav i{position:absolute;right:9px;background:#111;color:#fff;border-radius:20px;padding:2px 7px;font-style:normal;font-size:11px}.version{margin-top:auto;font-size:10px;line-height:1.7}main{padding:0 34px 36px;min-width:0}header{height:105px;display:flex;justify-content:space-between;align-items:center}header h1{letter-spacing:7px;margin:0;font-size:20px}header p{color:var(--muted);margin:5px 0}.headActions{display:flex;align-items:center;gap:10px}.globalSearch{border:1px solid var(--line);background:var(--panel);padding:9px 13px;border-radius:7px}.globalSearch input{width:240px;border:0;outline:0;background:transparent;color:var(--text)}.iconBtn{border:0;background:transparent;color:var(--text);font-size:18px}.avatar,.avatarSm{border-radius:50%;display:inline-grid;place-items:center;background:var(--blue);color:white}.avatar{width:38px;height:38px}.avatarSm{width:27px;height:27px;margin-right:8px}.who{display:grid;font-size:12px}.who small{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:21px}.cards b{font-size:27px;display:block}.cards small{color:var(--muted)}.ring{float:right;margin-top:-36px;border:6px solid var(--blue);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:11px}.dashGrid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}.rightStack{display:grid;gap:18px}.panelHead,.sectionHead,.toolbar{display:flex;justify-content:space-between;align-items:center}.activityRow{display:grid;grid-template-columns:1.5fr .8fr 1fr;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.activityRow small{display:block;color:var(--muted);margin-top:3px}.activityUser{display:flex;align-items:center}.chartBox{min-height:125px;display:flex;align-items:center;gap:25px}.donut{width:100px;height:100px;border-radius:50%;position:relative}.donut:after{content:"";position:absolute;inset:22px;background:var(--panel);border-radius:50%}.legend{font-size:12px;line-height:2}.sectionHead{margin-bottom:20px}.crumbs{display:flex;gap:8px;align-items:center;margin-top:8px;color:var(--muted);font-size:12px}.crumbs button{border:0;background:transparent;color:var(--blue);padding:0;cursor:pointer}.folderBrowser{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.folder{display:grid;grid-template-columns:42px 1fr 20px;grid-template-rows:auto auto;text-align:left;align-items:center;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:20px;border-radius:9px;cursor:pointer}.folder:hover{border-color:var(--blue);box-shadow:0 5px 20px #0000000d}.folderIcon{grid-row:1/3;font-size:29px;color:var(--blue)}.folder small{color:var(--muted);margin-top:5px}.folder .arrow{grid-column:3;grid-row:1/3;font-size:24px}.clientUpload{grid-column:1/-1;width:max-content}.toolbar{margin:20px 0 12px}.tabs button,.action,.statusBtn{padding:7px 10px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:5px;text-decoration:none;cursor:pointer}.tabs .active{background:#111;color:#fff}.statusBtn.account{background:var(--blue);border-color:var(--blue);color:white}.statusBtn.reopen{background:#d93838;border-color:#d93838;color:white}.danger{color:#b42318;border-color:#efc1bd}#search{padding:9px;border:1px solid var(--line);background:var(--panel);color:var(--text)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 7px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted)}.fileLink{border:0;background:transparent;color:var(--text);font-weight:700;cursor:pointer}.badge{padding:5px 8px;border-radius:6px;background:var(--soft)}.badge.received{color:#087ab4;background:#e1f3ff}.badge.issued{color:#08784f;background:#e2f7ed}.uploadGrid,.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.drop{background:var(--panel);border:1px dashed #aeb6bd;border-radius:9px;padding:65px 25px;text-align:center}.drop input{display:none}.drop button{margin-top:20px}.reviewAlert{padding:24px;border:1px solid #f1c4c4;background:#fff0f0;color:#7c1717;border-radius:10px;margin-bottom:18px}.reviewAlert b{font-size:24px}.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.formPanel{background:var(--soft);padding:16px;border-radius:8px;margin:15px 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:9px}.formPanel input,.formPanel select{padding:9px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.assetPanel{display:grid;gap:15px}.assetPreview{height:170px;background:var(--soft);display:grid;place-items:center;border-radius:8px;overflow:hidden;color:var(--muted)}.assetPreview img{max-width:100%;max-height:100%;object-fit:contain}.pdfDialog{width:min(1000px,94vw);height:92vh;padding:0;border:1px solid var(--line);background:var(--panel);color:var(--text)}.pdfDialog::backdrop{background:#000b}.pdfHead,.pdfFoot{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.pdfStage{height:calc(92vh - 128px);position:relative;background:#777}.pdfStage iframe{width:100%;height:100%;border:0}.watermark{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-32deg);font-size:80px;font-weight:900;color:#14964b55;border:7px solid #14964b44;padding:12px 24px;pointer-events:none}.watermarkImg{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-25deg);max-width:55%;max-height:40%;opacity:.32;pointer-events:none}.readonly .primary,.readonly #newClient,.readonly #newUser,.readonly .drop,.readonly .statusBtn,.readonly .danger{display:none!important}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.dashGrid,.uploadGrid,.settingsGrid{grid-template-columns:1fr}.globalSearch{display:none}}
.cards{grid-template-columns:repeat(5,1fr)}.pendingCard b{color:#d97706}.clientChart{display:grid;gap:12px;margin-top:15px}.barRow{display:grid;grid-template-columns:85px 1fr 35px;gap:9px;align-items:center;font-size:12px}.barTrack{height:10px;background:var(--soft);border-radius:10px;overflow:hidden}.barTrack i{display:block;height:100%;background:var(--blue);border-radius:10px}.barRow b{text-align:right}
.reviewTable{width:100%;overflow-x:auto}.reviewHead,.reviewLine{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(120px,.8fr) 100px 125px minmax(280px,1.2fr);gap:14px;align-items:center;padding:12px 8px}.reviewHead{color:var(--muted);font-size:11px;font-weight:700;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em}.reviewLine{font-size:12px;border-bottom:1px solid var(--line)}.listActions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sortHead{border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;padding:0;cursor:pointer;text-align:left}.sortHead:hover{color:var(--blue)}th .sortHead{width:100%}
/* Dark theme: complete surface treatment */
body.dark{--bg:#0b0f12;--panel:#12171b;--text:#f4f7f8;--muted:#98a3aa;--line:#293238;--soft:#1a2227;--green:#32b77b;background:var(--bg);color:var(--text)}
body.dark aside{background:#080b0e;color:#f4f7f8;border-right:1px solid #20282d}
body.dark nav button{color:#cbd3d8}body.dark nav button.active,body.dark nav button:hover{background:#171e23;color:#fff}body.dark nav i{background:var(--blue);color:#fff}
body.dark header,body.dark main{background:var(--bg);color:var(--text)}body.dark .panel,body.dark .cards article,body.dark .folder,body.dark .drop,body.dark .login,body.dark .globalSearch,body.dark input,body.dark select,body.dark .action,body.dark .tabs button{background:var(--panel);color:var(--text);border-color:var(--line)}
body.dark .tabs button.active{background:#e8edf0;color:#0c1013}body.dark .reviewAlert{background:#281517;color:#ffb7b7;border-color:#5b292d}body.dark .fileLink,body.dark .sortHead{color:var(--text)}body.dark .badge.received{background:#102c3a;color:#75cff7}body.dark .badge.issued{background:#123126;color:#74d7aa}body.dark .assetPreview,body.dark .formPanel,body.dark .barTrack{background:#1a2227}body.dark .pdfDialog{background:var(--panel);color:var(--text);border-color:var(--line)}body.dark .version{color:#8e9aa1}
/* Responsive */
@media(max-width:1100px){#app{grid-template-columns:170px 1fr}main{padding:0 22px 28px}.cards{grid-template-columns:repeat(3,1fr)}.dashGrid{grid-template-columns:1fr}.rightStack{grid-template-columns:1fr 1fr}.globalSearch input{width:170px}.reviewTable{overflow-x:auto}.reviewHead,.reviewLine{min-width:850px}}
@media(max-width:760px){#app{display:block}aside{height:auto;position:sticky;z-index:20;top:0;padding:9px 10px;display:flex;flex-direction:row;align-items:center;overflow-x:auto;gap:8px}.sideLogo{width:38px;height:38px;margin:0;flex:0 0 auto}.sideProduct,.version{display:none}nav{display:flex;gap:4px;min-width:max-content}nav button{padding:9px 10px;white-space:nowrap}nav button span{margin-left:4px}nav i{position:static;margin-left:4px}main{padding:0 14px 24px}header{height:auto;min-height:84px;gap:10px}header>div:first-child p{display:none}.headActions{margin-left:auto}.who{display:none}.globalSearch{display:none}.cards{grid-template-columns:1fr 1fr;gap:10px}.cards article{padding:15px}.cards b{font-size:23px}.ring{width:45px;height:45px}.rightStack,.uploadGrid,.settingsGrid{grid-template-columns:1fr}.folderBrowser{grid-template-columns:1fr}.sectionHead{align-items:flex-start;gap:10px}.toolbar{align-items:flex-start;gap:10px;flex-direction:column}.tableWrap{overflow-x:auto;padding:10px}.tableWrap table{min-width:780px}.formPanel{grid-template-columns:1fr}.activityRow{grid-template-columns:1.2fr .8fr;gap:8px}.activityRow>div:last-child{grid-column:1/-1;color:var(--muted)}.pdfDialog{width:100vw;height:100vh;max-width:none;max-height:none}.pdfStage{height:calc(100vh - 128px)}.watermark{font-size:38px}.reviewHead,.reviewLine{min-width:800px}.login{padding:28px 20px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.cards article{min-height:82px}.brandBox{gap:12px}.appLogo{width:65px;height:65px}.brandBox h1{letter-spacing:4px;font-size:20px}header h1{font-size:16px;letter-spacing:4px}.avatar{width:34px;height:34px}.chartBox{gap:15px}.donut{width:82px;height:82px}.donut:after{inset:18px}}
/* Final polish: uploads + compact visual settings */
.drop button{background:var(--blue);color:#fff;border:1px solid var(--blue);padding:10px 16px;border-radius:7px;font-weight:700;cursor:pointer;box-shadow:0 2px 7px #079dcb24}.drop button:hover{filter:brightness(.94);transform:translateY(-1px)}
.settingsGrid{grid-template-columns:repeat(2,minmax(260px,390px));justify-content:start;align-items:start}.assetPanel{padding:16px;gap:11px}.assetPanel h2{font-size:15px;margin:0}.assetPreview{height:105px}.assetPanel input[type=file]{font-size:12px;max-width:100%}.assetPanel .primary,.assetPanel .action{padding:8px 11px;font-size:12px}
body.dark .drop button{background:var(--blue);color:#fff;border-color:var(--blue)}
@media(max-width:760px){.settingsGrid{grid-template-columns:1fr}.assetPreview{height:95px}}