:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#edf2f7;background:#080b11;font-synthesis:none;--bg: #080b11;--panel-bg: rgba(14, 20, 31, .78);--panel-border: rgba(255, 255, 255, .08);--panel-highlight: rgba(255, 255, 255, .04);--panel-card: rgba(20, 28, 44, .6);--muted: #8494a7;--muted-dark: #506175;--primary: #3b82f6;--primary-hover: #2563eb;--primary-glow: rgba(59, 130, 246, .35);--emerald: #10b981;--emerald-glow: rgba(16, 185, 129, .25);--violet: #8b5cf6;--violet-glow: rgba(139, 92, 246, .25);--amber: #f59e0b;--amber-glow: rgba(245, 158, 11, .25);--rose: #f43f5e;--rose-glow: rgba(244, 63, 94, .25);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--radius-full: 9999px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.12) 0px,transparent 45%),radial-gradient(at 100% 0%,rgba(139,92,246,.12) 0px,transparent 45%),radial-gradient(at 50% 50%,rgba(16,185,129,.04) 0px,transparent 60%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,48px 48px,48px 48px;background-attachment:fixed}button,input,select{font:inherit}button{cursor:pointer;border:none;outline:none}button:disabled{cursor:not-allowed;opacity:.5}.center-screen,.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.center-screen{color:var(--muted);gap:16px;align-content:center}.loader{width:32px;height:32px;border:3px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-card{width:min(420px,100%);padding:40px;border:1px solid var(--panel-border);border-radius:20px;background:#0e1420e0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 24px 64px #0009,inset 0 1px #ffffff14}.brand-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:24px;border-radius:14px;color:#fff;font-weight:800;font-size:16px;letter-spacing:-.04em;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 10px 28px #3b82f659}.brand-mark.small{width:36px;height:36px;margin:0;border-radius:9px;font-size:12px;box-shadow:0 4px 16px #3b82f640}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.login-card h1{margin:0;font-size:28px;letter-spacing:-.03em;font-weight:700;color:#fff}.muted{color:var(--muted);font-size:13px;line-height:1.5;margin:6px 0 0}.login-card form{display:grid;gap:20px;margin-top:28px}label{display:grid;gap:8px;color:#c4d1e0;font-size:13px;font-weight:500}input,select{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:11px 14px;color:#f1f5f9;background:#0a0f18b3;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238494a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-size:16px 16px;background-repeat:no-repeat;padding-right:38px}.form-error{margin:-6px 0 0;color:var(--rose);font-size:13px;font-weight:500}.app-shell{min-height:100vh}.topbar{position:sticky;z-index:30;top:0;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 clamp(16px,3.5vw,48px);border-bottom:1px solid var(--panel-border);background:#080b11cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-row{display:flex;align-items:center;gap:12px}.brand-row strong{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.01em}.top-actions{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px}.connection-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:var(--radius-full);background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#34d399;font-size:12px;font-weight:500}.connection-badge.bad{background:#f43f5e1a;border-color:#f43f5e33;color:#fb7185}.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 10px var(--emerald);animation:pulse-glow 2s infinite}.connection-dot.bad{background:var(--rose);box-shadow:0 0 10px var(--rose);animation:none}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.version{padding:2px 7px;border-radius:6px;background:#ffffff0f;font-family:ui-monospace,monospace;font-size:11px;color:#94a3b8}.text-button{background:transparent;color:var(--muted);font-size:13px;padding:4px 8px;border-radius:6px;transition:color .15s ease,background-color .15s ease}.text-button:hover{color:#f1f5f9;background:#ffffff0f}.dashboard{width:min(1360px,100%);margin:auto;padding:24px clamp(16px,3.5vw,48px) 72px}.alert{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;border-radius:var(--radius-md);font-size:13px;line-height:1.5}.alert.error{color:#ffe4e6;border:1px solid rgba(244,63,94,.35);background:#f43f5e1f;box-shadow:0 4px 20px #f43f5e1a}.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:clamp(24px,3.2vw,36px);border:1px solid rgba(59,130,246,.22);border-radius:20px;background:linear-gradient(135deg,#141e30d9,#0c111ce0);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 16px 40px #0006,inset 0 1px #ffffff14}.phase-line{display:flex;align-items:center;gap:14px;margin:8px 0}.phase-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:var(--radius-full);font-size:clamp(22px,2.5vw,30px);font-weight:800;letter-spacing:-.03em}.phase-badge.squeezing{color:#c4b5fd;background:#8b5cf629;border:1px solid rgba(139,92,246,.35);box-shadow:0 0 20px #8b5cf633}.phase-badge.keepalive{color:#6ee7b7;background:#10b98129;border:1px solid rgba(16,185,129,.35);box-shadow:0 0 20px #10b98133}.worker-state{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#cbd5e1;background:#ffffff0a;font-size:11px;font-weight:700;letter-spacing:.08em;font-family:ui-monospace,monospace}.worker-state.running{color:#93c5fd;border-color:#3b82f64d;background:#3b82f61a}.worker-state.sleeping{color:#86efac;border-color:#22c55e4d;background:#22c55e1a}.worker-state.error{color:#fca5a5;border-color:#ef44444d;background:#ef44441a}.hero-copy{max-width:640px;margin:10px 0 0;color:#94a3b8;font-size:14px;line-height:1.6}.control-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:flex-end}.button{min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:#f1f5f9;background:#1a2332d9;font-size:13px;font-weight:600;letter-spacing:-.01em;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px #0003}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffffff40;background:#243044e6;box-shadow:0 6px 16px #0000004d}.button:active:not(:disabled){transform:translateY(0)}.button.primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 16px #2563eb59}.button.primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#6d28d9);box-shadow:0 8px 24px #2563eb73}.button.danger{color:#fecdd3;border-color:#f43f5e59;background:#f43f5e24}.button.danger:hover:not(:disabled){background:#f43f5e40;border-color:#f43f5e80}.button.full{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}.metric,.panel{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 6px 24px #00000040,inset 0 1px 0 var(--panel-highlight)}.metric{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:116px;padding:18px 20px;border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease,transform .2s ease}.metric:hover{border-color:#ffffff26;transform:translateY(-2px)}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#ffffff14}.metric.green:before{background:linear-gradient(90deg,var(--emerald),transparent)}.metric.violet:before{background:linear-gradient(90deg,var(--violet),transparent)}.metric.blue:before{background:linear-gradient(90deg,var(--primary),transparent)}.metric>span{color:var(--muted);font-size:12px;font-weight:500}.metric>strong{margin:8px 0 4px;font-size:20px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#f8fafc}.metric.green>strong{color:#6ee7b7}.metric.violet>strong{color:#c4b5fd}.metric>small{color:var(--muted-dark);font-size:11px;font-variant-numeric:tabular-nums}.split-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;margin-top:16px}.split-grid.lower{grid-template-columns:1.15fr .85fr}.panel{min-width:0;margin-top:16px;padding:24px;border-radius:var(--radius-lg)}.split-grid .panel{margin-top:0}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.panel-title h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.02em;color:#f1f5f9}.panel-title p{margin:4px 0 0;font-size:12px;color:var(--muted)}.chart-summary{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}.chart-summary strong{font-size:32px;font-weight:800;color:var(--emerald);letter-spacing:-.03em}.chart-summary span{color:var(--muted);font-size:12px}.bar-chart{display:grid;grid-template-columns:repeat(24,1fr);gap:4px;height:150px}.bar-column{display:grid;grid-template-rows:122px 20px;align-items:end;min-width:0}.bar-track{position:relative;width:100%;height:100%;border-radius:4px;background:#ffffff08;overflow:hidden}.bar-fill{position:absolute;right:0;bottom:0;left:0;min-height:3px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#34d399,#059669);transition:height .3s ease}.bar-fill.failed{background:linear-gradient(180deg,#f59e0b,#b45309)}.bar-column small{color:var(--muted-dark);font-size:9px;text-align:center;white-space:nowrap;font-family:ui-monospace,monospace}.latency-summary{display:flex;align-items:baseline;gap:8px;margin:20px 0 8px}.latency-summary strong{color:var(--primary);font-size:18px;font-weight:700}.latency-summary span{color:var(--muted);font-size:12px}.latency-chart{display:grid;grid-template-columns:repeat(24,1fr);align-items:end;gap:4px;height:48px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.latency-column{display:flex;align-items:flex-end;height:100%;min-width:0;border-radius:3px;background:#ffffff05;overflow:hidden}.latency-column>div{width:100%;min-height:2px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#60a5fa,#2563eb)}.action-list{display:grid;gap:8px}.action-card{display:grid;gap:4px;width:100%;padding:13px 16px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:#e2e8f0;background:#12192699;transition:all .16s ease}.action-card:hover:not(:disabled){border-color:#3b82f666;background:#1c263ab3;transform:translate(2px)}.action-card span{font-size:13px;font-weight:600}.action-card small{color:var(--muted);font-size:11px}.action-card.warning span{color:var(--amber)}.attempt-filter-bar{display:grid;gap:12px;margin:-4px 0 16px}.filter-pills{display:flex;flex-wrap:wrap;gap:6px}.filter-pill{min-height:30px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);color:var(--muted);background:#10172299;font-size:12px;font-weight:500;transition:all .15s ease}.filter-pill:hover{color:#f1f5f9;border-color:#fff3}.filter-pill.active{color:#93c5fd;border-color:#3b82f680;background:#3b82f624;box-shadow:0 0 12px #3b82f633}.custom-time-range{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#0c111a99}.custom-time-range label{flex:1;min-width:200px}.custom-time-range>span{color:var(--muted-dark);font-size:12px}.filter-error{margin:0;color:var(--rose);font-size:12px}.table-wrap{max-height:600px;overflow:auto;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06)}table{width:100%;min-width:1020px;border-collapse:collapse;font-size:12px}th{position:sticky;z-index:2;top:0;padding:11px 14px;color:#94a3b8;font-weight:600;text-align:left;background:#0f1624;border-bottom:1px solid rgba(255,255,255,.1)}td{padding:11px 14px;border-top:1px solid rgba(255,255,255,.04);color:#cbd5e1;white-space:nowrap}tr:hover td{background:#ffffff05}td.preview{max-width:360px;overflow:hidden;text-overflow:ellipsis}.token-count span{color:#f1f5f9;font-variant-numeric:tabular-nums;font-weight:500}.token-count small{display:block;margin-top:3px;font-size:11px}.cache-badge{display:inline-flex;align-items:center;gap:4px;color:#34d399;font-size:11px}.cost{color:#34d399;font-variant-numeric:tabular-nums;font-weight:600}.result{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.result.success{color:#34d399;background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.result.capacity{color:#fb7185;background:#f43f5e1f;border:1px solid rgba(244,63,94,.25)}.result.network{color:#fbbf24;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25)}.result.auth,.result.invalid,.result.unknown{color:#f87171;background:#ef44441f;border:1px solid rgba(239,68,68,.25)}.attempts-table-container{display:flex;flex-direction:column;gap:12px}.pagination-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:8px 4px 4px;font-size:12px;color:var(--muted)}.pagination-info{display:flex;align-items:center;gap:4px;font-size:12px}.pagination-info strong{color:#f1f5f9;font-weight:600;font-variant-numeric:tabular-nums}.pagination-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.pagination-size{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.pagination-size select{padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#101722d9;color:#f1f5f9;font-size:12px;cursor:pointer;outline:none;transition:border-color .15s ease}.pagination-size select:hover,.pagination-size select:focus{border-color:#3b82f680}.pagination-pages{display:inline-flex;align-items:center;gap:4px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);background:#10172299;color:var(--muted);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){color:#f1f5f9;border-color:#fff3;background:#ffffff0f}.pagination-btn.active{color:#93c5fd;border-color:#3b82f680;background:#3b82f629;font-weight:600;box-shadow:0 0 10px #3b82f633}.pagination-btn:disabled{opacity:.35;cursor:not-allowed;border-color:#ffffff0a}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:30px;color:var(--muted-dark);font-size:12px;-webkit-user-select:none;user-select:none}.settings-container{display:grid;gap:20px}.model-section{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#0e142080}.model-section label{font-size:13px;font-weight:600;color:#f1f5f9}.model-section select{margin-top:6px}.model-tip{margin:8px 0 0;font-size:11px;color:var(--amber);display:flex;align-items:center;gap:6px}.preset-section{display:grid;gap:10px}.preset-header{display:flex;justify-content:space-between;align-items:center}.preset-header h4{margin:0;font-size:13px;font-weight:600;color:#f1f5f9}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.preset-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#0f162380;cursor:pointer;text-align:left;transition:all .18s cubic-bezier(.16,1,.3,1)}.preset-card:hover{border-color:#fff3;background:#16203299;transform:translateY(-1px)}.preset-card.active{border-color:var(--primary);background:#3b82f61f;box-shadow:0 0 16px #3b82f640,inset 0 1px #ffffff1a}.preset-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.preset-title{font-size:14px;font-weight:700;color:#fff}.preset-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;color:#60a5fa;background:#3b82f633}.preset-desc{margin-top:6px;font-size:11px;color:var(--muted);line-height:1.4}.advanced-drawer{border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#0c111c80;overflow:hidden;transition:all .2s ease}.advanced-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;color:#cbd5e1;background:#ffffff05;list-style:none}.advanced-summary::-webkit-details-marker{display:none}.advanced-summary:hover{color:#fff;background:#ffffff0a}.advanced-icon{transition:transform .2s ease}details[open] .advanced-icon{transform:rotate(180deg)}.advanced-body{padding:16px;display:grid;gap:20px;border-top:1px solid rgba(255,255,255,.06)}.param-group{display:grid;gap:12px}.param-group-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.template-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);background:#ffffff06;transition:border-color .15s ease}.template-card:hover{border-color:#ffffff1f}.toggle-row{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:#e2e8f0}.toggle-row input[type=checkbox]{width:auto;margin:0;cursor:pointer}.weight-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.weight-input{width:52px;padding:4px 6px;font-size:11px;text-align:center}.browser-setting{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);background:#ffffff05;cursor:pointer;font-size:13px;color:#e2e8f0}.browser-setting input[type=checkbox]{width:auto;margin:0;cursor:pointer}.save-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:4px}.save-toolbar-left{display:flex;align-items:center;gap:12px}.save-message{font-size:12px;font-weight:500;color:#34d399}.button.subtle{background:#ffffff0a;border-color:#ffffff1a;color:var(--muted);font-size:12px;min-height:36px}.button.subtle:hover:not(:disabled){color:#f1f5f9;background:#ffffff14}.timeline{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:4px}.timeline-item{position:relative;display:grid;grid-template-columns:10px 1fr;gap:12px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.03)}.timeline-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary)}.timeline-dot.success{background:var(--emerald);box-shadow:0 0 10px var(--emerald)}.timeline-dot.warning{background:var(--amber);box-shadow:0 0 10px var(--amber)}.timeline-dot.error{background:var(--rose);box-shadow:0 0 10px var(--rose)}.timeline-item strong{display:block;font-size:12px;font-weight:600;line-height:1.45;color:#f1f5f9}.timeline-item small{display:block;margin-top:2px;color:var(--muted-dark);font-size:11px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.split-grid.lower{grid-template-columns:1fr}.hero-panel{flex-direction:column;align-items:flex-start}.control-cluster{justify-content:flex-start;width:100%}}@media(max-width:560px){.topbar{padding:0 14px}.dashboard{padding:16px 12px 60px}.hero-panel{padding:20px}.metric-grid,.form-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:1fr 1fr}.custom-time-range label{width:100%;min-width:0}.custom-time-range>span{display:none}.pagination-bar{flex-direction:column;align-items:stretch;gap:10px}.pagination-actions{justify-content:space-between;width:100%}}