*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d1b2a;--bg-card: #0f2030;--bg-card-alt: #0c1c2c;--bg-input: #08151f;--border: #1a3348;--border-light: #204060;--green: #10b981;--green-hover: #0d9f6e;--green-bg: rgba(16, 185, 129, .1);--green-border: rgba(16, 185, 129, .28);--text: #dde8f0;--text-muted: #7a9ab8;--text-dim: #3d607a;--red: #ef4444;--red-bg: rgba(239, 68, 68, .1);--yellow: #f59e0b;--yellow-bg: rgba(245, 158, 11, .08);--blue: #60a5fa}html,body,#root{height:100%;background-color:var(--bg);color:var(--text);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}button{cursor:pointer;font-family:Manrope,sans-serif}input,textarea,select{font-family:Manrope,sans-serif}a{text-decoration:none}.mono{font-family:Space Mono,monospace}.page-layout{display:grid;gap:20px;padding:24px;min-height:calc(100vh - 56px);background:var(--bg)}.page-layout-split{grid-template-columns:1fr 360px}.page-layout-full{grid-template-columns:1fr}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.btn-green{background:var(--green);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.btn-green:hover{background:var(--green-hover)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:13px;transition:border-color .15s}.btn-outline:hover{border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-muted);border:none;padding:6px 10px;font-size:13px;border-radius:6px}.btn-ghost:hover{background:#ffffff0a}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.badge-live{background:#10b98126;color:var(--green);border:1px solid var(--green-border);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.input-field{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 14px;font-size:13px;outline:none;transition:border-color .15s}.input-field:focus{border-color:var(--border-light)}.input-field::placeholder{color:var(--text-dim)}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none}.tab-row{display:flex;gap:4px}.tab-btn{background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);padding:5px 12px;font-size:12px;transition:all .15s}.tab-btn.active{background:var(--green);border-color:var(--green);color:#fff}.tab-btn:hover:not(.active){border-color:var(--border-light);color:var(--text)}.link-tab{background:transparent;border:none;color:var(--text-dim);padding:6px 14px;font-size:13px;border-radius:6px;transition:all .15s}.link-tab.active{color:var(--green)}.link-tab:hover:not(.active){color:var(--text-muted)}.recharts-tooltip-wrapper{font-size:12px}