:root{--bg:#0B1220;--panel:#0F1B33;--card:#111A2E;--text:#E6EDF3;--muted:#AAB4C3;--sub:#6E7A8A;--teal:#00B3A4;--b:1px solid rgba(255,255,255,.1);--r:18px;--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}.shell{min-height:100%;padding:18px;display:flex;justify-content:center}.panel{width:100%;max-width:1100px;background:var(--panel);border:var(--b);border-radius:var(--r);box-shadow:var(--shadow);padding:18px}.grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:var(--b);border-radius:var(--r);padding:14px}.label{display:block;font-size:13px;color:var(--muted);margin:0 0 6px}.input,select{width:100%;padding:10px 12px;border-radius:14px;border:var(--b);background:#ffffff0f;color:var(--text);outline:none}.input:focus,select:focus{border:1px solid rgba(0,179,164,.45);box-shadow:0 0 0 3px #00b3a426}.big{font-size:30px;font-weight:800;letter-spacing:-.3px}.muted{color:var(--muted);font-size:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top left,rgba(0,194,255,.18),transparent 30%),linear-gradient(135deg,#000b22,#031d52);font-family:Arial,Helvetica,sans-serif;color:#fff}.shell{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:22px}.panel{width:100%;max-width:920px;background:radial-gradient(circle at top right,rgba(0,194,255,.12),transparent 30%),#081936;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:22px;box-shadow:0 24px 60px #00000061}.header{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;align-items:center;margin-bottom:18px}.brand-row{display:flex;align-items:center;gap:14px}.logo-mark{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#00c2ff,#06f);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:21px;box-shadow:0 10px 24px #0099ff40}h1{font-size:36px;font-weight:800;letter-spacing:-.04em;line-height:1}.sub-title{color:#b9c6e4;margin-top:6px;font-size:14px;text-transform:uppercase;letter-spacing:.14em}.intro{color:#d8e2ff;line-height:1.45;font-size:16px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.input-group label{font-size:14px;margin-bottom:7px;display:block;color:#e8efff;font-weight:700}.input-group input{width:100%;background:#12274d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:13px;font-size:17px;outline:none}.input-group input:focus{border-color:#00d9ffb3;box-shadow:0 0 0 3px #00d9ff1f}.input-group input::placeholder{color:#93a3c8}.main-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:16px;margin-bottom:16px}.revenue-card,.side-card,.metric-card{background:#10264d;border:1px solid rgba(255,255,255,.08);border-radius:18px}.revenue-card{background:linear-gradient(135deg,#0f2b5a,#15396f);border-color:#00c2ff47;padding:18px}.result-label{color:#c8d8ff;font-size:15px;margin-bottom:8px;font-weight:700}.main-number{font-size:46px;font-weight:900;color:#00d9ff;line-height:1;margin-bottom:10px;letter-spacing:-.04em}.main-number span{font-size:18px;color:#fff;letter-spacing:0}.revenue-card p,.side-card p,.metric-card p{color:#d3defb;line-height:1.4;font-size:14px}.side-card{padding:16px}.small-label,.metric-label{color:#c2d1f0;margin-bottom:8px;font-weight:700}.investment-number{font-size:34px;font-weight:900;color:#fff;letter-spacing:-.04em}.investment-number span{font-size:15px;margin-left:3px;letter-spacing:0}.side-divider{height:1px;background:#ffffff1a;margin:13px 0}.bottom-grid{display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:16px;margin-bottom:14px}.metric-card{padding:14px}.metric-number{font-size:32px;font-weight:900;color:#00d9ff;line-height:1.05;margin-bottom:8px;letter-spacing:-.04em}.setup-note{text-align:center;color:#d8e2ff;font-weight:700;font-size:14px;padding-top:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media(max-width:800px){.shell{padding:16px}.panel{padding:20px}.header,.input-grid,.main-layout,.bottom-grid{grid-template-columns:1fr}h1{font-size:32px}.intro{font-size:15px}.main-number{font-size:40px}.metric-number{font-size:30px}}