:root{--ink:#18233a;--muted:#718096;--line:#e7ebf2;--surface:#fff;--canvas:#f4f7fb;--brand:#574cff;--brand2:#8b5cf6;--sidebar:#12172a}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(180deg,#11162a,#181d38);padding:24px 16px;z-index:1030;color:#fff}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:800;line-height:1.05;letter-spacing:-.02em}.brand small{font-size:.68rem;letter-spacing:.25em;color:#9da6d8}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#6c5cff,#aa5cf6);box-shadow:0 9px 24px #6654ff55;color:#fff}.sidebar .nav{margin-top:35px;gap:5px}.sidebar .nav-link{color:#b9c0dc;border-radius:10px;padding:11px 13px;font-weight:600}.sidebar .nav-link:hover{color:#fff;background:#ffffff12}.nav-caption{font-size:.65rem;color:#6f789d;letter-spacing:.16em;margin:25px 13px 7px}.main{margin-left:245px;min-width:0;width:calc(100% - 245px)}.topbar{height:78px;display:flex;align-items:center;padding:0 30px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1020}.content{padding:28px 30px 45px}.menu-toggle{display:none}.metric-card,.panel-card,.filter-card,.live-hero{border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:0 7px 24px rgba(31,38,73,.045)}.metric-card{padding:19px;display:flex;flex-direction:column;min-height:128px}.metric-card span{color:var(--muted);font-size:.8rem;font-weight:700}.metric-card strong{font-size:1.65rem;letter-spacing:-.04em;margin:auto 0 2px}.metric-card small{color:#a2a9b8}.metric-card.accent{background:linear-gradient(135deg,#4e46ee,#8c55ec);border:0;color:#fff}.metric-card.accent span,.metric-card.accent small{color:#dddfff}.panel-card{overflow:hidden}.panel-card .card-header{background:#fff;border-color:var(--line);padding:16px 19px}.table{font-size:.83rem}.table>:not(caption)>*>*{padding:13px 15px;border-color:#edf0f5;white-space:nowrap}.table thead th{background:#f8f9fc;color:#687188;text-transform:uppercase;font-size:.66rem;letter-spacing:.06em}.filter-card{padding:18px}.filter-card label{display:block;font-size:.72rem;font-weight:700;color:#6c7487;margin-bottom:5px}.form-control,.form-select{border-color:#dfe4ed;border-radius:9px}.btn{border-radius:9px;font-weight:600}.multiplier-pill{display:inline-flex;padding:5px 9px;border-radius:8px;font-weight:800}.multi-low{background:#e9f0f8;color:#4b6380}.multi-blue{background:#e4efff;color:#2563eb}.multi-purple{background:#f0e8ff;color:#7c3aed}.multi-pink{background:#ffe5f0;color:#db2777}.multi-orange{background:#fff0dc;color:#e3660c}.multi-gold{background:linear-gradient(135deg,#fff0a8,#ffd45a);color:#8b5a00;box-shadow:0 2px 9px #ffcd4f44}.historical-warning{padding:12px 16px;border-radius:11px;background:#fff8df;border:1px solid #f5e7aa;color:#705e18;font-size:.82rem}.live-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:18px}.live-hero{padding:42px;text-align:center;min-height:500px;display:flex;flex-direction:column;justify-content:center}.live-status{display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--muted)}.status-dot{width:9px;height:9px;border-radius:50%;background:#f2b94b;box-shadow:0 0 0 5px #f2b94b20}.is-live .status-dot{background:#24b47e;box-shadow:0 0 0 5px #24b47e20}.is-offline .status-dot{background:#e54d5d}.live-multiplier{font-size:clamp(5rem,12vw,9rem);font-weight:900;letter-spacing:-.08em;line-height:1;margin:30px 0 12px;background:linear-gradient(135deg,#4f46e5,#b34fc4);-webkit-background-clip:text;color:transparent}.live-details{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:45px}.live-details div{border-radius:12px;background:#f7f8fc;padding:12px}.live-details span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase}.live-details strong{font-size:.84rem}.live-feed{padding:8px 16px}.feed-item{padding:15px 4px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.feed-item:last-child{border:0}.empty-state{text-align:center;color:var(--muted);padding:50px 10px}.chart-card{padding-bottom:15px}.chart-card canvas{max-height:320px;padding:14px 18px}.browser-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis}.api-key-mask{font-family:ui-monospace,monospace;padding:13px;background:#f5f6fa;border-radius:9px}.security-note{font-size:.78rem;color:#8991a4;text-align:center}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#e8e5ff,transparent 28%),radial-gradient(circle at 80% 80%,#e0f0ff,transparent 30%),#f6f7fb}.login-card{width:min(430px,calc(100% - 32px));background:#fff;padding:38px;border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 70px rgba(40,45,88,.12)}.login-card h1{font-weight:800;font-size:1.7rem}.login-card .brand{color:var(--ink)}code{color:#5c4bc8}.dt-container{padding:12px}.dt-container .table{width:100%!important}@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.menu-toggle{display:inline-block;margin-right:14px}.content{padding:20px 15px}.topbar{padding:0 15px}.live-grid{grid-template-columns:1fr}.live-details{grid-template-columns:repeat(2,1fr)}.live-hero{padding:24px;min-height:430px}}@media(max-width:575px){.metric-card{min-height:112px;padding:14px}.metric-card strong{font-size:1.3rem}.login-card{padding:26px 22px}.live-multiplier{font-size:5.3rem}.live-details{margin-top:25px}}