.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;gap:.75rem}.logo{font-size:1.75rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;background:var(--surface2);border-radius:8px;border:1px solid var(--border)}.brand h1{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.brand p{font-size:.8rem;color:var(--muted)}.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}.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)}:root{--bg: #0a0c10;--surface: #12151c;--surface2: #1a1f2a;--border: #2a3142;--text: #e8ecf4;--muted: #8b95a8;--accent: #3dd68c;--accent-dim: #2a9d63;--warn: #f5a623;--danger: #ff6b6b;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "Instrument Sans", system-ui, sans-serif}*{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}