:root{--bg:#070b1a;--bg-gradient:radial-gradient(1000px 520px at -10% -20%,rgba(91,124,250,.25),transparent 55%),radial-gradient(900px 500px at 110% 5%,rgba(77,225,216,.18),transparent 55%),linear-gradient(180deg,#060b1c,#050816 45%,#040712);--surface:rgba(12,19,40,.8);--surface-solid:#0f1833;--surface-soft:rgba(20,30,58,.7);--text:#ecf2ff;--muted:#a4b1d2;--heading-soft:#b9c7ea;--accent:#6b89ff;--accent-strong:#4d69eb;--accent-cyan:#46d7cf;--danger:#e75b7b;--danger-strong:#d74969;--ok:#30c98b;--warn:#eba840;--border:rgba(173,191,255,.2);--shadow:0 16px 40px rgba(4,8,24,.45);--table-bg:rgba(9,15,34,.65);--table-head-bg:rgba(15,24,51,.9);--table-head-text:#9db2e1;--nav-text:#c8d4f8;--nav-hover-text:#f5f8ff}html[data-theme=light]{--bg:#f3f6ff;--bg-gradient:radial-gradient(1000px 520px at -10% -20%,rgba(82,120,255,.2),transparent 55%),radial-gradient(900px 500px at 110% 5%,rgba(36,201,194,.12),transparent 55%),linear-gradient(180deg,#f8faff,#eef3ff 45%,#e8efff);--surface:hsla(0,0%,100%,.82);--surface-solid:#fff;--surface-soft:rgba(240,245,255,.9);--text:#17203b;--muted:#607097;--heading-soft:#6c7ea7;--accent:#4f6fff;--accent-strong:#3952d9;--accent-cyan:#0fb8b2;--danger:#e25979;--danger-strong:#cd4667;--ok:#2cb67d;--warn:#d69029;--border:rgba(70,100,186,.17);--shadow:0 12px 30px rgba(65,95,168,.14);--table-bg:rgba(250,252,255,.95);--table-head-bg:rgba(240,245,255,.96);--table-head-text:#5f74a0;--nav-text:#5b6f9b;--nav-hover-text:#223158}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg-gradient);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:rgba(6,11,28,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--border);padding:1.1rem .9rem;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-weight:800;font-size:1.15rem;letter-spacing:.02em;padding:.35rem .65rem 1rem;color:#fff}.nav-list{list-style:none;padding:0;margin:0}.nav-link{display:block;margin-bottom:.32rem;padding:.62rem .72rem;border-radius:12px;color:var(--nav-text);font-size:.95rem;border:1px solid transparent;transition:all .18s ease}.nav-link:hover{background:var(--surface-soft);border-color:var(--border);color:var(--nav-hover-text);transform:translateX(2px)}.nav-link.active{background:linear-gradient(135deg,rgba(91,124,250,.28),rgba(77,225,216,.2));border-color:rgba(103,141,255,.45);color:var(--nav-hover-text);font-weight:600}.main{padding:1.35rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-title{margin:0;font-size:1.72rem;font-weight:800;letter-spacing:.01em}.page-subtitle{margin-top:.35rem;color:var(--muted);font-size:.95rem}.grid{display:grid;grid-gap:.95rem;gap:.95rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.kpi-card h3{margin:0;color:var(--heading-soft);font-size:.82rem;font-weight:600;letter-spacing:.02em}.kpi-value{margin-top:.55rem;font-size:1.6rem;font-weight:800;color:var(--text)}.section-title{margin:0 0 .78rem;font-size:1.08rem;font-weight:700}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--table-bg)}table{width:100%;border-collapse:collapse;font-size:.93rem}td,th{text-align:left;padding:.72rem;border-bottom:1px solid rgba(168,189,255,.1);white-space:nowrap}th{color:var(--table-head-text);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;background:var(--table-head-bg)}tr:hover td{background:rgba(74,101,196,.08)}.btn,button{background:linear-gradient(135deg,var(--accent),#6f90ff);color:#fff;border:1px solid rgba(143,168,255,.38);border-radius:12px;padding:.54rem .95rem;cursor:pointer;font-weight:700;letter-spacing:.01em;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;box-shadow:0 8px 22px rgba(76,105,220,.35)}.btn:hover,button:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:disabled,button:disabled{opacity:.55;cursor:not-allowed;transform:none}button.secondary{background:rgba(17,28,58,.88);border:1px solid var(--border);color:#d6e1ff;box-shadow:none}button.secondary:hover{background:rgba(24,38,76,.96)}button.danger{background:linear-gradient(135deg,var(--danger),#f0628a);border-color:rgba(255,149,178,.45);box-shadow:0 8px 22px rgba(239,71,111,.35)}button.danger:hover{background:linear-gradient(135deg,var(--danger-strong),#ec4f78)}input,select,textarea{width:100%;max-width:100%;border:1px solid var(--border);border-radius:12px;background:rgba(9,16,35,.72);color:var(--text);padding:.58rem .75rem;font:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:rgba(106,140,255,.65);box-shadow:0 0 0 3px rgba(91,124,250,.2)}textarea{resize:vertical}label{font-size:.84rem;color:var(--muted);display:block}.form-grid{display:grid;grid-gap:.72rem;gap:.72rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.row{display:flex;gap:.62rem;align-items:center;flex-wrap:wrap}.badge{display:inline-block;font-size:.72rem;font-weight:700;padding:.18rem .55rem;border-radius:999px;background:rgba(80,109,216,.35);color:#ccdbff;border:1px solid rgba(138,164,255,.34)}.badge.ok{background:rgba(54,211,153,.18);color:#95f4cf;border-color:rgba(124,248,197,.35)}.badge.warn{background:rgba(246,198,91,.2);color:#ffe6a7;border-color:hsla(44,92%,76%,.34)}.muted{color:var(--muted);font-size:.9rem}.stack{display:grid;grid-gap:.95rem;gap:.95rem}@media (max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--border)}.main{padding:1rem}.page-header{align-items:flex-start;gap:.75rem;flex-direction:column}}