:root{--ink-900:#021B34;--ink-800:#0a2a45;--ink-700:#133a5c;--ink-600:#1c5079;--ink:#021B34;--accent-500:#16ACA9;--accent-600:#129b98;--accent-700:#0f8280;--accent-100:#E6FAF9;--bg:#F5F6FA;--card:#ffffff;--border:#E4E9F2;--muted:#6B7A90;--success:#31B87A;--warning:#F1B83B;--danger:#E45858;--shadow: 0 1px 1px rgba(2,27,52,.04), 0 6px 18px rgba(2,27,52,.08);--radius:12px}:root{--panel-h: 520px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink-800);background:var(--bg)}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--ink-900);color:#fff;padding:14px;position:sticky;top:0;height:100vh}.sidebar .brand{font-weight:700;letter-spacing:.3px;margin:6px 0 12px 8px;opacity:.95}.sidebar nav a{display:block;color:#ffffffdb;text-decoration:none;padding:10px 12px;margin:4px 6px;border-radius:10px}.sidebar nav a:hover{background:#ffffff14}.sidebar nav a.active{background:var(--accent-500);color:#fff}.shell-body{display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid var(--border)}.topbar .container{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.profile{position:relative}.avatar{width:32px;height:32px;border-radius:50%;background:radial-gradient(130% 130% at 30% 10%,#2fc7c3,#0f5a78);border:2px solid #fff;box-shadow:0 2px 8px #021b3433;cursor:pointer}.menu{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px;display:none;z-index:40}.menu.open{display:block}.menu .item{width:100%;text-align:left;background:#fff;border:0;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--ink-800)}.menu .item:hover{background:#f6fbfb}.container{max-width:1200px;margin:0 auto;padding:16px}.row{display:flex;gap:12px;align-items:center}.space{height:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);position:relative}.kpi:before{content:"";position:absolute;left:10px;top:10px;bottom:10px;width:4px;background:var(--accent-500);border-radius:3px;opacity:.55}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:24px;font-weight:700;color:var(--ink-800);margin-top:4px}.btn{border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:10px;cursor:pointer;transition:.15s ease;box-shadow:0 0 #0000}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #021b340f}.btn.primary{background:var(--accent-500);color:#fff;border-color:transparent}.btn.primary:hover{background:var(--accent-600)}.btn.ghost{background:transparent;color:#fff;border-color:#ffffff40}.btn.ghost:hover{background:#ffffff0f}.btn:focus-visible{outline:3px solid var(--accent-500);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;background:#fff}.table thead th{position:sticky;top:0;z-index:1;background:linear-gradient(#f8fbfd,#f5fafb);color:var(--ink-700)}.table tr:hover td{background:#f2fbfa}.clickable{cursor:pointer}.clickable:hover td{background:#f2fbfa}.input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff}.badge{display:inline-block;font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--ink-800)}.badge.success{background:#31b87a1a;color:var(--success);border-color:#31b87a40}.badge.warning{background:#f1b83b1f;color:var(--warning);border-color:#f1b83b47}.badge.danger{background:#e458581f;color:var(--danger);border-color:#e4585847}.badge.info{background:#16aca91f;color:var(--accent-700);border-color:#16aca959}.badge.muted{background:#f3f6fb;color:#5b6b80;border-color:#dde3ee}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,var(--bg) 0%,#eef3f7 100%)}.auth-card{width:360px;padding:24px 20px}.brand{font-weight:700;color:var(--accent);letter-spacing:.2px}.auth-title{margin:4px 0 12px}.auth-actions{display:flex;justify-content:flex-end;margin-top:6px}.auth-link{color:var(--accent);text-decoration:none;font-size:12px}.auth-link:hover{text-decoration:underline}.auth-error{margin-top:8px;font-size:12px;color:#b42318}.auth-success{font-size:13px;color:#0f5132;background:#d1e7dd;border:1px solid #badbcc;padding:10px 12px;border-radius:8px}.muted{color:var(--muted)}.container.wide{max-width:1920px}.table thead th{position:sticky;top:0;background:#fdfdfe;z-index:1}.table tr:hover td{background:#f9fbfc}.table .checkbox{width:32px}.table th{white-space:normal;line-height:1.2}.table td{white-space:nowrap}.table-wrap{overflow-y:auto;overflow-x:hidden}@media (max-width: 1280px){.table th,.table td{font-size:14px}}