:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-1:#f3faf8;--bg-2:#e8f4f0;--bg-3:#d4ede5;--surface:#fff;--surface-2:#f1f7f5;--surface-hover:#e2efea;--border:#0000000f;--border-strong:#0000001a;--text:#1a1a1a;--text-muted:#5a5a5a;--text-faint:#94978f;--primary:#1a1a1a;--primary-hover:#2a2a2a;--primary-text:#fff;--accent:#0d9488;--accent-hover:#0b7d72;--accent-soft:#ccfbf1;--accent-text:#fff;--accent-deep:#0c8478;--danger:#c04a48;--danger-strong:#e57373;--danger-soft:#fde8e8;--warning:#8b6914;--warning-soft:#fff4c2;--success:#2f7d4a;--success-strong:#5cb874;--success-soft:#e2f5e7;--radius:14px;--radius-lg:20px;--radius-sm:10px;--radius-pill:999px;--shadow:0 4px 20px #0f3c370f;--shadow-lg:0 8px 24px #0f3c3717;--font:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--select-chevron:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%235a5a5a\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"/></svg>")}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-1:#0d1614;--bg-2:#111c1a;--bg-3:#16221f;--surface:#1c2723;--surface-2:#131e1b;--surface-hover:#243530;--border:#ffffff0f;--border-strong:#ffffff1a;--text:#e6efeb;--text-muted:#9aa39e;--text-faint:#6e7773;--primary:#e6efeb;--primary-hover:#fff;--primary-text:#0d1614;--accent:#14b8a6;--accent-hover:#2dd4bf;--accent-soft:#134e4a;--accent-text:#0d1614;--accent-deep:#0f766e;--danger:#ef8a8a;--danger-strong:#ef8a8a;--danger-soft:#3a1f1f;--warning:#ffd93d;--warning-soft:#3a3320;--success:#7dd396;--success-strong:#7dd396;--success-soft:#1f3525;--shadow:0 4px 20px #0000004d;--shadow-lg:0 8px 24px #0006;--select-chevron:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%239aa39e\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"/></svg>")}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 40%, var(--bg-3) 100%);color:var(--text);font-family:var(--font);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;font-size:14.5px;line-height:1.55}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.15}h1{font-size:2.1rem}h2{letter-spacing:-.015em;font-size:1.15rem}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.8rem;font-weight:600}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:.75rem;padding:1.1rem 1.75rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;color:var(--text);align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--primary);width:38px;height:38px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;font-size:19px;font-weight:800;display:grid;position:relative;transform:rotate(-3deg)}.brand-mark:after{content:"";background:var(--accent);border:3px solid var(--bg-2);border-radius:50%;width:14px;height:14px;position:absolute;top:-4px;right:-4px}.topbar-spacer{flex:1}.topbar-user{color:var(--text-muted);padding:0 .35rem;font-size:.85rem}.container{width:100%;max-width:1080px;margin:0 auto;padding:.5rem 1.75rem 4rem}.container-narrow{max-width:460px}.page-head{align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.page-head p{color:var(--text-muted);margin-top:.5rem;font-size:.92rem}.page-head-actions{gap:.5rem;margin-left:auto;display:flex}.stack{flex-direction:column;gap:1.1rem;display:flex}.stack-sm{gap:.5rem}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tabs{background:var(--surface);border-radius:var(--radius-pill);max-width:100%;box-shadow:var(--shadow);scrollbar-width:none;align-items:center;gap:2px;margin-bottom:1.5rem;padding:5px;display:inline-flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border-radius:var(--radius-pill);color:var(--text-muted);white-space:nowrap;padding:.5rem 1.1rem;font-size:.87rem;font-weight:500;transition:all .18s cubic-bezier(.4,0,.2,1)}.tab:hover{color:var(--text);background:var(--surface-hover);text-decoration:none}.tab.active{color:var(--primary-text);background:var(--primary);font-weight:600}.topbar .tab{background:var(--surface);box-shadow:var(--shadow);color:var(--text)}.topbar .tab:hover{background:var(--surface-hover);transform:translateY(-1px)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:none;padding:1.4rem}.card-head{align-items:center;gap:.75rem;margin-bottom:1.15rem;display:flex}.card-head h2{margin:0}.card-head-actions{margin-left:auto}.stat{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:inherit;flex-direction:column;gap:.2rem;padding:1.1rem 1.2rem;text-decoration:none;display:flex}.stat:hover{box-shadow:var(--shadow-lg,var(--shadow))}.stat-label{color:var(--text-muted);font-size:.86rem}.stat-value{font-size:1.6rem;font-weight:600;line-height:1.2}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.1rem;display:grid}label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.4rem;font-size:.7rem;font-weight:600;display:block}input:not([type=checkbox]):not([type=radio]),select{width:100%;font:inherit;color:var(--text);background:var(--surface-2);border-radius:var(--radius-pill);border:1.5px solid #0000;padding:.6rem 1rem;font-size:.92rem;transition:all .15s}input:not([type=checkbox]):not([type=radio]):focus,select:focus{background:var(--surface);border-color:var(--accent);outline:none}input::placeholder{color:var(--text-faint)}select{appearance:none;background-image:var(--select-chevron);cursor:pointer;background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.field-hint{color:var(--text-faint);margin-top:.4rem;font-size:.78rem}button,.button{font:inherit;border-radius:var(--radius-pill);color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.87rem;font-weight:600;transition:all .15s;display:inline-flex}button:disabled,.button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.button-primary{background:var(--accent);color:var(--accent-text)}.button-primary:hover:not(:disabled){background:var(--accent-hover);text-decoration:none;transform:translateY(-1px)}.button-secondary{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.button-secondary:hover:not(:disabled){background:var(--surface-hover);text-decoration:none}.button-ghost{color:var(--text-muted);background:0 0;padding:.4rem .85rem;font-weight:500}.button-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text);text-decoration:none}.button-danger{color:var(--danger);background:0 0;padding:.4rem .85rem}.button-danger:hover:not(:disabled){background:var(--danger-soft)}.button-block{width:100%;padding:.75rem 1.15rem;font-size:.95rem}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.banner{border-radius:var(--radius);background:var(--surface-2);color:var(--text);padding:.8rem 1.1rem;font-size:.88rem}.banner-error{background:var(--danger-soft);color:var(--danger)}.banner-warning{background:var(--warning-soft);color:var(--warning)}.banner-success{background:var(--success-soft);color:var(--success)}.banner code{font-family:var(--mono);opacity:.8;font-size:.85em}.badge{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.73rem;font-weight:600;display:inline-flex}.badge-success:before,.badge-warning:before,.badge-danger:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px dashed var(--border-strong);white-space:nowrap;padding:.5rem .85rem;font-size:.7rem;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem .85rem}tbody tr{transition:background .15s}tbody tr:hover{background:var(--surface-2)}tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:.84rem}.meter{border-radius:var(--radius-pill);background:var(--surface-2);height:8px;margin-top:.5rem;overflow:hidden}.meter-fill{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width .3s}.meter-fill.over{background:#f4a847}.usage-row{border-bottom:1px solid var(--border);padding:.85rem 0}.usage-row:last-child{border-bottom:none}.usage-label{align-items:baseline;gap:.5rem;font-size:.9rem;display:flex}.usage-numbers{font-family:var(--mono);color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.82rem}.plan{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:.75rem;padding:1.4rem;transition:transform .2s,box-shadow .2s;display:flex}.plan:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.plan.current{outline:2px solid var(--accent);outline-offset:-2px}.plan-price{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700}.plan-price span{color:var(--text-muted);letter-spacing:0;font-size:.8rem;font-weight:500}.plan-features{color:var(--text-muted);flex-direction:column;flex:1;gap:.35rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.plan-features li:before{content:"·";color:var(--accent);margin-right:.4rem;font-weight:700}.live-band{background:var(--accent-soft);border-radius:var(--radius-lg);outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:-2px;padding:1.1rem 1.3rem}.live-band+.live-band{margin-top:.6rem}.live-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.day-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.9rem 0 .35rem;font-size:.72rem;font-weight:600}.day-heading:first-child{padding-top:0}.auth-split{grid-template-columns:1fr 1fr;gap:1.25rem;min-height:100vh;padding:1.25rem;display:grid}.auth-aside{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(160deg,#0d9488 0%,#0c8478 100%);flex-direction:column;gap:3rem;padding:3rem;display:flex}.auth-aside .brand-mark{color:#0c8478;background:#fff;transform:none}.auth-aside .brand-mark:after{background:var(--accent-soft);border-color:#0000}.auth-aside-brand{letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;display:flex}.auth-headline{letter-spacing:-.035em;color:#fff;font-size:2.5rem;font-weight:700;line-height:1.1}.auth-lede{color:#ffffffd9;max-width:34ch;margin-top:1rem;font-size:.95rem}.auth-features{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.auth-feature{align-items:flex-start;gap:1rem;display:flex}.auth-feature-icon{border-radius:var(--radius);background:#ffffff26;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.1rem;display:grid}.auth-feature-title{font-size:1rem;font-weight:700}.auth-feature-text{color:#fffc;font-size:.85rem}.auth-main{place-items:center;padding:3rem 2rem;display:grid}.auth-form{width:100%;max-width:400px}@media (width<=900px){.auth-split{grid-template-columns:1fr;min-height:0}.auth-aside{display:none}}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:.85rem}.mono{font-family:var(--mono);font-size:.85em}.empty{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty h2{margin-bottom:.4rem}.center-screen{place-items:center;min-height:70vh;display:grid}.spinner{border:2px solid var(--border-strong);border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.divider{color:var(--text-faint);align-items:center;gap:.75rem;margin:1rem 0;font-size:.78rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border-strong);flex:1;height:1px}@media (width<=600px){.container{padding:.5rem 1rem 3rem}.topbar{padding:.85rem 1rem}h1{font-size:1.7rem}.page-head{flex-direction:column;align-items:flex-start}.page-head-actions{margin-left:0}}