:root{color-scheme:light;--bg:#f4f6fa;--surface:#fff;--secondary:#f8f9fc;--text:#1b2538;--muted:#647187;--border:#e5eaf1;--accent:#5c52db;--accentbg:#eeedff;--warn:#986118;--warnbg:#fff4df;--error:#b83f4d;--sidebar:#172035;font:14px "Segoe UI",Arial,sans-serif}
:root[data-theme=dark]{color-scheme:dark;--bg:#101724;--surface:#192234;--secondary:#202b3d;--text:#e7edf6;--muted:#a3b1c7;--border:#303d53;--accent:#b4adff;--accentbg:#312d52;--warn:#edc484;--warnbg:#403421;--error:#ffabb3;--sidebar:#0c1320}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}*:focus-visible{outline:3px solid var(--accent)}a{color:var(--accent)}button{cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:9px 13px;background:var(--surface);color:var(--text);min-height:38px}button:hover{border-color:var(--accent);background:var(--accentbg)}button:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:11px;background:var(--surface);color:var(--text)}label{display:grid;gap:7px;margin:14px 0}h1{font-size:30px;margin:4px 0 10px}h2{font-size:19px;margin:0 0 16px}p{line-height:1.55}.muted{color:var(--muted)}.brand{font-size:27px;font-weight:750;letter-spacing:-1px}.brand span{font-size:11px;letter-spacing:2px;display:block;font-weight:500;margin-top:5px}.login-card{width:min(430px,calc(100% - 32px));margin:8vh auto;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.login-card h1{margin-top:26px;font-size:26px}.login-card button{width:100%}.login-card .brand{color:var(--accent)}#sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--sidebar);color:#e7edf6;padding:28px 18px;overflow:auto}.side-caption{color:#a3b1c7;font-size:11px;letter-spacing:1.5px;margin:30px 12px 12px}nav{display:grid;gap:5px}nav button{text-align:left;background:transparent;border-color:transparent;color:#c6cfdf;font-weight:500;min-height:42px}nav button.active{background:#393567;color:white;border-left:3px solid #b4adff}nav button:hover{background:#283449}.side-note{font-size:12px;line-height:1.8;margin:26px 10px;color:#a3b1c7}.side-note strong{color:#edc484;font-weight:500}.workspace-main{margin-left:244px;min-width:0}.topbar{height:72px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:12px 28px}.search{max-width:480px;flex:1;margin:0}.topbar #identity{font-size:12px;color:var(--muted)}#menu{display:none}main{max-width:1776px;margin:auto;padding:28px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--muted);margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice{background:var(--warnbg);color:var(--warn);border-radius:8px;padding:12px 16px;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card .value{font-size:30px;font-weight:650;font-variant-numeric:tabular-nums;margin:10px 0}.card .label{color:var(--muted);font-size:13px}.panel{margin:18px 0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);max-width:100%}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--secondary);font-weight:600;color:var(--muted);text-align:left;white-space:nowrap}td,th{padding:12px;border-bottom:1px solid var(--border);max-width:320px;overflow-wrap:anywhere}td .actions{min-width:170px}td button{font-size:12px;padding:6px 9px}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:4px 7px;border-radius:5px;background:var(--secondary);font-size:12px}.badge.warning{background:var(--warnbg);color:var(--warn)}.empty{padding:40px 20px;text-align:center;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:12px}.error{color:var(--error)}#message{min-height:20px}footer{color:var(--muted);font-size:12px;margin:24px 0}dialog{max-width:650px;width:94vw;max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);padding:24px}dialog::backdrop{background:#0c132099}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.dialog-head button{flex:none}.detail-row{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.detail-row dt{color:var(--muted)}.detail-row dd{margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--surface);padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}
@media(max-width:1100px){#sidebar{width:220px}.workspace-main{margin-left:220px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:12px 20px}main{padding:22px}.topbar #identity{display:none}}
@media(max-width:760px){#sidebar{display:none;z-index:5;top:72px;width:244px}body.nav-open #sidebar{display:block}.workspace-main{margin-left:0}#menu{display:block}#menu span{display:none}.topbar{padding:12px 16px;gap:7px}.topbar button{padding:8px;min-height:44px}.search input{min-width:0}main{padding:20px 16px}.page-heading{display:block}.page-heading .actions{margin:14px 0}h1{font-size:27px}.cards{gap:10px}.card{padding:14px}.card .value{font-size:25px}.field-grid{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr;gap:4px}button{min-height:44px}.login-card{padding:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.card>strong{display:block;font-size:30px;line-height:1.2;margin-top:10px}th{white-space:nowrap}dd{white-space:pre-wrap;overflow-wrap:anywhere}