:root{--bg: #f3f6fc;--card: #ffffff;--ink: #0f2342;--muted: #5b6b86;--line: #dde6f5;--brand: #0451c6;--brand-deep: #023aa7;--brand-soft: #e8f0fd;--green: #5cb82e;--green-deep: #3fa535;--flame: #ff9800;--danger: #dc2626;--ok: #3fa535;--sb-w: 252px;--sb-w-c: 76px}@media (prefers-color-scheme: dark){:root{--bg: #0a1426;--card: #11213b;--ink: #e6edf8;--muted: #93a4c0;--line: #223556;--brand-soft: #14284a;--brand: #3b82f6}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}h1,h2{margin:0}h2{font-size:15px;margin-bottom:12px}.muted{color:var(--muted)}.err{color:var(--danger)}.okc{color:var(--ok)}.spacer{flex:1}.app{display:flex;min-height:100%}.sidebar{width:var(--sb-w);flex:none;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--brand-deep),var(--brand));color:#fff;position:sticky;top:0;height:100vh;transition:width .2s ease;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:18px 16px}.brand img{width:42px;height:42px;border-radius:12px;flex:none;box-shadow:0 4px 14px #0000004d}.brand-text{font-weight:800;font-size:17px;line-height:1.1;white-space:nowrap}.brand-text small{display:block;font-weight:600;color:#bcd3ff;font-size:12px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:4px;padding:8px 12px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#dbe7ff;cursor:pointer;text-align:left;white-space:nowrap;overflow:hidden}.nav-item:hover{background:#ffffff1f;color:#fff}.nav-item.active{background:#fff;color:var(--brand-deep);font-weight:700}.nav-item svg{flex:none}.sidebar-foot{padding:12px;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:4px}.avatar{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--green);color:#0b2a00;font-weight:800;font-size:13px}.avatar.big{width:52px;height:52px;font-size:18px}.who{display:flex;flex-direction:column;min-width:0;line-height:1.2}.who strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.who small{color:#bcd3ff;overflow:hidden;text-overflow:ellipsis;font-size:11px}.chev{display:inline-flex;transition:transform .2s}.chev.flip{transform:rotate(180deg)}.app.collapsed .sidebar{width:var(--sb-w-c)}.app.collapsed .brand-text,.app.collapsed .nav-item span:not(.chev),.app.collapsed .who{display:none}.app.collapsed .nav-item{justify-content:center;padding:11px 0}.app.collapsed .brand{justify-content:center;padding:18px 0}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:14px 24px;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar h1{font-size:20px}.content{padding:20px 24px 40px;max-width:1360px;width:100%;margin:0 auto}.profile-chip{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.icon-btn{border:0;background:transparent;color:inherit;padding:6px;border-radius:8px;cursor:pointer;display:grid;place-items:center}.topbar .icon-btn{color:var(--ink)}.only-mobile,.scrim{display:none}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.charts{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));margin-top:14px}.two{grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 6px 22px #0451c60f}.kpi{position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand)}.kpi:nth-child(3n+2):before{background:var(--green)}.kpi:nth-child(3n):before{background:var(--flame)}.kpi .l{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.kpi .v{font-size:25px;font-weight:800;margin-top:2px}.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:6px 14px;border-radius:999px;cursor:pointer}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);padding:9px 16px;border-radius:10px;cursor:pointer}.btn:hover{border-color:var(--brand)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.btn.primary:hover{background:var(--brand-deep)}.btn.block{width:100%;padding:12px}.btn:disabled{opacity:.55;cursor:default}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.switch{width:44px;height:24px;border-radius:999px;background:var(--line);border:0;position:relative;cursor:pointer;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on{background:var(--green)}.switch.on:after{transform:translate(20px)}label.f{display:block;margin-bottom:12px}label.f span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}input[type=text],input[type=email],input[type=password],input[type=url],select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}input:focus,select:focus{outline:2px solid var(--brand);outline-offset:0;border-color:transparent}.pill{padding:2px 10px;border-radius:999px;font-size:12px;background:var(--brand-soft);color:var(--brand);font-weight:600;white-space:nowrap}.pill.err{background:#fee2e2;color:var(--danger)}.login-wrap{min-height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 600px at 10% -10%,#1d6ff0 0%,transparent 60%),linear-gradient(135deg,var(--brand-deep),var(--brand))}.login-card{width:100%;max-width:400px;background:var(--card);border-radius:22px;padding:30px 26px;box-shadow:0 24px 60px #0000004d;text-align:center}.login-card label,.login-card .err{text-align:left}.login-logo{width:92px;height:92px;border-radius:22px;box-shadow:0 10px 26px #0451c659;margin-bottom:14px}.login-card h1{font-size:22px}.login-card p.muted{margin:4px 0 20px}@media (max-width: 860px){.only-mobile{display:grid}.only-desktop{display:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(290px,84vw);transform:translate(-102%);transition:transform .22s ease}.app.collapsed .sidebar{width:min(290px,84vw)}.app.collapsed .brand-text{display:block}.app.collapsed .nav-item span:not(.chev){display:inline}.app.collapsed .who{display:flex}.app.collapsed .nav-item{justify-content:flex-start;padding:11px 12px}.app.collapsed .brand{justify-content:flex-start;padding:18px 16px}.app.drawer-open .sidebar{transform:none;box-shadow:0 0 40px #0006}.app.drawer-open .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#050f288c;z-index:25}.brand .icon-btn{margin-left:auto;color:#fff}.topbar{padding:12px 14px}.topbar h1{font-size:18px}.content{padding:14px 14px 32px}.hide-sm{display:none}.profile-chip{padding:3px}.kpis{grid-template-columns:repeat(2,1fr)}.kpi .v{font-size:20px}th,td{padding:8px 6px;font-size:13px}}@media (max-width: 380px){.kpis{grid-template-columns:1fr}}