@charset "UTF-8";:root{--bg: #f5f7fa;--surface: #ffffff;--surface-muted: #f1f5f9;--border: #e5e7eb;--border-soft: #edf0f3;--text-strong: #111827;--text: #1f2937;--text-muted: #6b7280;--text-soft: #9ca3af;--brand: #fd7e14;--brand-deep: #e8590c;--brand-soft: #fff3e8;--brand-muted: #ffe2c2;--emerald-50: #ecfdf5;--emerald-600: #059669;--emerald-700: #047857;--amber-50: #fffbeb;--amber-600: #d97706;--amber-700: #b45309;--rose-50: #fff1f2;--rose-600: #e11d48;--rose-700: #be123c;--sky-50: #f0f9ff;--sky-600: #0284c7;--sky-700: #0369a1;--gray-100: #f2f4f7;--gray-600: #4b5563;--shadow-card: 0 0 0 1px rgba(15,23,42,.04), 0 1px 2px 0 rgba(15,23,42,.04);--shadow-dropdown: 0 0 0 1px rgba(15,23,42,.05), 0 8px 24px 0 rgba(15,23,42,.06);--shadow-modal: 0 0 0 1px rgba(15,23,42,.05), 0 16px 40px 0 rgba(15,23,42,.1);--r-card: 16px;--r-btn: 8px;--r-badge: 6px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}html,body{background:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Figtree,system-ui,sans-serif;font-size:14px;line-height:1.25;color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand-muted);border-color:var(--brand)}input,select{font:inherit;color:var(--text)}svg{display:block;flex:none}.tnum{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:var(--r-btn);font-weight:500;font-size:13.5px;white-space:nowrap;transition:background .15s cubic-bezier(.2,0,0,1),border-color .15s,transform .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep)}.btn-default{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-default:hover{background:var(--surface-muted)}.btn-danger{background:var(--rose-50);color:var(--rose-600)}.btn-danger:hover{background:#ffe4e6}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r-btn);color:var(--text-muted);transition:background .15s}.btn-icon:hover{background:var(--surface-muted)}.btn[disabled]{opacity:.45;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-badge);font-size:12px;font-weight:500;white-space:nowrap}.dot{width:7px;height:7px;border-radius:999px;background:currentColor}@keyframes pulse{50%{opacity:.35}}.dot.pulse{animation:pulse 1.4s ease-in-out infinite}.st-emerald{background:var(--emerald-50);color:var(--emerald-700)}.st-amber{background:var(--amber-50);color:var(--amber-700)}.st-rose{background:var(--rose-50);color:var(--rose-700)}.st-sky{background:var(--sky-50);color:var(--sky-700)}.st-gray{background:var(--gray-100);color:var(--gray-600)}.st-brand{background:var(--brand-soft);color:var(--brand)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:360px;padding:32px 28px 26px}.logo-tile{width:44px;height:44px;border-radius:12px;background:linear-gradient(to top left,var(--brand),var(--brand-deep));display:flex;align-items:center;justify-content:center;color:#fff}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:5px}.field input{width:100%;height:36px;padding:0 11px;border:1px solid var(--border);border-radius:var(--r-btn);background:var(--surface);transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--text-soft)}.topbar{position:sticky;top:0;z-index:20;background:var(--surface);box-shadow:var(--shadow-glass, 0 1px 2px rgba(15, 23, 42, .06));border-bottom:1px solid var(--border-soft)}.topbar-in{max-width:1080px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;gap:14px}.wordmark{font-size:15px;font-weight:600;color:var(--text-strong)}.wordmark span{color:var(--brand)}.container{max-width:1080px;margin:0 auto;padding:20px 20px 90px}.hero{padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}.hero-state{display:flex;align-items:center;gap:12px;min-width:250px}.state-dot{width:12px;height:12px;border-radius:999px;flex:none}.hero-title{font-size:21px;font-weight:600;color:var(--text-strong);letter-spacing:-.01em}.hero-sub{font-size:12px;color:var(--text-soft);margin-top:3px}.endpoint{display:flex;align-items:center;gap:8px;background:var(--surface-muted);border-radius:var(--r-btn);padding:7px 8px 7px 12px}.endpoint code{font-family:var(--mono);font-size:13px;color:var(--text)}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-inline-start:auto}.hero-note{flex-basis:100%;display:none;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted);border-top:1px solid var(--border-soft);padding-top:12px}.hero-note.show{display:flex}.progress-track{flex:1;max-width:220px;height:5px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--brand);transition:width .4s cubic-bezier(.2,0,0,1)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.kpis{grid-template-columns:1fr}}.kpi{padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:118px}.kpi-head{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:12px;color:var(--text-muted);font-weight:500}.kpi-value{font-size:24px;font-weight:600;color:var(--text-strong);letter-spacing:-.01em}.kpi-value small{font-size:13px;font-weight:400;color:var(--text-soft)}.kpi-foot{font-size:11.5px;color:var(--text-soft);display:flex;align-items:center;gap:6px}.spark{width:100%;height:26px}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--surface-muted);color:var(--text)}.usage{display:grid;grid-template-columns:7fr 5fr;gap:0}@media(max-width:900px){.usage{grid-template-columns:1fr}}.usage-kpis{display:flex;padding:14px 6px 12px}.ukpi{flex:1;padding:0 16px}.ukpi+.ukpi{border-inline-start:1px solid var(--border-soft)}.ukpi-label{font-size:11.5px;color:var(--text-muted);font-weight:500;margin-bottom:5px}.ukpi-value{font-size:21px;font-weight:600;color:var(--text-strong);letter-spacing:-.01em}.ukpi-value small{font-size:12px;font-weight:400;color:var(--text-soft)}.ukpi-foot{font-size:11px;color:var(--text-soft);margin-top:4px}.usage-comp{padding:14px 16px 12px;border-inline-start:1px solid var(--border-soft)}@media(max-width:900px){.usage-comp{border-inline-start:0;border-top:1px solid var(--border-soft)}}.comp-bar{display:flex;height:8px;border-radius:999px;overflow:hidden;background:var(--surface-muted);margin:8px 0 10px}.comp-bar span{height:100%}.comp-legend{display:flex;flex-wrap:wrap;gap:4px 14px}.comp-legend div{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted)}.comp-legend i{width:8px;height:8px;border-radius:3px}.daily{padding:2px 16px 14px}.daily-bars{display:flex;align-items:flex-end;gap:3px;height:38px}.daily-bars span{flex:1;border-radius:3px 3px 0 0;background:var(--brand);opacity:.3;min-height:2px}.daily-bars span.hot{opacity:.85}.daily-x{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-soft);margin-top:5px}.main-grid{display:grid;grid-template-columns:8fr 4fr;gap:14px;margin-top:14px;align-items:start}@media(max-width:900px){.main-grid{grid-template-columns:1fr}}.card-head{padding:13px 16px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:9px}.card-head h2{font-size:14px;font-weight:600;color:var(--text-strong);flex:1}.card-head .hint{font-size:11.5px;color:var(--text-soft)}.tl{list-style:none;padding:6px 16px 12px}.tl li{display:flex;gap:11px;padding:8px 0}.tl li+li{border-top:1px solid var(--border-soft)}.tl-ico{margin-top:1px}.tl-txt{flex:1;font-size:13px;color:var(--text)}.tl-txt small{display:block;font-size:11.5px;color:var(--text-soft);margin-top:2px}.tl-when{font-size:11.5px;color:var(--text-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.cfg{padding:6px 16px 16px}.cfg-row{padding:11px 0;border-bottom:1px solid var(--border-soft)}.cfg-row:last-child{border-bottom:0;padding-bottom:4px}.cfg-row-line{display:flex;align-items:center;gap:10px}.cfg-txt{flex:1}.cfg-txt b{display:block;font-size:13px;font-weight:500;color:var(--text)}.cfg-txt small{font-size:11.5px;color:var(--text-soft)}.cfg select{height:30px;padding:0 8px;border:1px solid var(--border);border-radius:var(--r-btn);background:var(--surface);font-size:13px}.secret{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;background:var(--surface-muted);border-radius:6px;padding:4px 9px;color:var(--text)}.overlay{position:fixed;inset:0;z-index:40;display:none;align-items:center;justify-content:center;background:#0f172a59;padding:20px}.overlay.show{display:flex}.modal{width:380px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-modal);padding:22px}.modal h3{font-size:15px;font-weight:600;color:var(--text-strong);margin-bottom:8px}.modal p{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;bottom:64px;inset-inline-start:50%;transform:translate(-50%) translateY(8px);background:var(--text-strong);color:#fff;font-size:12.5px;padding:8px 16px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.spacer{flex:1}.top-user{font-size:12.5px;color:var(--text-muted)}.top-badge{margin-inline-start:6px}.logo-tile-sm{width:32px;height:32px;border-radius:9px}.btn-icon-sm{width:24px;height:24px}.login-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.login-sub{font-size:11.5px;color:var(--text-soft);margin-top:2px}.login-btn{width:100%;justify-content:center;height:36px;margin-top:6px}.login-foot{font-size:11.5px;color:var(--text-soft);text-align:center;margin-top:14px}.login-error{background:var(--rose-50);color:var(--rose-700);font-size:12.5px;border-radius:8px;padding:8px 11px;margin-bottom:12px}.alert-error{background:var(--rose-50);color:var(--rose-700);font-size:12.5px;border-radius:10px;padding:9px 14px;margin-bottom:14px}.chip-amber{background:var(--amber-50);color:var(--amber-700)}.chip-muted{color:var(--text-soft)}.usage-card,.cfg-card{margin-top:14px}.usage-comp-head{display:flex;justify-content:space-between;align-items:baseline}.usage-comp-head span:first-child{font-size:11.5px;font-weight:500;color:var(--text-muted)}.usage-comp-head span:last-child{font-size:11px;color:var(--text-soft)}.cfg-grid{max-width:720px}.cfg-txt code{font-family:var(--mono);font-size:11px}.state-dot.pulse{animation:pulse 1.4s ease-in-out infinite}