:root{--bg: #080c14;--bg-elevated: #0e1422;--panel: #141c2e;--panel-2: #1a2438;--line: rgba(148, 163, 184, .12);--line-strong: rgba(148, 163, 184, .22);--text: #f8fafc;--muted: #94a3b8;--accent: #3dff9a;--accent-dim: #22d37a;--accent-ink: #061018;--brand-sky: #6ec8ff;--brand-blue: #5b7cf0;--brand-indigo: #3a2f8f;--organic: #3dff9a;--paid: #6ec8ff;--leak: #ff6b7a;--warn: #fbbf24;--danger: #ff6b7a;--radius: 12px;--radius-sm: 8px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--sidebar-w: 240px;--font: "Plus Jakarta Sans", sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(900px 520px at 12% -8%,rgba(110,200,255,.12),transparent 55%),radial-gradient(700px 420px at 88% 0%,rgba(61,255,154,.07),transparent 50%),radial-gradient(600px 400px at 50% 100%,rgba(58,47,143,.18),transparent 55%),var(--bg);color:var(--text);font-family:var(--font);font-size:14px;letter-spacing:.01em;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:var(--brand-sky);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.auth-shell{min-height:100vh;display:flex;flex-direction:column}.auth-header{flex:0 0 auto;display:flex;align-items:center;padding:28px 40px 0}.auth-body{flex:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:0;padding:24px 0 40px}.auth-marketing{padding:24px 40px;display:flex;flex-direction:column;justify-content:center}.auth-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 12px;border-radius:999px;border:1px solid rgba(61,255,154,.4);color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px;background:#3dff9a14}.auth-marketing h1{margin:0 0 14px;font-size:clamp(34px,4.4vw,52px);line-height:1.05;font-weight:700;letter-spacing:-.03em;max-width:11ch}.auth-marketing h1 span{color:var(--accent)}.auth-marketing .lead{margin:0 0 28px;color:var(--muted);font-size:15px;line-height:1.55;max-width:42ch}.auth-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:420px;margin-bottom:36px}.auth-stats strong{display:block;font-size:28px;font-weight:700;letter-spacing:-.03em}.auth-stats span{color:var(--muted);font-size:12px}.auth-connects{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.auth-connects-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;color:#7b8aa3;font-size:13px;font-weight:500}.auth-panel{display:grid;place-items:center;padding:32px}.auth-card{width:min(420px,100%);background:linear-gradient(180deg,#1a2438,#121a2a);border:1px solid var(--line-strong);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.auth-card h2{margin:0 0 6px;font-size:24px;letter-spacing:-.02em}.auth-card .sub{margin:0 0 22px;color:var(--muted);font-size:13px}.field{margin-bottom:14px}.field label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:500}.field input{width:100%;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#0c1220;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.field input:focus{border-color:#6ec8ff8c;box-shadow:0 0 0 3px #6ec8ff24}.error{color:var(--leak);font-size:13px;margin:0 0 12px;background:#ff6b6114;border:1px solid rgba(255,107,97,.25);padding:8px 10px;border-radius:var(--radius-sm)}.auth-switch{margin-top:16px;text-align:center;color:var(--muted);font-size:13px}.auth-switch button{background:none;border:none;color:var(--brand-sky);cursor:pointer;padding:0;font-weight:600}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:#0a0e18f0;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}.brand-row{display:flex;align-items:center;gap:10px;padding:8px 10px 18px}.brand-mark{width:40px;height:40px;border-radius:12px;background:#0a0e16;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;flex-shrink:0;overflow:hidden;box-shadow:0 8px 24px #00000059}.brand-mark svg{display:block}.brand-text strong{display:block;font-size:15px;font-weight:800;letter-spacing:-.03em;color:#fff}.brand-text span{color:var(--muted);font-size:12px}.brand-hero{padding:0;gap:14px}.brand-hero .brand-mark{width:64px;height:64px;border-radius:18px;background:#080c14;box-shadow:0 10px 32px #0006}.brand-hero .brand-text strong{font-size:28px;font-style:normal;font-weight:800;letter-spacing:-.035em;line-height:1;color:#fff}.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.nav-item:hover{background:#ffffff08;color:var(--text)}.nav-item.active{background:#6ec8ff1a;border-color:#6ec8ff38;color:var(--text);font-weight:600}.nav-item .chev{margin-left:auto;opacity:.45;font-size:12px}.sidebar-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.main-col{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line);background:#0a0e18c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:8}.top-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239aa3a0' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid var(--line-strong);border-radius:10px;padding:9px 32px 9px 12px;min-width:180px;cursor:pointer}.topbar .spacer{flex:1}.avatar-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--line-strong);background:linear-gradient(145deg,#ff8a3d,#e35d2a);color:#fff;font-weight:700;cursor:pointer}.menu{position:absolute;right:22px;top:58px;width:260px;background:#151c2c;border:1px solid var(--line-strong);border-radius:14px;box-shadow:var(--shadow);padding:10px;z-index:20}.menu-head{padding:10px;border-bottom:1px solid var(--line);margin-bottom:6px}.menu-head strong{display:block}.menu-head span{color:var(--muted);font-size:12px}.menu button{width:100%;text-align:left;padding:10px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text)}.menu button:hover{background:#ffffff0a}.menu button.danger{color:var(--danger)}.page{padding:24px 28px 40px;max-width:1180px}.page-head{margin-bottom:18px}.page-head h1{margin:0 0 4px;font-size:28px;letter-spacing:-.03em}.page-head p{margin:0;color:var(--muted)}button.primary,.btn-primary{background:linear-gradient(90deg,#6ec8ff,#5b7cf0);color:#061018;border:none;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #5b7cf059;transition:transform .12s ease,filter .12s ease}button.primary:hover,.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}button.ghost{background:transparent;border:1px solid var(--line-strong);border-radius:10px;padding:9px 14px;cursor:pointer;color:var(--text)}button.ghost:hover{background:#ffffff0a}button.danger-outline{background:transparent;border:1px solid rgba(255,107,97,.35);color:var(--leak);border-radius:10px;padding:8px 12px;cursor:pointer}button.danger-outline:hover{background:#ff6b6114}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:linear-gradient(180deg,#1a2336f2,#11182afa);border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;box-shadow:0 10px 30px #00000038}.card .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.card .big{font-family:var(--mono);font-size:30px;font-weight:600;margin-top:8px;letter-spacing:-.03em}.card .hint{margin-top:6px;color:var(--muted);font-size:12px}.leak-amount{color:var(--leak)}.leak-strip .bar{display:flex;height:28px;border-radius:999px;overflow:hidden;background:#0c1220;border:1px solid var(--line)}.seg{transition:width .42s ease}.seg.verified{background:var(--organic)}.seg.suspicious{background:var(--warn)}.seg.fraud{background:var(--leak)}.legend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--muted);flex-wrap:wrap}.dot{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:6px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;padding:10px 12px;border-bottom:1px solid var(--line)}td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}tr:hover td{background:#ffffff05}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.04em}.badge.role{background:#ff8a3d26;color:#ffb07a;border:1px solid rgba(255,138,61,.3)}.panel-form{max-width:460px;margin:40px auto}.panel-form .field input{background:#0c1220}pre.snippet{background:#0a0e18;color:#c8d4e6;padding:16px;border-radius:12px;border:1px solid var(--line);font-family:var(--mono);font-size:12.5px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.loading{color:var(--muted);padding:40px}@media (max-width: 980px){.auth-body{grid-template-columns:1fr}.auth-marketing{display:none}.auth-header{padding:24px 24px 0}.auth-panel{padding:28px 20px 40px}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid{grid-template-columns:1fr}.page{padding:16px}}@media (prefers-reduced-motion: reduce){.seg,button.primary{transition:none}}