:root{--admin-ink:#203047;--admin-muted:#7c8b9f;--admin-blue:#3565d8;--admin-line:#e5eaf1;--admin-bg:#f4f6fa}body{background:var(--admin-bg);color:var(--admin-ink);font:14px/1.6 'Segoe UI',Arial,sans-serif}main{max-width:none;margin:0;padding:38px 44px}body.is-authenticated main{padding-left:290px}.admin-nav{position:fixed;inset:0 auto 0 0;width:244px;margin:0;padding:30px 18px;display:flex;flex-direction:column;gap:7px;flex-wrap:nowrap;background:linear-gradient(165deg,#162638,#0c1829);z-index:50;color:#a6b7cc;box-shadow:4px 0 20px #172e4610}.admin-nav a{font-size:13px;border:0;border-radius:9px;padding:12px 18px;color:#9cacc0;display:flex;align-items:center;gap:12px;transition:background .15s}.admin-nav a:hover{background:#ffffff09;color:#f0f7ff}.admin-nav a[data-nav]:before{content:'';display:block;width:7px;height:7px;border:1px solid #8094ab;border-radius:2px;transform:rotate(0deg)}.admin-nav a[aria-current=page]{color:#fff;background:#3565d8;box-shadow:0 6px 18px #0002}.admin-nav a[aria-current=page]:before{border-color:#c7d8ff;background:#c7d8ff}.admin-nav a.admin-brand{padding:0 10px 30px;color:white;gap:10px;font-size:23px;font-weight:700;letter-spacing:-.8px}.admin-brand img{width:44px;height:44px;object-fit:contain}.admin-brand span{display:block}.admin-brand small{display:block;font-size:8px;letter-spacing:1.7px;font-weight:500;color:#8dabc6;line-height:1.8}.nav-label{font-size:9px;letter-spacing:1.7px;font-weight:650;padding:6px 18px 10px;color:#647b93}.sidebar-foot{margin-top:auto;padding:20px 14px 0;font-size:11px;color:#7690a8;border-top:1px solid #ffffff0d}.server-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5acdb6;margin-right:6px}.sidebar-foot a{font-size:10px;padding:13px 0 0;color:#b4c7d9;display:block}.workspace-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#9aa5b4}#dashboard>header{padding-bottom:24px;border-bottom:1px solid var(--admin-line);align-items:center;margin-bottom:28px}#dashboard>header h1{font-size:29px;font-weight:700;letter-spacing:-1px;margin:4px 0}#identity{font-size:11px;color:#8794a6}#dashboard>header .row button{font-size:11px;padding:9px 14px;background:white;border:1px solid #dce3ed;border-radius:7px;color:#677b94}#dashboard>header #logout{color:#8d9aad}section{background:white;border:1px solid var(--admin-line);border-radius:13px;padding:26px;margin-bottom:24px;box-shadow:0 3px 12px #21364f03}h2{font-size:17px;font-weight:700;letter-spacing:-.3px;margin:0 0 14px}h3{font-size:15px;letter-spacing:-.2px}p{color:#8490a1;font-size:12px}section[data-page=dashboard]:first-of-type{background:none}#dashboard>section[data-page=dashboard]:has(#dashboard-stats){padding:0;background:none;border:0;box-shadow:none}#dashboard>section[data-page=dashboard]:has(#dashboard-stats)>h2{display:none}#dashboard>section[data-page=dashboard]:has(#dashboard-stats)>p{margin:0 0 18px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.stat{position:relative;padding:22px;background:white;border:1px solid #e5eaf1;border-radius:12px;font-size:10px;color:#8792a4;min-height:126px;box-shadow:0 3px 14px #18324a03}.stat:after{content:'';position:absolute;right:18px;top:22px;width:23px;height:23px;border-radius:7px;background:#eef2fc}.stat strong{font-size:30px;font-weight:700;letter-spacing:-1px;color:#2c4261;line-height:1.3;margin-bottom:14px}.stat:nth-child(1) strong,.stat:nth-child(2) strong{color:#208c80}.stat:nth-child(1):after,.stat:nth-child(2):after{background:#e1f4ed}.stat:nth-child(4) strong,.stat:nth-child(5) strong{color:#426cce}.stat:nth-child(7) strong,.stat:nth-child(8) strong{color:#a17c38}.stat:nth-child(7):after,.stat:nth-child(8):after{background:#faf0dc}.stat:nth-child(12) strong,.stat:nth-child(13) strong{color:#8a64b1}.stat:nth-child(12):after,.stat:nth-child(13):after{background:#f1eafa}input,select,textarea{background:#fafbfd;color:#344861;border:1px solid #dfe5ed;border-radius:7px;padding:11px 12px;font-size:12px;min-height:40px}input::placeholder,textarea::placeholder{color:#a7b2bf}input[type=checkbox]{min-height:0;accent-color:#3565d8;cursor:pointer}input[type=file]{padding:8px;background:white;font-size:11px}label{font-size:11px;font-weight:650;color:#6d7c92;margin-top:17px}.form-row{gap:20px}textarea{resize:vertical}button{font-size:11px;font-weight:600;padding:10px 15px;background:white;color:#5d7590;border:1px solid #dce3ee;border-radius:7px;line-height:1.5}button:hover{background:#f2f5fb;color:#274e82}button.primary{background:#3565d8;border-color:#3565d8;color:white;box-shadow:0 4px 12px #3565d820}button.primary:hover{background:#2854bd}button[data-action=delete],button[data-action=revoke]{color:#bd7077;border-color:#f0dce0}button[data-action=delete]:hover{background:#fff5f6}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #8cacef;outline-offset:2px}.table-wrap{border:1px solid #e9edf4;border-radius:9px;margin-top:20px;max-height:620px;overflow:auto}table{font-size:11px;border-collapse:collapse}thead th{position:sticky;top:0;background:#f8f9fc;color:#8895a8;z-index:1;font-size:9px;font-weight:700;letter-spacing:.8px;padding:13px 16px;white-space:nowrap}td{border-bottom:1px solid #edf0f6;padding:14px 16px;color:#63758d;max-width:330px;overflow-wrap:anywhere}td:first-child{color:#324b68;font-weight:550}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}td button{font-size:10px;padding:6px 10px;margin:2px 5px 2px 0}td:last-child{min-width:140px}code{font-size:12px;font-weight:650;color:#3565b5;background:#edf3ff;padding:5px 7px;border-radius:5px}.badge{font-size:10px;border-radius:5px;color:#8190a5;background:#eef1f7}.online{color:#248d74;background:#e3f5ee}.revoked{color:#be6874;background:#fff0f2}.muted{color:#8d9bad;font-size:11px}.theme-thumb{width:100px;height:58px;border-radius:7px;border:1px solid #e8edf3}a{color:#3565c6}#new-code{font-size:22px;color:#347f7d}#error,#login-error{color:#b75a6c;font-size:12px;min-height:18px}#error:empty{display:none}.transfer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.transfer-card{background:#fafbfd;border:1px solid #e8edf3;border-radius:9px;padding:20px}.transfer-card h3{font-size:13px;margin:0 0 10px;color:#344f70}.transfer-card p{font-size:10px;line-height:1.8;min-height:36px}.transfer-card button{font-size:10px;padding:8px 11px}.transfer-card label{font-size:9px}.transfer-card input[type=file]{font-size:9px;width:100%;padding:7px 4px}.transfer-card p[role=status]{min-height:0}#backup-controls>p:first-of-type{max-width:850px;font-size:11px;line-height:1.8}#login-panel{max-width:420px;margin:8vh auto;padding:36px 40px;box-shadow:0 22px 80px #081e3a20;border:0;border-radius:18px}body:not(.is-authenticated){background:radial-gradient(ellipse at 20% 20%,#263d52,#0d1c2b 70%);min-height:100vh}body:not(.is-authenticated) main{min-height:100vh}.login-brand{display:block;text-align:center;margin-bottom:14px}.login-brand img{width:68px;height:68px;object-fit:contain}.login-eyebrow{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:#8396a9;margin-bottom:16px}#login-panel h1{text-align:center;font-size:27px;letter-spacing:-.8px;margin-bottom:10px;color:#253c57}#login-panel>p{text-align:center;font-size:11px;line-height:1.8;max-width:285px;margin:0 auto 24px}#login-panel label{font-size:10px}#login-submit{width:100%;margin-top:6px;padding:12px;font-size:12px}#login-panel input{font-size:13px}.login-brand:focus{outline:2px solid #a2bfee}@media(min-width:1700px){body.is-authenticated main{padding-right:65px;padding-left:310px}.stats{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1200px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.transfer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.is-authenticated main{padding:28px 24px 28px 252px}.admin-nav{width:222px}.admin-nav a.admin-brand{font-size:21px}.form-row{gap:14px}}@media(max-width:760px){body.is-authenticated main{padding:0 15px 24px}.admin-nav{position:sticky;top:0;width:auto;max-width:100%;height:auto;display:flex;flex-direction:row;overflow-x:auto;padding:12px 8px;border-radius:0;margin:0 -15px 20px;gap:4px;white-space:nowrap}.admin-nav a{flex:0 0 auto;font-size:10px;padding:9px 11px;gap:7px}.admin-nav a.admin-brand,.nav-label,.sidebar-foot{display:none}.admin-nav a[data-nav]:before{width:5px;height:5px}#dashboard{display:flex;flex-direction:column}#dashboard>.admin-nav{order:-2}#dashboard>header{padding:0 0 18px;margin:0 0 20px;order:-1}#dashboard>header h1{font-size:23px}.workspace-label{font-size:8px}#identity{font-size:9px}#dashboard>header .row{gap:6px}#dashboard>header .row button{font-size:9px;padding:7px 9px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:18px;min-height:110px;font-size:10px}.stat strong{font-size:27px}.stat:after{width:18px;height:18px;top:18px;right:14px}.transfer-grid{grid-template-columns:1fr}section{padding:20px 16px;margin-bottom:18px}.form-row{grid-template-columns:1fr}.table-wrap{max-height:500px}thead th,td{padding:10px;max-width:230px}h2{font-size:16px}.row h2{margin-bottom:0}#login-panel{padding:28px;max-width:390px;margin:4vh auto}body:not(.is-authenticated) main{padding:20px}#dashboard>section[data-page=dashboard]:has(#dashboard-stats)>p{font-size:11px}.transfer-card input[type=file]{font-size:11px}.transfer-card button{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Keep operational data readable at normal desktop scale. */.stat{font-size:12px}.transfer-card p{font-size:12px;line-height:1.65}.transfer-card label{font-size:11px}.transfer-card button{font-size:11px}.transfer-card input[type=file]{font-size:10px}table{font-size:12px}thead th{font-size:10px}td button{font-size:11px}label{font-size:12px}#identity{font-size:12px}.muted{font-size:12px}#dashboard>header .row button{font-size:12px}#backup-controls>p:first-of-type{font-size:12px}#login-panel label{font-size:12px}#login-panel>p{font-size:12px}#login-submit{font-size:13px}