:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a111a;--surface-1:#101a24;--surface-2:#16222e;--surface-3:#1c2a38;--hairline:#bad6e817;--hairline-strong:#bad6e82e;--text-primary:#eef4f8;--text-secondary:#9db0bf;--text-muted:#64798a;--accent:#6fd3c2;--accent-ink:#08312a;--accent-dim:#6fd3c224;--series-1:#3987e5;--series-2:#199e70;--series-3:#c98500;--series-4:#9085e9;--status-good:#2f9e70;--status-warn:#c98500;--status-crit:#e66767;--font-display:"Avenir Next Condensed", "AvenirNextCondensed-DemiBold", "Arial Narrow", sans-serif;--font-body:"Avenir Next", "Avenir", "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "Menlo", monospace;--radius:14px;--radius-sm:8px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-primary);background:radial-gradient(1200px 500px at 75% -10%, #3987e51f, transparent 60%), radial-gradient(900px 420px at 10% -5%, #6fd3c217, transparent 55%), var(--bg);background-attachment:fixed;font-size:14px;line-height:1.5}body:before{content:"";pointer-events:none;opacity:.05;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");position:fixed;inset:0}#root,body>div{z-index:1;position:relative}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--hairline);background:linear-gradient(#101a2499,#0a111a4d);flex-direction:column;flex-shrink:0;gap:4px;width:216px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{padding:2px 10px 18px}.brand-name{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-size:22px;font-weight:600}.brand-name .wave{color:var(--accent)}.brand-sub{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--text-muted);margin-top:2px;font-size:11px}.nav-link{color:var(--text-secondary);letter-spacing:.02em;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.nav-link:hover{color:var(--text-primary);background:#bad6e80f;text-decoration:none}.nav-link.active{background:var(--accent-dim);color:var(--accent)}.nav-link .glyph{text-align:center;opacity:.9;width:17px}.sidebar-foot{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;display:flex}.main{flex:1;min-width:0;max-width:1240px;padding:30px 36px 60px}.page-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:26px;font-weight:600}.page-sub{color:var(--text-secondary);margin:0 0 26px;font-size:13.5px}.card{background:linear-gradient(180deg, #ffffff06, transparent 40%), var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius);padding:18px 20px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;margin-bottom:22px;display:grid}.tile .tile-label{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.tile .tile-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:6px;font-size:26px;font-weight:600}.tile .tile-sub{color:var(--text-secondary);margin-top:3px;font-size:12px}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-bottom:22px;display:grid}.section{margin-bottom:26px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.section-title{font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:13px;font-weight:600}.section-note{color:var(--text-muted);font-size:12px}.table-wrap{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--hairline-strong);white-space:nowrap;padding:11px 14px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--hairline);vertical-align:middle;padding:10px 14px}tr:last-child td{border-bottom:none}tbody tr:hover{background:#bad6e809}td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}th.num{text-align:right}.mono{font-family:var(--font-mono);font-size:12.5px}.badge{letter-spacing:.04em;white-space:nowrap;border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-neutral{color:var(--text-secondary);border-color:var(--hairline-strong)}.badge-accent{color:var(--accent);background:var(--accent-dim)}.badge-good{color:#7fd8b6;background:#2f9e7029}.badge-warn{color:#e8b558;background:#c9850029}.badge-crit{color:#f09a9a;background:#e6676726}.badge-plan-beta{color:#8fc3f5;background:#3987e529}.badge-plan-privat{color:#7fd8b6;background:#199e7029}.badge-plan-geschaeftlich{color:#e8b558;background:#c9850026}.badge-plan-enterprise{color:#beb6f5;background:#9085e929}.pub-chip{font-family:var(--font-mono);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:1px 3px;font-size:12px}.copy-btn:hover{color:var(--accent);background:var(--accent-dim)}.relay-chip{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;display:inline-flex}.dot{border-radius:99px;width:8px;height:8px;display:inline-block}.dot-good{background:var(--status-good);box-shadow:0 0 8px #2f9e70b3}.dot-crit{background:var(--status-crit);box-shadow:0 0 8px #e66767b3}.btn{font-family:var(--font-body);border:1px solid var(--hairline-strong);background:var(--surface-3);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:filter .12s,background .12s}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:default}.btn-accent{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn-danger{color:var(--status-crit);background:0 0;border-color:#e6676766}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-sm{border-radius:8px;padding:4px 10px;font-size:12px}input,select,textarea{font-family:var(--font-body);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--hairline-strong);border-radius:10px;outline:none;width:100%;padding:8px 12px;font-size:13.5px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}textarea{resize:vertical;min-height:64px;font-family:var(--font-mono);font-size:12.5px}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-error{color:var(--status-crit);margin:6px 0;font-size:12.5px}.form-ok{color:#7fd8b6;margin:6px 0;font-size:12.5px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar input[type=search]{max-width:320px}.chip-row{gap:6px;display:inline-flex}.filter-chip{border:1px solid var(--hairline-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600}.filter-chip.active{background:var(--accent-dim);color:var(--accent);border-color:#0000}.chart-card .chart-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 2px;font-size:12px;font-weight:600}.chart-card .chart-sub{color:var(--text-muted);margin:0 0 10px;font-size:12px}.chart-holder{position:relative}.chart-tip{background:var(--surface-3);border:1px solid var(--hairline-strong);pointer-events:none;white-space:nowrap;z-index:5;border-radius:8px;padding:5px 10px;font-size:12px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 18px #0006}.chart-tip .tip-value{font-family:var(--font-mono);font-weight:600}.hbar-row{grid-template-columns:minmax(140px,220px) 1fr 90px;align-items:center;gap:12px;padding:7px 0;display:grid}.hbar-label{font-family:var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.hbar-track{border-radius:4px;height:14px;position:relative}.hbar-fill{border-radius:4px;min-width:2px;height:100%}.hbar-value{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.quota-track{background:#bad6e81a;border-radius:99px;height:6px;margin-top:8px;overflow:hidden}.quota-fill{border-radius:99px;height:100%}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{text-align:center;width:360px;max-width:100%;padding:34px 32px 28px;animation:.4s cubic-bezier(.22,1,.36,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.login-card .brand-name{font-size:30px}.login-card form{text-align:left;margin-top:24px}.empty-state{text-align:center;color:var(--text-muted);padding:34px;font-size:13px}.dialog-veil{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#05090ea6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{width:480px;max-width:100%;max-height:86vh;padding:22px 24px;animation:.22s cubic-bezier(.22,1,.36,1) rise;overflow-y:auto}.dialog h3{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:15px}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.kv{grid-template-columns:max-content 1fr;gap:4px 16px;font-size:13px;display:grid}.kv dt{color:var(--text-muted)}.kv dd{font-family:var(--font-mono);margin:0;font-size:12.5px}@media (width<=860px){.shell{flex-direction:column}.sidebar{flex-flow:wrap;align-items:center;width:100%;height:auto;position:static}.sidebar-foot{border-top:none;flex-direction:row;margin-top:0;margin-left:auto;padding-top:0}.main{padding:20px 16px 48px}}
