*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#f5f7f9;color:#14202a}.container{width:min(1240px,92%);margin:auto}.hero{background:radial-gradient(circle at 85% 10%,#304d63 0,#162630 38%,#0d171e 100%);color:#fff;padding:28px 0 76px}.topline{display:flex;justify-content:space-between;align-items:center}.topline a{color:#cfe1ed;text-decoration:none;font-weight:700}.badge{display:inline-flex;padding:8px 12px;border:1px solid #ffffff25;border-radius:999px;font-size:11px;letter-spacing:.12em}.hero h1{font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.045em;margin:54px 0 18px}.hero h1 em{font-style:normal;color:#9ed2ed}.hero p{max-width:690px;font-size:18px;line-height:1.7;color:#c3d0d8}.main{margin-top:-34px;padding-bottom:80px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid #e5eaee;border-radius:22px;padding:26px;box-shadow:0 14px 45px #12212d0b;margin-bottom:18px}.panel-head{display:flex;gap:15px;margin-bottom:20px}.panel-head>span{width:36px;height:36px;border-radius:12px;background:#edf5f9;color:#25627f;display:grid;place-items:center;font-weight:900;font-size:13px;flex:none}.panel-head h2{margin:0;font-size:20px}.panel-head p{margin:5px 0 0;color:#74818a;font-size:13px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}label{display:block;font-size:12px;font-weight:800;color:#40505b;margin:10px 0}input,select{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #dbe2e7;border-radius:12px;background:#fbfcfd;color:#14202a;font:inherit;outline:none}input:focus,select:focus{border-color:#6daac6;box-shadow:0 0 0 3px #6daac620}.primary{width:100%;margin-top:18px;padding:15px 18px;border:0;border-radius:13px;background:#15232d;color:white;font-weight:900;font-size:15px;cursor:pointer;display:flex;justify-content:space-between}.assumption{margin-top:18px;background:#f8f3e9;border:1px solid #eee1c8;color:#6d5a36;border-radius:13px;padding:12px 14px;font-size:12px;line-height:1.6}.alert,.warning-box{background:#fff1f1;border:1px solid #f0cccc;color:#8e2525;padding:16px;border-radius:14px;margin-bottom:18px}.result{margin-top:10px}.result-hero{background:#15242e;color:white;border-radius:24px;padding:28px;display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.result-hero span,.result-hero small{display:block;color:#a9b8c1;font-size:12px}.result-hero strong{display:block;font-size:clamp(34px,5vw,54px);letter-spacing:-.04em;margin:6px 0}.engine{text-align:right;color:#9fb0ba;font-size:12px;line-height:1.8}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.stat-grid div{background:#fff;border:1px solid #e5eaee;border-radius:16px;padding:17px}.stat-grid span{display:block;color:#71808a;font-size:11px}.stat-grid b{display:block;font-size:16px;margin-top:8px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scenario{border:1px solid #e1e7eb;border-radius:16px;padding:18px}.scenario span,.scenario small{display:block;color:#6e7c85;font-size:12px}.scenario strong{display:block;font-size:25px;margin:8px 0}.table-wrap{overflow:auto}.table-wrap table{width:100%;min-width:950px;border-collapse:collapse;font-size:12px}.table-wrap th,.table-wrap td{padding:12px 10px;border-bottom:1px solid #edf0f2;text-align:left;white-space:nowrap}.table-wrap th{background:#f8fafb;color:#65737d}.table-wrap td small{color:#a47730}.missing{background:#fffaf3}.warning-box b{display:block;margin-bottom:7px}.warning-box div{font-size:12px;margin-top:5px}@media(max-width:980px){.workspace{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.grid.two,.scenario-grid,.stat-grid{grid-template-columns:1fr}.result-hero{display:block}.engine{text-align:left;margin-top:18px}.hero{padding-bottom:58px}.hero h1{margin-top:38px}.panel{padding:19px}}
.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-pills span{padding:8px 11px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff18;color:#c8d8e1;font-size:11px}.grid.four{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 16px}.manual-note{padding:14px 16px;background:#eef7fb;border:1px solid #d4e8f1;border-radius:14px;color:#31596b;font-size:12px;line-height:1.65;margin-bottom:18px}.qty-group{margin-top:20px;border-top:1px solid #edf0f2;padding-top:16px}.qty-title{font-weight:900;color:#263c48;margin-bottom:10px}.qty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 14px}.qty-grid label{position:relative}.qty-unit{float:right;color:#8b989f;font-size:10px;font-weight:700}.qty-grid input{padding:10px 11px}.qty-grid input::placeholder{color:#a7b0b5}.manual-filled{border-color:#76b4cf;background:#f1faff}.two-extra{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.tag{display:inline-block;padding:4px 7px;border-radius:6px;font-size:9px;font-weight:900;letter-spacing:.05em}.tag.manual{background:#e7f5fb;color:#226681}.tag.auto{background:#f5f0e5;color:#806632}@media(max-width:1100px){.grid.four,.qty-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid.four,.qty-grid,.two-extra{grid-template-columns:1fr}.hero-pills{gap:6px}}