*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0c0f;--surface:#111418;--surface2:#1a1f26;--border:#252b34;--text:#e8eaed;--text-dim:#6b7280;--accent:#3b82f6;--accent-hover:#2563eb;--success:#22c55e;--warn:#f59e0b;--error:#ef4444;--dev-color:#6366f1;--starter-color:#3b82f6;--enterprise-color:#8b5cf6}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}#app{height:100%}.page{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.page-wide{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:520px;padding:2rem}.card+.card{margin-top:1rem}.card h1{margin-bottom:.375rem;font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-dim);margin-bottom:1.5rem}.field{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.field span{color:var(--text-dim);font-size:.85rem;font-weight:500}input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}input:focus{border-color:var(--accent);outline:none}input:disabled{opacity:.5;cursor:not-allowed}input.mono-input{font-family:JetBrains Mono,monospace;font-size:.875rem}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.7rem 1.25rem;font-size:.95rem;font-weight:600;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.btn-large{padding:.875rem 1.5rem;font-size:1rem}.btn-secondary{width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:.7rem 1.25rem;font-size:.95rem;font-weight:500;transition:border-color .15s}.btn-secondary:hover{border-color:var(--accent)}.link-btn{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.auth-footer{text-align:center;color:var(--text-dim);margin-top:1.25rem;font-size:.875rem}.error-msg{color:var(--error);margin-bottom:.75rem;font-size:.875rem}.actions{flex-direction:column;gap:.625rem;margin-top:1.5rem;display:flex}.key-box{background:var(--surface2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;margin:1rem 0;padding:.75rem 1rem;display:flex}.key-box code{word-break:break-all;color:var(--text);flex:1;font-family:JetBrains Mono,monospace;font-size:.8rem}.btn-copy{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:.3rem .75rem;font-size:.8rem}.btn-copy:hover{color:var(--text);border-color:var(--accent)}.key-meta{color:var(--text-dim);margin-bottom:1rem;font-size:.85rem}.key-meta code{color:var(--text);font-family:JetBrains Mono,monospace;font-size:.8rem}.limits-note{color:var(--text-dim);background:var(--surface2);border-radius:6px;margin-bottom:.5rem;padding:.625rem .875rem;font-size:.85rem}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:20px;margin-bottom:.875rem;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-dev{background:color-mix(in srgb, var(--dev-color) 15%, transparent);color:var(--dev-color);border:1px solid color-mix(in srgb, var(--dev-color) 30%, transparent)}.badge-starter{background:color-mix(in srgb, var(--starter-color) 15%, transparent);color:var(--starter-color);border:1px solid color-mix(in srgb, var(--starter-color) 30%, transparent)}.badge-enterprise{background:color-mix(in srgb, var(--enterprise-color) 15%, transparent);color:var(--enterprise-color);border:1px solid color-mix(in srgb, var(--enterprise-color) 30%, transparent)}.dash-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;justify-content:space-between;align-items:center;width:100%;padding:1.125rem 2rem;display:flex;position:sticky;top:0}.dash-logo{letter-spacing:-.02em;font-size:1rem;font-weight:700}.dash-header-right{align-items:center;gap:1rem;display:flex}.dash-main{width:100%;max-width:760px;padding:2rem}.usage-bar-wrap{margin-bottom:.75rem}.usage-bar-track{background:var(--surface2);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.usage-bar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .4s}.usage-bar-fill.usage-bar-warn{background:var(--warn)}.usage-bar-label{color:var(--text-dim);font-size:.85rem}.upgrade-cta{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.upgrade-cta p{color:var(--text-dim);margin-bottom:.75rem;font-size:.875rem}.upgrade-cta .btn-primary{max-width:320px}.dash-main .card h2{margin-bottom:1rem;font-size:1rem;font-weight:600}.quick-start-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:flex}.quick-start pre{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:1rem;font-size:.78rem;line-height:1.6;overflow-x:auto}.quick-start code{color:var(--text);white-space:pre;font-family:JetBrains Mono,monospace}.links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.links a{color:var(--accent);font-size:.9rem;text-decoration:none}.links a:hover{text-decoration:underline}.loading{color:var(--text-dim);font-size:.9rem}.dim{color:var(--text-dim)}.upgrade-page{width:100%;max-width:680px;margin:0 auto;padding:2rem 1rem}.upgrade-header{margin-bottom:2rem}.upgrade-header h1{margin-bottom:.375rem;font-size:1.75rem;font-weight:700}.back-link{margin-bottom:1rem;font-size:.875rem;display:block}.compare-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;margin-bottom:2rem;overflow:hidden}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.9rem}.compare-table th{background:var(--surface2);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.compare-table tr:last-child td{border-bottom:none}.compare-table .highlight-col{background:color-mix(in srgb, var(--accent) 5%, transparent);font-weight:500}.compare-table .dim{color:var(--text-dim)}.check{color:var(--success);font-weight:700}.fine-print{margin-top:1rem;font-size:.8rem}.fine-print a{color:var(--accent)}.billing-options{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.billing-option{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.25rem;padding:1.5rem;display:flex}.billing-option-annual{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.billing-option-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.billing-option-price{font-size:2rem;font-weight:700;line-height:1}.billing-option-sub{color:var(--text-dim);margin-bottom:.375rem;font-size:.85rem}.billing-option-save{color:var(--success);margin-bottom:1rem;font-size:.8rem;font-weight:500}.billing-option .btn-primary,.billing-option .btn-secondary{margin-top:auto}