:root{--bg-0: #050709;--bg-1: #07090d;--bg-2: #0a0d12;--bg-3: #0d1219;--bg-card: #0d1218;--bg-card-2: #11161e;--bg-glass: rgba(13, 18, 24, .62);--text: #f1f3f5;--text-soft: #b6bbc2;--text-mute: #7a8089;--text-faint: #4a525c;--accent: #cefe00;--accent-2: #f8df0a;--line: rgba(255, 255, 255, .06);--line-2: rgba(255, 255, 255, .1);--line-acc: rgba(206, 254, 0, .3);--line-acc-2: rgba(206, 254, 0, .55);--success: #cefe00;--danger: #ff5a5a;--warning: #f8df0a;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--container: 1320px;--shadow-card: 0 24px 60px -20px rgba(0, 0, 0, .75), 0 2px 0 0 rgba(255, 255, 255, .025) inset;--shadow-glow: 0 0 0 1px rgba(206, 254, 0, .18), 0 0 60px -8px rgba(206, 254, 0, .35);--shadow-glow-s: 0 0 0 1px rgba(206, 254, 0, .14), 0 0 30px -6px rgba(206, 254, 0, .22);--font-display: "Goldman", "Michroma", sans-serif;--font-tech: "Electrolize", sans-serif;--font-body: "Geist", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:var(--bg-0);color:var(--text);font-family:var(--font-body);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;min-height:100vh}h1{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;line-height:.96}h2,h3{letter-spacing:-.025em}p{color:var(--text-soft);line-height:1.65}.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.mono{font-family:var(--font-mono)}.acc{color:var(--accent)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px 1px #cefe00a6}.bg-layers{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background:radial-gradient(900px 500px at 85% -10%,rgba(206,254,0,.05),transparent 60%),radial-gradient(700px 420px at -10% 30%,rgba(206,254,0,.035),transparent 60%),var(--bg-0)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000 40%,transparent 100%)}.crm-shell{padding:40px 0 80px}.crm-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 0 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.crm-header h1{font-size:clamp(26px,3.2vw,44px);margin-top:10px}.crm-header h1 em{font-family:"Instrument Serif",serif;font-style:italic;color:var(--accent);letter-spacing:0}.crm-header-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--text-mute)}.crm-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--bg-glass);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.crm-pill.ok{border-color:var(--line-acc);color:var(--accent);box-shadow:var(--shadow-glow-s)}.crm-pill.bad{border-color:#ff5a5a66;color:var(--danger)}.crm-pill.warn{border-color:#f8df0a59;color:var(--warning)}.crm-section{margin-top:44px}.crm-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.crm-section-head h2{font-family:var(--font-tech);font-size:18px;text-transform:uppercase;letter-spacing:.08em;color:var(--text)}.crm-section-head .crm-sub{font-size:13px;color:var(--text-mute)}.crm-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.crm-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px;position:relative;overflow:hidden}.crm-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--text-faint)}.crm-card.ok:before{background:var(--success);box-shadow:0 0 14px #cefe0080}.crm-card.bad:before{background:var(--danger)}.crm-card.warn:before{background:var(--warning)}.crm-card h3{font-family:var(--font-tech);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}.crm-card .crm-endpoint{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);margin-top:4px;word-break:break-all}.crm-card .crm-state{display:flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--font-mono);font-size:13px}.crm-card .crm-state.ok{color:var(--success)}.crm-card .crm-state.bad{color:var(--danger)}.crm-card .crm-state.warn{color:var(--warning)}.crm-card .crm-detail{font-size:12px;color:var(--text-mute);margin-top:8px;line-height:1.5}.crm-card .crm-latency{position:absolute;top:16px;right:16px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.crm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.crm-stat{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px}.crm-stat .crm-stat-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.crm-stat .crm-stat-value{font-family:var(--font-mono);font-size:26px;font-weight:500;margin-top:6px;color:var(--text);font-variant-numeric:tabular-nums}.crm-stat .crm-stat-value.acc{color:var(--accent)}.crm-stat .crm-stat-hint{font-size:11px;color:var(--text-mute);margin-top:4px}.crm-table-wrap{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);overflow-x:auto}.crm-table{width:100%;border-collapse:collapse;font-size:13px}.crm-table th{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);text-align:left;padding:12px 16px;border-bottom:1px solid var(--line-2);white-space:nowrap}.crm-table td{padding:11px 16px;border-bottom:1px solid var(--line);color:var(--text-soft);white-space:nowrap}.crm-table tr:last-child td{border-bottom:none}.crm-table td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.crm-table .crm-empty{color:var(--text-faint);font-style:italic;padding:22px 16px}.crm-charts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.crm-chart-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:16px;min-width:0}.crm-chart-card h3{font-family:var(--font-tech);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin-bottom:4px}.crm-chart-card .crm-chart-sub{font-size:11px;color:var(--text-faint);margin-bottom:10px;font-family:var(--font-mono)}.crm-chart-box{width:100%;height:220px}.crm-feed{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);font-family:var(--font-mono);font-size:11.5px;max-height:260px;overflow-y:auto;padding:10px 0}.crm-feed-row{display:flex;gap:12px;padding:4px 16px;border-bottom:1px dashed rgba(255,255,255,.03);align-items:baseline}.crm-feed-row .t{color:var(--text-faint);flex-shrink:0}.crm-feed-row .ch{color:var(--accent);flex-shrink:0;min-width:90px}.crm-feed-row .msg{color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--r-sm);border:1px solid var(--line-acc);background:var(--accent);color:#0a0d12;font-family:var(--font-tech);font-size:13px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-glow-s);transition:filter .15s ease}.crm-btn:hover{filter:brightness(1.08)}.crm-btn.ghost{background:var(--bg-glass);color:var(--text-soft);border-color:var(--line-2);box-shadow:none}.crm-footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}@media(max-width:900px){.crm-charts{grid-template-columns:1fr}}@media(max-width:640px){.crm-shell{padding:24px 0 60px}.crm-header{align-items:flex-start;flex-direction:column}.crm-header-meta{align-items:flex-start}}
