*{box-sizing:border-box}:root{--bg:#f5f7fb;--text:#172033;--muted:#697386;--line:#e4e9f1;--primary:#3559e0;--side:#111827}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.shell{grid-template-columns:268px minmax(0,1fr);min-height:100dvh;display:grid}.side{color:#fff;background:var(--side);z-index:60;flex-direction:column;height:100dvh;padding:18px 14px;display:flex;position:sticky;top:0}.sbrand{align-items:center;gap:11px;min-height:50px;padding:0 6px;display:flex}.sbrand>div{display:grid}.sbrand small{color:#9ca3af}.logo{background:linear-gradient(135deg,#3559e0,#6d5dfc);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.ib{width:42px;height:42px;color:inherit;background:0 0;border:0;border-radius:11px;place-items:center;display:grid}.mobile{display:none}.cc{background:#ffffff0e;border:1px solid #ffffff16;border-radius:14px;gap:3px;margin:20px 0 16px;padding:14px;display:grid}.cc span,.side small{color:#9ca3af;font-size:11px}.side nav{gap:4px;display:grid;overflow:auto}.side nav a{color:#cbd5e1;border-radius:11px;align-items:center;gap:11px;min-height:44px;padding:0 12px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.side nav a.active,.side nav a:hover{color:#fff;background:#3559e044}.foot{color:#9ca3af;align-items:center;gap:8px;margin-top:auto;font-size:12px;display:flex}.main{min-width:0}.main>header{z-index:45;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:10px 24px;display:flex;position:sticky;top:0}.left{align-items:center;gap:12px;display:flex}.left div{display:grid}.left small,.heading small,.empty small{color:var(--primary);letter-spacing:.1em;font-size:11px;font-weight:800}.select,.search{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;display:flex}.select{min-height:40px;padding:0 10px}.select select{font:inherit;background:0 0;border:0;font-weight:700}.main main{max-width:1560px;margin:auto;padding:26px}.heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.heading h1{margin:6px 0;font-size:clamp(28px,3vw,38px)}.heading p,.note,.empty p{color:var(--muted);margin:0;line-height:1.6}.search{min-width:270px;height:44px;padding:0 12px}.search input{border:0;outline:0;width:100%}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpis article,.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.kpis article{min-height:136px;display:grid}.kpis span,.kpis small{color:var(--muted);font-size:13px}.kpis strong{font-size:30px}.dash{grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr);gap:14px;margin-top:14px;display:grid}.panel h2{margin:0 0 16px}.quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quick a{border:1px solid var(--line);background:#f8fafc;border-radius:13px;grid-template-columns:1fr auto;gap:5px 10px;min-height:92px;padding:14px;text-decoration:none;display:grid}.quick span{color:var(--muted);font-size:12px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{background:#f7f9ff;border:1px solid #dce3f5;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:700}.note{margin-top:16px;font-size:13px}.empty{text-align:center;align-content:center;place-items:center;min-height:420px;display:grid}.empty>svg{color:var(--primary)}.empty h2{margin:7px 0}.empty p{max-width:620px}.scrim{display:none}@media (max-width:1100px){.shell{grid-template-columns:1fr}.side{width:min(310px,88vw);transition:all .2s;position:fixed;left:0;transform:translate(-105%)}.side.open{transform:none}.mobile{display:grid}.scrim{z-index:55;background:#0f172a77;border:0;display:block;position:fixed;inset:0}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.main>header{min-height:62px;padding:8px 10px}.main main{padding:18px 12px}.heading{flex-direction:column;align-items:stretch;gap:14px}.search{width:100%;min-width:0}.kpis{grid-template-columns:1fr;gap:9px}.kpis article{min-height:100px}.dash,.quick{grid-template-columns:1fr}.panel{padding:16px}.empty{min-height:360px}}