:root{--bg:#0b0b0d;--surface:#141417;--surface2:#1f1f23;--border:#2c2c30;--text:#f4f4f5;--dim:#9a9aa0;--accent:#e0202d;--ok:#30d158;--warn:#ffd60a;--bad:#ff453a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);scrollbar-width:thin;height:100vh;padding:20px 14px 0;position:sticky;top:0;overflow-y:auto}.brand{color:var(--accent);margin:4px 8px 26px;font-size:17px;font-weight:800}.brand span{color:var(--text)}.brand img{width:auto;height:22px;display:block}.brand-suffix{letter-spacing:.8px;text-transform:uppercase;color:var(--dim);font-size:10.5px;font-weight:700}.login-brand img{width:auto;height:28px;display:block}.nav-item{color:var(--dim);border-radius:10px;margin-bottom:2px;padding:10px 12px;font-size:14px;font-weight:600;display:block}.nav-item:hover,.nav-item.active{background:var(--surface2);color:var(--text)}.nav-item .badge{float:right;background:var(--accent);color:#fff;border-radius:999px;padding:2px 7px;font-size:10px}.main{padding:26px 30px 60px}.page-title{margin-bottom:4px;font-size:22px;font-weight:800}.page-sub{color:var(--dim);margin-bottom:22px;font-size:13px}.kpis{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-bottom:26px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.kpi .label{color:var(--dim);text-transform:uppercase;letter-spacing:.8px;font-size:11px}.kpi .value{margin-top:8px;font-size:24px;font-weight:800}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:18px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px}tr:hover td{background:#ffffff05}.mono{color:var(--dim);font-family:ui-monospace,Menlo,monospace;font-size:12px}.pill{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-block}.pill.ok{color:var(--ok);background:#30d15826}.pill.warn{color:var(--warn);background:#ffd60a21}.pill.bad{color:var(--bad);background:#ff453a26}.pill.dim{background:var(--surface2);color:var(--dim)}.pill.accent{color:var(--accent);background:#e0202d29}.btn{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:700}.btn.sec{background:var(--surface2);color:var(--text)}.btn.danger{background:var(--bad)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.muted{color:var(--dim);font-size:12.5px}.empty{color:var(--dim);text-align:center;padding:40px 0;font-size:14px}.table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;overflow-x:auto}.table-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.sidebar-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.nav-toggle,.sidebar-current{display:none}.sidebar-spacer{height:84px}.sidebar-foot{position:absolute;bottom:20px;left:14px;right:14px}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:40;border-right:0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(18px);background:#141417f0;height:auto;padding:10px 12px;position:sticky;top:0;overflow:visible}.brand{margin:0}.sidebar-spacer{display:none}.sidebar-current{min-width:0;color:var(--dim);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;display:block;overflow:hidden}.nav-toggle{border:1px solid var(--border);background:var(--surface2);min-height:40px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:13.5px;font-weight:700;display:inline-flex}.sidebar-nav{max-height:calc(100vh - 130px);margin-top:10px;padding-bottom:4px;display:none;overflow-y:auto}.shell.is-nav-open .sidebar-nav{display:block}.nav-item{padding:13px 12px;font-size:15px}.sidebar-foot{border-top:1px solid var(--border);margin-top:12px;padding-top:12px;display:none;position:static}.shell.is-nav-open .sidebar-foot{display:block}.main{padding:16px 14px 48px}.page-title{font-size:20px}.page-sub{margin-bottom:16px}.card{border-radius:12px;padding:14px}.kpis{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:18px}.kpi{padding:14px}.kpi .value{font-size:21px}.btn{min-height:42px;padding:10px 16px}input,select,textarea{font-size:16px}.table-scroll table{min-width:560px}th,td{padding:9px 10px}.table-scroll th,.table-scroll td{min-width:92px}.table-scroll th:first-child,.table-scroll td:first-child{z-index:2;background:var(--surface);box-shadow:inset -1px 0 0 var(--border), inset 0 -1px 0 var(--border);position:sticky;left:0}.table-scroll thead th:first-child{z-index:3}.table-scroll tbody tr:hover td:first-child{background:var(--surface2)}}