:root{
  --bg:#0a0c0f;--panel:#101318;--panel-2:#14181e;--panel-3:#191e25;--line:#232a32;--line-soft:#1a2027;
  --text:#eef1f4;--muted:#8a949f;--muted-2:#626d79;--accent:#6f86ff;--accent-2:#8296ff;
  --danger:#e36471;--success:#52b27b;--warning:#d6a04f;--shadow:0 24px 70px rgba(0,0,0,.34);--radius:12px;--sidebar:224px
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}body{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}button{color:inherit}input,select,textarea{width:100%;background:#0c1014;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px 11px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}input:hover,select:hover,textarea:hover{background:#0e1217}input:focus,select:focus,textarea:focus{border-color:#5269d1;box-shadow:0 0 0 3px rgba(111,134,255,.11)}textarea{resize:vertical;min-height:84px}label{display:flex;flex-direction:column;gap:7px;color:#b9c0c8;font-size:11px;font-weight:650}
.workspace{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);border-right:1px solid var(--line-soft);background:#0d1014;display:flex;flex-direction:column;padding:16px 12px;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;padding:4px 7px 17px}.logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#7188ff,#5d72df);display:grid;place-items:center;font-weight:900;color:#fff;letter-spacing:-.3px;box-shadow:0 8px 22px rgba(80,102,219,.22)}.sidebar-brand>span:last-child,.auth-brand>div,.sidebar-user>div:nth-child(2),.person>div{display:flex;flex-direction:column;min-width:0}.sidebar-brand b,.auth-brand b{font-size:12px;letter-spacing:.2px}.sidebar-brand small,.auth-brand small,.sidebar-user small,.person small{font-size:9px;color:var(--muted-2);margin-top:3px}.nav{display:flex;flex-direction:column;gap:3px}.nav a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#8f98a3;padding:9px 10px;border-radius:8px;font-size:11px;font-weight:650;transition:background .15s,color .15s}.nav a span{width:18px;text-align:center;color:#737e8a}.nav a:hover{background:#141920;color:#dce1e6}.nav a.active{background:#171d24;color:#f4f6f8}.nav a.active span{color:#8da0ff}.nav-separator{height:1px;background:var(--line-soft);margin:9px 5px}.sidebar-user{margin-top:auto;border-top:1px solid var(--line-soft);padding:13px 6px 0;display:grid;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:9px}.sidebar-user>a{color:#717c87;text-decoration:none;text-align:center}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#222933;border:1px solid #2b343f;color:#e8ebef;font-weight:800;font-size:11px}.avatar.small{width:29px;height:29px;font-size:10px}
.content{grid-column:2;padding:32px 38px 56px;min-width:0}.content-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.content-head.compact-head{align-items:center}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.35px;color:#6f7b88}.content-head h1,.auth-copy h1{margin:6px 0 0;font-size:28px;line-height:1.15;letter-spacing:-.7px}.content-head p,.auth-copy p{margin:7px 0 0;color:var(--muted);line-height:1.55}.date-chip{border:1px solid var(--line);background:#101419;padding:8px 10px;border-radius:8px;color:#9ca5af;font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.metric{background:var(--panel);border:1px solid var(--line-soft);border-radius:11px;padding:15px 16px}.metric>span{display:block;color:#808b96;font-size:10px;font-weight:650}.metric b{display:block;font-size:27px;line-height:1;margin-top:13px;letter-spacing:-1px}.metric.slim .metric{padding:14px}.metric-grid.slim .metric b{font-size:23px}.metric-grid.slim .metric{min-height:82px}.metric.warn b{color:#e0aa5b}.metric b.metric-text{font-size:16px;letter-spacing:0;margin-top:17px}.section{margin-top:22px}.section.card-section{margin:0;background:var(--panel);border:1px solid var(--line-soft);border-radius:11px;padding:15px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.section-title h2{margin:0;font-size:13px;letter-spacing:-.1px}.section-title p{margin:4px 0 0;color:#65707b;font-size:9px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.tool-card{display:flex;flex-direction:column;min-height:174px;background:linear-gradient(180deg,#11151a,#0f1317);border:1px solid #20262d;border-radius:12px;padding:16px;text-decoration:none;transition:transform .15s,border-color .15s,background .15s}.tool-card:hover{transform:translateY(-2px);border-color:#313b46;background:#12171d}.tool-card-top{display:flex;align-items:center;justify-content:space-between}.tool-symbol{width:38px;height:38px;border-radius:9px;background:#1a2130;border:1px solid #28334a;color:#95a5ff;display:grid;place-items:center;font-weight:900;font-size:10px}.tool-card h3{font-size:14px;margin:17px 0 6px}.tool-card p{color:#737e89;font-size:10px;line-height:1.55;margin:0}.tool-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;color:#8993a0;font-size:10px}.tool-card-footer b{font-size:14px;color:#b5bec8}.access-badge{display:inline-flex;align-items:center;border:1px solid #2a3545;background:#171e28;color:#9dafef;border-radius:999px;padding:3px 7px;font-size:8px;text-transform:uppercase;letter-spacing:.55px}.mono-muted{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#727d88}
.auth-page{display:grid;place-items:center;min-height:100vh;padding:28px;background:radial-gradient(circle at 50% 0,#111722 0,#0a0c0f 38%)}.auth-shell{width:min(430px,100%)}.auth-brand{display:flex;align-items:center;gap:10px;margin:0 0 14px 4px}.auth-card{background:#101419;border:1px solid #242b33;border-radius:13px;padding:23px;box-shadow:var(--shadow)}.auth-card.wide{width:min(720px,calc(100vw - 32px));margin-left:50%;transform:translateX(-50%)}.auth-copy{margin-bottom:18px}.auth-copy h1{font-size:23px}.stack{display:flex;flex-direction:column;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid h3{grid-column:1/-1;margin:8px 0 -2px;font-size:11px}.span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px}
.button{border:1px solid var(--line);background:#171c22;color:#e7eaee;border-radius:8px;padding:9px 12px;font-weight:700;font-size:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,border-color .15s,opacity .15s}.button:hover{border-color:#37414c;background:#1b2128}.button.primary{background:#647cf0;border-color:#647cf0;color:white}.button.primary:hover{background:#7187f3;border-color:#7187f3}.button.subtle{background:#12161b}.button.ghost{background:transparent}.button.danger{background:#27161a;border-color:#4d2830;color:#f09ba5}.button.small{padding:6px 8px;font-size:9px}.button.block{width:100%}.button:disabled{opacity:.55;cursor:not-allowed}.notice{border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin:0 0 14px;font-size:10px;line-height:1.5}.notice.danger{border-color:#4d2b30;background:#201316;color:#f0a2aa}.notice.success{border-color:#284637;background:#122019;color:#8cd2a6}
.admin-content{max-width:1580px}.admin-tabs{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line-soft);margin:0 0 18px}.admin-tabs a{padding:10px 12px 11px;text-decoration:none;color:#78838f;font-size:10px;font-weight:700;border-bottom:2px solid transparent}.admin-tabs a:hover{color:#cfd5db}.admin-tabs a.active{color:#f1f3f5;border-bottom-color:#7188ff}.admin-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.65fr);gap:14px}.admin-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.tool-admin-card{min-height:100%}.table-wrap{overflow:auto}.table-search{width:190px;height:32px;padding:7px 9px;font-size:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 9px;border-bottom:1px solid var(--line-soft);font-size:10px;vertical-align:middle}th{color:#66717d;font-size:8px;text-transform:uppercase;letter-spacing:.75px;font-weight:800}.person{display:flex;align-items:center;gap:9px}.state{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#929ca7}.state:before{content:"";width:6px;height:6px;border-radius:50%;background:#67717d}.state.on:before{background:var(--success)}.state.off{color:#65707b}.row-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center}.row-actions form{margin:0}.admin-editor{position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow:auto}.access-editor{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:12px 0;display:flex;flex-direction:column;gap:10px}.access-editor h3{font-size:10px;margin:0;color:#7e8994;text-transform:uppercase;letter-spacing:.8px}.switchline{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line-soft);background:#0f1317;border-radius:8px;padding:9px 10px;font-weight:600}.switchline input{width:34px;height:18px;accent-color:#6f86ff}.compact-switch{border:0;background:transparent;padding:0}.danger-zone{margin-top:14px;padding-top:14px;border-top:1px solid #302026}.icon-link{width:27px;height:27px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;text-decoration:none;color:#7f8995}.storage-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px;max-width:980px}.storage-divider{font-size:9px;font-weight:800;letter-spacing:.8px;color:#6c7782;text-transform:uppercase;padding-top:7px}.drive-status{display:flex;flex-direction:column;gap:12px}.connection-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line-soft);background:#0f1317;border-radius:9px;padding:12px}.connection-card>div{display:flex;flex-direction:column}.connection-card b{font-size:11px}.connection-card small{font-size:9px;color:#69747f;margin-top:3px}.connection-dot{width:8px;height:8px;border-radius:50%;background:#6a7480}.connection-card.connected .connection-dot{background:var(--success)}.code-note{border-top:1px solid var(--line-soft);padding-top:12px}.code-note b{display:block;font-size:9px;color:#6d7883;margin-bottom:5px}.code-note code{display:block;padding:9px;border:1px solid var(--line);border-radius:8px;background:#0b0f13;color:#9ba7b5;font-size:9px;white-space:normal;word-break:break-all}.audit-list{display:flex;flex-direction:column}.audit-row{display:flex;justify-content:space-between;gap:20px;padding:10px 2px;border-bottom:1px solid var(--line-soft)}.audit-row>div{display:flex;flex-direction:column}.audit-row b{font-size:10px}.audit-row small{color:#6f7a85;margin-top:3px}.audit-row>span{color:#65707b;font-size:9px;white-space:nowrap}
.checkline{flex-direction:row;align-items:flex-start;gap:8px;font-weight:500;line-height:1.4}.checkline input{width:auto;margin-top:2px}
@media(max-width:1100px){.admin-grid,.storage-grid{grid-template-columns:1fr}.admin-editor{position:static;max-height:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--sidebar:0px}.workspace{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;flex-direction:row;align-items:center;padding:9px 10px;border-right:0;border-bottom:1px solid var(--line-soft)}.sidebar-brand{padding:0;margin-right:8px}.sidebar-brand>span:last-child{display:none}.nav{flex-direction:row;overflow:auto}.nav a{white-space:nowrap}.nav-separator,.sidebar-user{display:none}.content{padding:20px 12px 38px}.content-head{flex-direction:row}.metric-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.span-2,.form-grid h3{grid-column:1}.auth-card.wide{width:100%;margin:0;transform:none}.admin-tools-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.table-search{width:140px}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr 1fr}.content-head h1{font-size:24px}.content{padding-left:10px;padding-right:10px}.tool-card{min-height:154px}}