:root{--bg:#f4f7fb;--card:#fff;--card2:#f8fafc;--text:#142034;--muted:#718096;--line:#dce3ed;--nav:#0d1829;--blue:#286be8;--cyan:#37c3ca;--green:#1fa878}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif}.dark{--bg:#09121f;--card:#111d2d;--card2:#172438;--text:#eef4fd;--muted:#91a1b7;--line:#27374c;--nav:#070e19}.app{display:flex;min-height:100vh}aside{width:250px;background:var(--nav);color:#dce7f6;padding:24px 17px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 22px}.brand>b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(140deg,#2673ee,#31bfc5);font-size:20px}.brand strong,.brand small{display:block}.brand small{font-size:10px;color:#8293ab;margin-top:3px}.mode{display:flex;background:#17263b;border-radius:9px;padding:3px;margin-bottom:18px}.mode button{flex:1}.mode button,.mode button:hover{background:transparent}.mode .on{background:var(--blue)}aside button{border:0;background:transparent;color:#8fa1b8;border-radius:8px;padding:10px;text-align:left;cursor:pointer;font-weight:650;font-size:12px}aside nav{display:grid;gap:4px}aside nav button.on,aside nav button:hover{background:#1a2a42;color:white}.bottom{margin-top:auto;border-top:1px solid #1e2d43;padding-top:12px}.bottom p{font-size:9px;color:#6dbb9e}.bottom small{display:block;color:#596b83;font-size:9px;padding:10px}.mode .on{color:white}.app main{margin-left:250px;width:calc(100% - 250px)}header{height:88px;padding:0 35px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3}header small,.eyebrow{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.15em}header h1{margin:4px 0 0;font-size:21px}button{border:1px solid var(--line);background:var(--card);color:var(--text);padding:9px 13px;border-radius:8px;font-weight:700;font-size:11px;cursor:pointer;margin-left:5px}.primary{background:var(--blue);border-color:var(--blue);color:white}#content{padding:30px 35px;max-width:1450px;margin:auto}.hero{background:linear-gradient(135deg,#18365e,#13233c 65%,#115066);color:white;border-radius:16px;padding:38px;display:grid;grid-template-columns:1.35fr .75fr;gap:45px}.hero h2{font-size:30px;line-height:1.2;margin:9px 0}.hero p{color:#b7c7da;line-height:1.6}.heroCard{background:#ffffff0c;border:1px solid #ffffff20;border-radius:12px;padding:22px}.heroCard>strong{display:block;font-size:28px;margin:20px 0 4px;color:#6cdbd9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 12px 35px #0000000c}.stats .card span,.card>small{font-size:9px;color:var(--muted);font-weight:700}.stats .card strong{display:block;font-size:20px;margin:7px 0}.grid2{display:grid;grid-template-columns:1.3fr .8fr;gap:14px}.card h3{margin:5px 0 15px}.bars div{margin:15px 0}.bars label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:5px}.bars span{height:8px;background:var(--card2);display:block;border-radius:8px}.bars i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:8px}.warning{padding:11px;background:#fff6db;border:1px solid #ead99b;color:#80631e;border-radius:8px;font-size:10px;line-height:1.5}.dark .warning{background:#342d18;border-color:#574a28;color:#e5c86d}.formLayout{display:grid;grid-template-columns:1fr 300px;gap:16px}.stack{display:grid;gap:14px}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:grid;gap:6px}.field span{font-size:9px;color:var(--muted);font-weight:700}.wide{grid-column:1/-1}input,select,textarea{background:var(--card2);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px;width:100%;font:inherit}textarea{height:75px}.result{position:sticky;top:105px;background:linear-gradient(145deg,#102b4b,#152239);color:white;border-radius:13px;padding:25px;height:max-content}.result>strong{font-size:31px;display:block;margin:18px 0 3px}.result>em{color:#70d8d7}.result dl div,.scenario dl div{display:flex;justify-content:space-between;font-size:10px;margin:14px 0}.result dt{color:#9db0c8}.result dd,.scenario dd{margin:0;font-weight:700}.sectionHead{display:flex;justify-content:space-between;margin-bottom:22px}.sectionHead h2{font-size:24px;margin:5px 0}.sectionHead p{color:var(--muted);font-size:11px}.scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scenario>strong{display:block;font-size:26px}.scenario.featured{border:2px solid var(--blue)}.slides{display:grid;gap:9px}.slide{display:grid;grid-template-columns:48px 1fr;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}.slide b{color:var(--blue)}.slide h3{margin:0 0 4px}.slide p{margin:0;color:var(--muted);font-size:10px}.saved article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;margin-bottom:10px}.saved h3{margin:4px 0}.saved p{font-size:10px;color:var(--muted)}.help{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help li,.help p{color:var(--muted);font-size:11px;line-height:1.6}#toast{position:fixed;right:25px;bottom:25px;background:#173a2c;color:#e4fff4;border-radius:9px;padding:12px 18px;display:none}@media(max-width:850px){aside{position:relative;width:100%}.app{display:block}.app main{margin:0;width:100%}.stats,.grid2,.formLayout,.scenarios,.help{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.result{position:static}}@media print{aside,header button{display:none}.app main{margin:0;width:100%}.dark{--bg:white;--card:white;--card2:#f7f7f7;--text:#111;--muted:#666;--line:#ddd}.card,.slide{break-inside:avoid}}