.app{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface)}.brand{display:flex;align-items:center}.brand-lockup{display:flex;align-items:center;gap:.75rem}.brand-mark{flex-shrink:0;display:block}.brand-wordmark{display:flex;flex-direction:column;line-height:1.1;gap:.15rem}.brand-wordmark-top{display:flex;align-items:baseline;font-size:1.25rem;line-height:1}.brand-token{font-family:var(--brand-display);font-weight:800;color:#f0f0f0;letter-spacing:-.02em}.brand-cut{font-family:var(--mono);font-weight:500;font-size:.95em;letter-spacing:.06em;color:#3ef5a0}.brand-wordmark-sub{font-size:.8rem;color:var(--muted)}@keyframes token-cut-scan{0%{transform:translate(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(200%);opacity:0}}.token-cut-scan-line{animation:token-cut-scan 3s ease-in-out infinite}.build-tag{margin-left:.5rem;font-size:.65rem;padding:.1rem .35rem;border-radius:4px;background:var(--surface2);border:1px solid var(--border);color:var(--accent);font-family:var(--mono)}.tabs{display:flex;flex-wrap:wrap;gap:.35rem}.tab{background:transparent;border:1px solid transparent;color:var(--muted);padding:.45rem .85rem;border-radius:8px;font-size:.85rem;display:flex;align-items:center;gap:.35rem}.tab:hover{color:var(--text);background:var(--surface2)}.tab.active{color:var(--text);border-color:var(--border);background:var(--surface2)}.main{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.card h2{font-size:1rem;margin-bottom:1rem;font-weight:600}.grid-dashboard{display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width: 900px){.grid-dashboard{grid-template-columns:1fr}}.kpi-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media (max-width: 700px){.kpi-row{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.kpi-label{display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.kpi-value{display:block;font-size:1.5rem;font-weight:700;margin-top:.25rem;font-variant-numeric:tabular-nums}.kpi-delta{font-size:.7rem;color:var(--accent)}.bars{display:flex;flex-direction:column;gap:.6rem}.bar-row{display:grid;grid-template-columns:120px 1fr 32px;align-items:center;gap:.5rem;font-size:.8rem}.bar-label{color:var(--muted);text-transform:capitalize}.bar-track{height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .4s ease}.bar-val{font-family:var(--mono);font-size:.75rem;text-align:right}.engineer-list{display:flex;flex-direction:column;gap:.75rem}.engineer-row{display:grid;grid-template-columns:80px 1fr 48px 80px;align-items:center;gap:.5rem;font-size:.85rem}.eng-name{text-transform:capitalize;font-weight:500}.eng-bar{height:10px;background:var(--surface2);border-radius:5px;overflow:hidden}.eng-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:5px}.eng-pct{font-family:var(--mono);font-size:.75rem;color:var(--accent)}.eng-saved{font-size:.7rem;color:var(--muted);text-align:right}.feed{grid-column:1 / -1}.feed-list{list-style:none;font-family:var(--mono);font-size:.8rem}.feed-item{padding:.5rem 0;border-bottom:1px solid var(--border);color:var(--muted)}.feed-item.new{color:var(--accent)}.feed-time{margin-right:.75rem;opacity:.5}.simulator{display:grid;gap:1rem}@media (min-width: 900px){.simulator{grid-template-columns:1fr 1fr}}.sim-input textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.75rem;font-family:var(--mono);font-size:.8rem;resize:vertical;margin-bottom:.75rem}.sim-input input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.6rem .75rem;margin-bottom:.75rem}.sim-hint{font-size:.85rem;margin-bottom:.75rem}.field-label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}.sim-toggles{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted);cursor:pointer}.graph-stats-line{font-size:.85rem;margin-bottom:.5rem;font-family:var(--mono)}.graph-stats-line.accent{color:var(--accent)}.sim-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border);padding:.65rem 1rem;border-radius:8px;font-weight:500}.btn-ghost{background:transparent;color:var(--muted);border:1px solid transparent;padding:.65rem .75rem;border-radius:8px}.oauth-divider{text-align:center;color:var(--muted);font-size:.8rem;margin:.75rem 0}.oauth-buttons{display:flex;flex-direction:column;gap:.5rem}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:.9rem;text-decoration:none}.oauth-btn:hover{border-color:var(--accent)}.deploy-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1rem}.deploy-card{border:1px solid var(--border);border-radius:10px;padding:1rem;background:var(--surface2)}.deploy-card h3{font-size:.95rem;margin-bottom:.5rem}.deploy-card .price{font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:.5rem}.deploy-card ul{list-style:none;font-size:.8rem;color:var(--muted)}.deploy-card li{padding:.2rem 0}.deploy-card li:before{content:"→ ";color:var(--accent)}.btn-primary{background:var(--accent);color:#0a0c10;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:600}.btn-primary:disabled{opacity:.5}.error{color:var(--danger);margin-top:.5rem;font-size:.85rem}.token-compare{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.token-compare strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.accent{color:var(--accent)}.arrow{color:var(--muted);font-size:1.25rem}.badge{background:var(--accent);color:#0a0c10;padding:.25rem .6rem;border-radius:6px;font-weight:700;font-size:.9rem}.muted{color:var(--muted);font-size:.75rem;display:block}.cost-line,.route-line{font-size:.85rem;margin-bottom:1rem}.saved{color:var(--accent)}.pipeline{list-style:none;margin:1rem 0}.pipe-step{border-left:2px solid var(--border);padding:.75rem 0 .75rem 1rem;margin-left:.5rem}.pipe-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pipe-num{font-family:var(--mono);font-size:.7rem;background:var(--surface2);width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:4px}.pipe-tech{font-size:.65rem;text-transform:uppercase;color:var(--accent);background:rgba(61,214,140,.1);padding:.15rem .4rem;border-radius:4px}.pipe-desc{font-size:.8rem;color:var(--muted);margin:.25rem 0}.pipe-tokens{font-family:var(--mono);font-size:.75rem}.pipe-detail{color:var(--muted)}.preview{background:var(--surface2);padding:.75rem;border-radius:8px;font-size:.7rem;overflow:auto;max-height:240px;margin-top:.5rem;font-family:var(--mono)}.connect{display:flex;flex-direction:column;gap:1rem}.connect-steps{list-style:none;margin:0 0 1rem}.connect-steps li{display:flex;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.connect-steps li:last-child{border-bottom:none}.step-num{flex-shrink:0;width:2rem;height:2rem;display:grid;place-items:center;background:var(--accent);color:#0a0c10;font-weight:700;border-radius:8px;font-size:.9rem}.connect-steps p{font-size:.85rem;color:var(--muted);margin-top:.25rem}.connect-code{background:var(--surface2);padding:1rem;border-radius:8px;font-family:var(--mono);font-size:.75rem;overflow-x:auto;border:1px solid var(--border)}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (max-width: 700px){.security-grid{grid-template-columns:1fr}}.security-item{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:1rem}.security-item h3{font-size:.9rem;margin-bottom:.35rem}.security-item p{font-size:.8rem;color:var(--muted);line-height:1.45}.auth-form input{display:block;width:100%;margin-bottom:.6rem;padding:.6rem .75rem;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text)}.auth-tabs{display:flex;gap:.35rem;margin-bottom:1rem}.auth-tabs button{flex:1;padding:.5rem;border:1px solid var(--border);background:var(--surface2);color:var(--muted);border-radius:8px}.auth-tabs button.active{color:var(--text);border-color:var(--accent)}.account-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.btn-secondary{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:.55rem 1rem;border-radius:8px}.btn-ghost{background:transparent;border:none;color:var(--muted);padding:.35rem .5rem;font-size:.8rem}.plan-badge{color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:600}.key-reveal{background:rgba(61,214,140,.08);border:1px solid var(--accent);border-radius:8px;padding:.75rem;margin:.75rem 0;font-size:.8rem}.key-reveal code{display:block;margin-top:.35rem;word-break:break-all;font-family:var(--mono);font-size:.75rem}.keys-table{width:100%;font-size:.8rem;margin-top:1rem;border-collapse:collapse}.keys-table th,.keys-table td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--border)}.key-hint{font-size:.75rem;color:var(--muted);font-family:var(--mono)}.billing-hint{font-size:.8rem;margin-top:.5rem;line-height:1.4}.stripe-pricing-card{overflow:hidden}.stripe-pricing-wrap{margin-top:1rem;min-height:420px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);padding:.5rem}.stripe-pricing-wrap stripe-pricing-table{width:100%}.revenue label{display:block;margin:1.25rem 0}.revenue input[type=range]{width:100%;margin-top:.5rem;accent-color:var(--accent)}.revenue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}@media (max-width: 600px){.revenue-grid{grid-template-columns:1fr}}.rev-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:1rem}.rev-box span{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.35rem}.rev-box strong{font-size:1.35rem}.rev-box.highlight{border-color:var(--accent)}.rev-box.highlight strong{color:var(--accent)}.fine{margin-top:1rem;font-size:.8rem;color:var(--muted)}.admin-dashboard{display:flex;flex-direction:column;gap:1rem}.admin-subtitle{margin:.25rem 0 .75rem;font-size:.85rem}.admin-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.admin-kpi .kpi-value{font-size:1.5rem}.plan-bars{display:flex;flex-direction:column;gap:.65rem;margin-top:.5rem}.plan-bar-row{display:grid;grid-template-columns:5rem 1fr 5rem;align-items:center;gap:.75rem;font-size:.85rem}.plan-bar-label{text-transform:capitalize;color:var(--muted);font-family:var(--mono)}.plan-bar-track{height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.plan-bar-fill{height:100%;border-radius:4px;background:var(--accent)}.plan-bar-fill.plan-pro{background:#00c8ff}.plan-bar-fill.plan-team{background:#a78bfa}.plan-bar-fill.plan-enterprise{background:#f5a623}.plan-bar-count{text-align:right;font-family:var(--mono);font-size:.75rem;color:var(--muted)}.admin-table-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.admin-table-head h2{margin-bottom:0}.admin-filter{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:6px;font-size:.85rem}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.8rem}.admin-table th,.admin-table td{text-align:left;padding:.5rem .65rem;border-bottom:1px solid var(--border)}.admin-table th{color:var(--muted);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.mono-cell{font-family:var(--mono);font-size:.75rem}.plan-badge.plan-pro{color:#00c8ff;border-color:#00c8ff44}.plan-badge.plan-team{color:#a78bfa;border-color:#a78bfa44}.plan-badge.plan-enterprise{color:#f5a623;border-color:#f5a62344}.tab.admin-tab{border-color:#f5a62355}:root{--bg: #0a0c10;--surface: #12151c;--surface2: #1a1f2a;--border: #2a3142;--text: #e8ecf4;--muted: #8b95a8;--accent: #3ef5a0;--accent-dim: #2a9d63;--warn: #f5a623;--danger: #ff6b6b;--mono: "DM Mono", "IBM Plex Mono", ui-monospace, monospace;--sans: "Instrument Sans", system-ui, sans-serif;--brand-display: "Syne", var(--sans)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}