:root{--bg: #0f1115;--panel: #1a1d24;--border: #2a2f3a;--text: #e6e9ef;--muted: #8b93a3;--accent: #4f8cff;--accent-glow: rgba(79, 140, 255, .45);--success: #34c759;--success-glow: rgba(52, 199, 89, .4);--warn: #ff9f0a;--warn-glow: rgba(255, 159, 10, .4);--danger: #ff453a;--danger-glow: rgba(255, 69, 58, .4);--pink: #ff375f;--purple: #bf5af2;--chart-1: #4f8cff;--chart-2: #34c759;--chart-3: #ff9f0a;--chart-4: #bf5af2;--chart-5: #ff375f;--grid: #2a2f3a;--tooltip-bg: #1a1d24;--surface-gradient: linear-gradient(160deg, rgba(38, 43, 54, .55), rgba(20, 23, 30, .7));--surface-border: rgba(255, 255, 255, .06);--surface-shadow: 0 8px 24px rgba(0, 0, 0, .35);--surface-blur: 12px;--fs-metric: 1.9rem}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--success-glow)}50%{opacity:.7;box-shadow:0 0 0 6px #34c75900}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.loading,.login{display:flex;align-items:center;justify-content:center;min-height:100vh}.app header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border);background:var(--panel)}.app header h1{font-size:1.1rem;margin:0}.app nav{display:flex;gap:.5rem;flex:1}nav button{background:transparent;border:1px solid transparent;color:var(--muted);padding:.4rem .8rem;border-radius:6px;cursor:pointer}nav button.active{color:var(--text);border-color:var(--border);background:var(--bg)}main{padding:1.25rem}button{background:var(--accent);border:none;color:#fff;padding:.4rem .8rem;border-radius:6px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.danger{background:#ff453a}button.logout{background:transparent;border:1px solid var(--border);color:var(--muted)}input,select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:6px}.card{background:var(--surface-gradient),var(--panel);border:1px solid var(--surface-border);border-radius:12px;padding:1rem;margin-bottom:1rem;width:100%;backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));box-shadow:var(--surface-shadow)}.card--glow{border-color:#4f8cff40;box-shadow:var(--surface-shadow),0 0 24px -8px var(--accent-glow)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.card-header h3{margin:0;font-size:1rem}.button--primary{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:.3rem .7rem;border-radius:6px;cursor:pointer;font-size:.8rem}.button--secondary{background:transparent;border:1px solid var(--border);color:var(--muted);padding:.3rem .7rem;border-radius:6px;cursor:pointer;font-size:.8rem}.button--secondary:hover{color:var(--text);border-color:var(--accent)}.form-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--muted);font-weight:600}.actions{display:flex;gap:.4rem}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;margin-right:.25rem}.badge--ok{background:#15391f;color:#34c759}.badge--unreachable{background:#3a1717;color:#ff453a}.badge--unknown{background:#2a2f3a;color:var(--muted)}.badge--cap{background:#1f2c44;color:var(--accent)}.badge--warn{background:#3a3017;color:#ff9f0a}.error{color:#ff453a}.muted{color:var(--muted)}.small{font-size:.75rem}.row-error td{background:#ff453a14}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.metric-tile{background:var(--surface-gradient),var(--panel);border:1px solid var(--surface-border);border-radius:12px;padding:.85rem .9rem;backdrop-filter:blur(var(--surface-blur));-webkit-backdrop-filter:blur(var(--surface-blur));box-shadow:var(--surface-shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.metric-tile:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:var(--surface-shadow),0 0 20px -10px var(--accent-glow)}.metric-tile__label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.metric-tile__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.metric-tile__value{font-size:var(--fs-metric);font-weight:600;margin:.25rem 0;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.metric-tile__delta{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.metric-tile__delta--up{color:var(--success)}.metric-tile__delta--down{color:var(--danger)}.metric-tile__delta--flat{color:var(--muted)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--success);animation:pulse 2s ease-in-out infinite}.live-dot--off{background:var(--danger);animation:none}.summary,.editor{display:flex;gap:1.5rem;flex-wrap:wrap}.editor fieldset{border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:.4rem}.editor label{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.key-reveal{display:flex;align-items:center;gap:1rem}.key-reveal code{background:var(--bg);padding:.3rem .6rem;border-radius:6px;font-size:.95rem}.request-feed{max-height:480px;overflow-y:auto}.request-feed__empty{text-align:center;color:var(--muted);padding:1.5rem;font-size:.85rem}.request-feed__list{display:flex;flex-direction:column;gap:.4rem}.request-card{border:1px solid var(--surface-border);border-left:3px solid var(--success);border-radius:8px;padding:.55rem .75rem;background:#ffffff05;display:flex;flex-direction:column;gap:.35rem;animation:fade-slide-in .28s ease;transition:background .15s ease,transform .15s ease}.request-card:hover{background:#ffffff0d;transform:translate(2px)}.request-card--error{border-left-color:var(--danger);background:#ff453a0f}.request-card__main{display:flex;align-items:center;gap:.6rem}.request-card__status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--success)}.request-card__status-dot--error{background:var(--danger)}.request-card__model{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.request-card__token{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-card__time{margin-left:auto;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;flex-shrink:0}.request-card__meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;font-variant-numeric:tabular-nums}.request-card__stat{display:inline-flex;align-items:baseline;gap:.3rem}.request-card__stat-label{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}.request-card__stat--cost{margin-left:auto;color:var(--pink);font-weight:600}.gauges{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.gauge-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:140px}.gauge-chart{width:100%;max-width:120px;display:flex;align-items:center;justify-content:center}.gauge-label{color:var(--muted);font-size:.75rem;margin-top:.5rem}.gauge-value{font-size:1rem;font-weight:600;color:var(--text);margin-top:.25rem}.token-insights__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:.5rem}.token-insights__block{display:flex;flex-direction:column;gap:.5rem}.token-insights__block-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.token-insights__legend{display:flex;gap:1rem;font-size:.8rem;color:var(--muted)}.token-insights__legend span{display:inline-flex;align-items:center;gap:.35rem}.token-insights__legend .dot{width:9px;height:9px;border-radius:999px;display:inline-block}.token-insights__empty{padding:1.25rem 0;text-align:center;font-size:.85rem}.live-status{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;padding:.85rem 1.1rem;margin-bottom:1rem;border-radius:12px;background:var(--surface-gradient),var(--panel);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(var(--surface-blur));backdrop-filter:blur(var(--surface-blur));box-shadow:var(--surface-shadow)}.live-status--live{border-color:color-mix(in srgb,var(--success) 40%,var(--surface-border))}.live-status--disconnected{border-color:color-mix(in srgb,var(--danger) 40%,var(--surface-border))}.live-status__conn{display:flex;align-items:center;gap:.6rem}.live-status__conn-label{font-weight:700;font-size:1.05rem;letter-spacing:.02em}.live-status__conn-sub{margin-left:.15rem}.live-status__pills{display:flex;gap:.6rem;flex-wrap:wrap}.live-status__pill{display:flex;flex-direction:column;align-items:flex-end;min-width:92px;padding:.4rem .7rem;border-radius:10px;background:#ffffff08;border:1px solid var(--surface-border);border-left:3px solid var(--muted)}.live-status__pill--ok{border-left-color:var(--success)}.live-status__pill--warn{border-left-color:var(--warn)}.live-status__pill--danger{border-left-color:var(--danger);box-shadow:0 0 12px var(--danger-glow)}.live-status__pill-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.live-status__pill-value{font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums}.model-meter{display:flex;flex-direction:column;gap:.3rem;min-width:96px}.model-meter__value{font-variant-numeric:tabular-nums}.model-meter__track{position:relative;height:5px;border-radius:999px;background:var(--grid);overflow:hidden}.model-meter__fill{position:absolute;inset:0 auto 0 0;border-radius:999px;transition:width .4s ease}.model-meter__fill--ok{background:var(--success);box-shadow:0 0 6px var(--success-glow)}.model-meter__fill--warn{background:var(--warn);box-shadow:0 0 6px var(--warn-glow)}.model-meter__fill--muted{background:var(--grid)}