:root{--brand-blue: #2b64f5;--brand-blue-pale: #507df0;--brand-orange: #f3a712;--bg-base: #0a0b12;--bg-surface: #11143a;--bg-elevated: #161935;--bg-muted: #1c1f3d;--fg1: #ffffff;--fg2: #c7cde0;--fg3: #8b8fa7;--fg4: #525967;--fg-success: #15c75a;--fg-danger: #eb5757;--fg-warning: #f2ca51;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .12);--r-tiny: 8px;--r-mini: 12px;--r-small: 16px;--r-round: 999px;--s-micro: 4px;--s-tiny: 8px;--s-mini: 12px;--s-small: 16px;--s-intermediate: 20px;--s-medium: 24px;--s-big: 32px;--s-large: 40px;--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--shadow-glow-blue: 0 10px 40px rgba(43, 100, 245, .35);--grad-navy: linear-gradient(180deg, #161a45 0%, #0a0b12 100%);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-base: .2s;--font-display: "Inter Tight", system-ui, -apple-system, sans-serif;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-info: "Work Sans", system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-base);color:var(--fg1);font-family:var(--font-sans);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}.num-up{color:var(--fg-success)}.num-down{color:var(--fg-danger)}.t-title{font-family:var(--font-display);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.t-h2{font-family:var(--font-display);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin:0}.login-wrap{min-height:100%;display:grid;place-items:center;padding:var(--s-medium);background:var(--grad-navy)}.login-card{width:100%;max-width:380px;background:var(--bg-elevated);border-radius:var(--r-small);padding:var(--s-big);box-shadow:var(--shadow-lg)}.login-brand{display:flex;align-items:center;gap:var(--s-mini);margin-bottom:var(--s-medium)}.login-mark{width:32px;height:32px;border-radius:var(--r-tiny);background:var(--brand-blue);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:16px}.login-title{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.01em;margin:0}.login-sub{color:var(--fg3);font-family:var(--font-info);font-size:12px;margin:var(--s-micro) 0 0}.field{margin-bottom:var(--s-small)}.field label{display:block;font-family:var(--font-info);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg4);margin-bottom:var(--s-tiny)}.field input{width:100%;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--r-mini);color:var(--fg1);font-family:var(--font-sans);font-size:14px;padding:12px 14px;outline:none;transition:border-color var(--dur-base) var(--ease-out)}.field input:focus{border-color:var(--brand-blue);border-width:1.5px}.btn-primary{width:100%;border:none;border-radius:var(--r-round);background:var(--brand-blue);color:#fff;font-family:var(--font-sans);font-weight:700;font-size:14px;padding:13px 20px;cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out),opacity var(--dur-base)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow-blue)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.error-banner{background:#eb575726;color:var(--fg-danger);border-radius:var(--r-mini);padding:10px 14px;font-size:13px;margin-bottom:var(--s-small)}.app{max-width:1280px;margin:0 auto;padding:var(--s-medium) var(--s-small) var(--s-large)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-small);padding-bottom:var(--s-medium);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.topbar-left{display:flex;align-items:center;gap:var(--s-mini)}.topbar h1{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.01em;margin:0}.topbar-right{display:flex;align-items:center;gap:var(--s-mini)}.user-email{color:var(--fg3);font-family:var(--font-info);font-size:12px}.btn-ghost{background:transparent;border:1px solid var(--border-default);border-radius:var(--r-round);color:var(--fg2);font-family:var(--font-sans);font-size:12px;padding:7px 14px;cursor:pointer;transition:background var(--dur-base) var(--ease-out)}.btn-ghost:hover{background:#ffffff0f}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-small);margin:var(--s-medium) 0 var(--s-small);flex-wrap:wrap}.segmented{display:inline-flex;background:var(--bg-elevated);border-radius:var(--r-round);padding:3px;gap:2px}.segmented button{border:none;background:transparent;color:var(--fg3);font-family:var(--font-info);font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:7px 14px;border-radius:var(--r-round);cursor:pointer;transition:all var(--dur-base) var(--ease-out)}.segmented button[aria-pressed=true]{background:var(--brand-blue);color:#fff}.meta{color:var(--fg4);font-family:var(--font-info);font-size:11px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s-small);margin-bottom:var(--s-medium)}.kpi{background:var(--bg-elevated);border-radius:var(--r-small);padding:var(--s-small);box-shadow:var(--shadow-md);min-height:116px;display:flex;flex-direction:column;justify-content:space-between}.kpi-label{font-family:var(--font-display);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg4)}.kpi-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;font-size:28px;letter-spacing:-.02em;margin-top:var(--s-tiny)}.kpi-foot{display:flex;align-items:center;gap:var(--s-tiny);margin-top:var(--s-mini);font-family:var(--font-info);font-size:11px;color:var(--fg4)}.delta{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--r-round)}.delta.up{color:var(--fg-success);background:#08a64726}.delta.down{color:var(--fg-danger);background:#eb575726}.delta.flat{color:var(--fg3);background:#ffffff0f}.kpi.is-gold .kpi-value{color:var(--brand-orange)}.panel{background:var(--bg-elevated);border-radius:var(--r-small);box-shadow:var(--shadow-md);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-small);border-bottom:1px solid var(--border-subtle)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{font-family:var(--font-info);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg4);font-weight:500;text-align:right;padding:10px var(--s-small);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}thead th:first-child{text-align:left}thead th:hover{color:var(--fg2)}thead th .sort-arrow{color:var(--brand-blue-pale);margin-left:4px}tbody td{padding:12px var(--s-small);border-top:1px solid var(--border-subtle);text-align:right;white-space:nowrap}tbody td:first-child{text-align:left}tbody tr:hover{background:#ffffff08}tfoot td{padding:12px var(--s-small);border-top:1px solid var(--border-default);text-align:right;font-weight:700;white-space:nowrap}tfoot td:first-child{text-align:left;font-family:var(--font-display);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg3)}.bot-name{display:flex;align-items:center;gap:var(--s-tiny);font-weight:500}.dot{width:7px;height:7px;border-radius:var(--r-round);flex:none}.dot.active{background:var(--fg-success)}.dot.paused{background:var(--fg-warning)}.dot.stopped{background:var(--fg4)}.empty{padding:var(--s-large) var(--s-small);text-align:center;color:var(--fg3);font-family:var(--font-info);font-size:13px}.skel{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:var(--r-tiny);height:14px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width: 600px){.kpi-value{font-size:24px}.topbar h1{font-size:17px}}