:root{color-scheme:dark;--bg:#0b1020;--panel:#141b2d;--line:#27314a;--text:#eef2ff;--muted:#9ca9c8;--accent:#66d9a7;--danger:#ff7b86}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#090d18,#10182a);color:var(--text);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}.wrap{width:min(1120px,calc(100% - 28px));margin:auto}.top{position:sticky;top:0;z-index:2;background:#0b1020e8;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:60px}.brand{font-weight:800;letter-spacing:.05em}.nav{display:flex;gap:14px;flex-wrap:wrap}main{padding:28px 0 60px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 12;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 12px 30px #0003}.half{grid-column:span 6}.third{grid-column:span 4}h1,h2{margin:0 0 16px;font-size:clamp(20px,4vw,30px)}h2{font-size:18px}.kpi{font-size:30px;font-weight:750}.muted,small{color:var(--muted)}table{width:100%;border-collapse:collapse;display:block;overflow:auto}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}input,select,textarea,button{width:100%;padding:11px 12px;border-radius:9px;border:1px solid var(--line);background:#0d1425;color:var(--text);font:inherit}textarea{min-height:95px;resize:vertical}button,.btn{display:inline-block;width:auto;background:var(--accent);color:#07150e;border:0;font-weight:700;cursor:pointer;padding:10px 16px;border-radius:9px}.danger{color:var(--danger)}label{display:block;margin:10px 0 5px;color:var(--muted)}.flash{padding:12px;border:1px solid #37674f;background:#123525;border-radius:10px;margin-bottom:16px}.login{max-width:420px;margin:10vh auto}.bar{height:9px;background:#263149;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent)}@media(max-width:720px){.half,.third{grid-column:span 12}.nav{font-size:13px}.top .wrap{align-items:flex-start;padding:12px 0;gap:10px;flex-direction:column}main{padding-top:18px}.card{padding:14px}}

