:root{--bg: #0c1118;--bg-elevated: #131a24;--bg-card: #161d2a;--border: #243044;--text: #e8edf4;--muted: #8b98a8;--accent: #6366f1;--accent-hover: #818cf8;--success: #34d399;--danger: #f87171;--radius: 10px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--accent-hover);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:8px;padding:.55rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-card)}.btn-ghost{background:transparent;color:var(--muted);border:none;padding:.35rem .5rem}.btn-ghost:hover{color:var(--text)}.btn-danger{background:transparent;color:var(--danger);border:none;padding:.35rem .5rem;font-size:.85rem}button:disabled{opacity:.45;cursor:not-allowed}.input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem;font-size:.9rem;width:100%;max-width:100%}textarea{font-family:ui-monospace,monospace;font-size:.8rem}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem 4rem;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.18),transparent)}.landing-inner{max-width:520px;width:100%;text-align:center}.landing-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-hover);margin-bottom:1rem}.landing h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin:0 0 .75rem;letter-spacing:-.02em}.landing-lead{color:var(--muted);font-size:1.05rem;margin:0 0 2rem;line-height:1.6}.landing-features{text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin-bottom:1.5rem}.landing-features ul{margin:0;padding-left:1.2rem;color:var(--muted);font-size:.92rem}.landing-features li{margin-bottom:.5rem}.landing-features li:last-child{margin-bottom:0}.landing-cta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.landing-cta .btn-primary{padding:.75rem 1.25rem;font-size:1rem}.dev-panel{text-align:left;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.dev-panel summary{cursor:pointer;color:var(--muted);font-size:.85rem}.dev-panel-inner{margin-top:1rem}.dashboard{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--bg-elevated);border-right:1px solid var(--border);padding:1.25rem 0;display:flex;flex-direction:column}.sidebar-brand{padding:0 1.25rem 1.25rem;border-bottom:1px solid var(--border);margin-bottom:.75rem}.sidebar-brand strong{font-size:1rem;display:block}.sidebar-brand span{font-size:.75rem;color:var(--muted)}.nav-section{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.75rem 1.25rem .35rem}.nav-item{display:block;padding:.5rem 1.25rem;font-size:.9rem;color:var(--muted);border-left:3px solid transparent;cursor:pointer;background:none;border-right:none;border-top:none;border-bottom:none;width:100%;text-align:left;font-family:inherit}.nav-item:hover{color:var(--text);background:#ffffff08}.nav-item.active{color:var(--text);border-left-color:var(--accent);background:#6366f114}.sidebar-footer{margin-top:auto;padding:1rem 1.25rem 0;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}.sidebar-footer a{display:block;margin-top:.35rem}.dashboard-main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:1rem 1.75rem;border-bottom:1px solid var(--border);background:var(--bg)}.topbar-user{font-size:.88rem;color:var(--muted)}.topbar-user strong{color:var(--text);font-weight:500}.topbar-actions{display:flex;gap:.5rem;flex-wrap:wrap}.page{padding:1.5rem 1.75rem 2.5rem;max-width:1100px}.page-title{font-size:1.35rem;font-weight:600;margin:0 0 .35rem}.page-desc{color:var(--muted);font-size:.92rem;margin:0 0 1.5rem}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.alert-error{background:#f871711f;border:1px solid rgba(248,113,113,.35);color:#fecaca}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem}.stat-card label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.35rem}.stat-card .value{font-size:1.35rem;font-weight:600;letter-spacing:-.02em}.stat-card .sub{font-size:.8rem;color:var(--muted);margin-top:.25rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem;margin-bottom:1.25rem}.card h3{font-size:1rem;font-weight:600;margin:0 0 .75rem}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.plan-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.25rem 1.25rem;background:var(--bg);position:relative}.plan-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px #6366f140}.plan-card h4{margin:0 0 .25rem;font-size:1.05rem}.plan-card .price{font-size:1.5rem;font-weight:700;margin:.5rem 0}.plan-card .price span{font-size:.85rem;font-weight:400;color:var(--muted)}.plan-meta{font-size:.85rem;color:var(--muted);margin:0 0 1rem}.badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:#6366f133;color:var(--accent-hover)}.badge-muted{background:var(--bg-elevated);color:var(--muted)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--border)}.data-table th{color:var(--muted);font-weight:500;font-size:.8rem}.data-table code{font-size:.78rem;color:#c4b5fd}.key-reveal{background:var(--bg);border:1px solid var(--success);border-radius:8px;padding:1rem;margin-bottom:1rem}.key-reveal p{margin:0 0 .5rem;font-size:.85rem;color:var(--success)}.key-reveal pre{margin:0;word-break:break-all;font-size:.75rem;color:var(--text)}.usage-bars{display:flex;align-items:flex-end;gap:4px;height:120px;margin-bottom:1rem;padding:0 .25rem}.usage-bar{flex:1;min-width:8px;background:var(--accent);border-radius:3px 3px 0 0;opacity:.85;transition:opacity .15s}.usage-bar:hover{opacity:1}.invoice-grid{display:grid;gap:.75rem}.invoice-row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.88rem}@media(max-width:900px){.dashboard{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex-wrap:wrap;align-items:center;padding:.75rem 1rem}.sidebar-brand{border:none;margin:0;padding:0 1rem 0 0}.nav-section{display:none}.sidebar nav{display:flex;flex-wrap:wrap;gap:.25rem;flex:1}.nav-item{padding:.4rem .65rem;border-radius:6px;border-left:none;width:auto}.nav-item.active{background:#6366f126}.sidebar-footer{width:100%;border:none;padding:.5rem 0 0;margin-top:.5rem}}