@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=JetBrains+Mono:wght@500&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{color-scheme:light;--crimson: #E10A18;--crimson-dark: #B00712;--graphite: #0A0A0B;--graphite-700: #1F1F25;--muted: #6E6E78;--line: #E6E6EA;--surface: #FFFFFF;--canvas: #F7F7F9;--sage: #4A7A5C;--amber: #C97A1B;--midnight: #2C3E5C}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--graphite);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);background:var(--graphite)}.login-brand{padding:8vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 20%,rgba(225,10,24,.22),transparent 38%),linear-gradient(145deg,#0a0a0b,#16161a);color:#fff}.brand-mark{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.08em}.brand-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--crimson);border-radius:12px;color:#fff;font-family:Bebas Neue;font-size:25px;box-shadow:0 8px 28px #e10a1840}.login-brand h1{font-family:Bebas Neue,sans-serif;font-size:clamp(64px,8vw,120px);line-height:.85;font-weight:400;margin:0;max-width:700px;letter-spacing:.01em}.login-brand h1 span{color:var(--crimson)}.login-card-wrap{background:#fff;display:grid;place-items:center;padding:48px}.login-card{width:min(420px,100%)}.eyebrow{color:var(--crimson);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.login-card h2{font-size:32px;margin:12px 0 8px}.subtle{color:var(--muted);line-height:1.6}.field{display:grid;gap:7px;margin-top:22px}.field label{font-size:12px;font-weight:700}.input{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 14px;outline:none;background:#fff}.input:focus{border-color:var(--crimson);box-shadow:0 0 0 3px #e10a1814}.btn{border:0;border-radius:10px;padding:12px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-primary{background:var(--crimson);color:#fff}.btn-primary:hover{background:var(--crimson-dark)}.btn-secondary{background:var(--graphite);color:#fff}.btn-full{width:100%;margin-top:24px}.error{color:var(--crimson-dark);font-size:12px;margin-top:6px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--graphite);color:#d4d4da;padding:22px 14px}.sidebar .brand-mark{padding:0 10px 22px;color:#fff}.nav-label{font-size:10px;letter-spacing:.16em;color:#6e6e78;padding:16px 12px 7px;text-transform:uppercase;font-weight:700}.nav-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:#d4d4da;margin:2px 0;font-size:13px;font-weight:500}.nav-link:hover{background:#1f1f25;color:#fff}.nav-link.active{background:var(--crimson);color:#fff}.nav-dot{width:7px;height:7px;border-radius:999px;background:currentColor;opacity:.6}.main{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fffffff0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title{font-size:17px;font-weight:700}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#ffe8ea;color:var(--crimson-dark);display:grid;place-items:center;font-weight:800}.content{padding:30px 32px 60px;max-width:1600px;margin:0 auto}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading h1{margin:4px 0 0;font-size:30px;letter-spacing:-.03em}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 2px 8px #0a0a0b06}.metric-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric-value{font-family:Bebas Neue;font-size:39px;line-height:1;margin-top:12px}.metric-note{margin-top:8px;font-size:11px;color:var(--muted)}.accent-red{border-top:3px solid var(--crimson)}.accent-green{border-top:3px solid var(--sage)}.accent-amber{border-top:3px solid var(--amber)}.accent-blue{border-top:3px solid var(--midnight)}.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2{margin:0;font-size:17px}.table-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:12px 16px;background:#fafafb;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;text-align:left;text-transform:uppercase;letter-spacing:.1em}td{padding:14px 16px;border-bottom:1px solid #EFEFF2;white-space:nowrap}tr:last-child td{border-bottom:0}.mono{font-family:JetBrains Mono,monospace;font-size:12px}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em}.badge-green{color:#2a4934;background:#e3ede6}.badge-amber{color:#754710;background:#fef5e7}.badge-red{color:#8c0815;background:#ffe8ea}.badge-blue{color:#1a2332;background:#dce2ec}.empty{padding:60px 24px;text-align:center;color:var(--muted)}.connection{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);padding:22px;border-radius:14px}.connection-icon{width:50px;height:50px;border-radius:12px;background:#ffe8ea;display:grid;place-items:center;color:var(--crimson);font-weight:900}.alert{padding:13px 16px;border-radius:10px;margin-bottom:20px}.alert-success{background:#e3ede6;color:#2a4934}.pagination{padding:14px 16px;display:flex;gap:8px;border-top:1px solid var(--line)}.pagination a,.pagination span{padding:7px 10px;border-radius:7px;background:var(--canvas)}.mobile-menu{display:none}@media(max-width:1080px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card-wrap{min-height:100vh;padding:28px}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 18px}.content{padding:22px 16px 50px}.cards{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}}