@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";.material-costs{border-top:1px solid #e2e8eb;margin-top:14px;padding-top:14px}.material-costs h4{letter-spacing:.08em;text-transform:uppercase;color:#66778a;margin:0 0 12px;font:700 12px DM Mono}.material-cost-row{justify-content:space-between;align-items:center;margin:6px 0;padding:8px 0;font-size:12px;display:flex}.material-cost-row:first-child{margin-top:0}.material-cost-label{color:#476385;align-items:center;gap:10px;display:flex}.material-cost-label .dot{border-radius:50%;width:8px;height:8px}.material-cost-value{font-variant-numeric:tabular-nums;color:#1f3248;font:600 13px DM Mono}:root{color:#18212f;background:#edf1f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app{color:#1d2938;background:linear-gradient(150deg,#fafbfd 0%,#f1f5f6 70%,#e8eff0);min-height:100vh;transition:all .25s}.app.dark{color:#eaf0f8;background:#111925}.app.dark .controls,.app.dark .metric-card,.app.dark .financials,.app.dark .hero-badge{background:#182333;border-color:#2b3b50}.app.dark .group,.app.dark .input-wrap,.app.dark .select-wrap{border-color:#304155}.app.dark input,.app.dark select{color:#eef5ff}.app.dark .hero-copy,.app.dark .field>span,.app.dark small,.app.dark .updated,.app.dark .fin-header span,.app.dark .formula{color:#9eafc2}.app.dark .formula{background:#192534;border-color:#2b3b50}.app.dark .profit-banner{background:linear-gradient(110deg,#0c765d,#095a55)}.dark .material-costs{border-color:#2b3b50}.dark .material-costs h4{color:#9eafc2}.dark .material-cost-label{color:#b0c4d4}.dark .material-cost-value{color:#eef5ff}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-bottom:1px solid #e2e7eb;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,5vw,78px);display:flex}.dark header{background:#131d2a;border-color:#2b3b50}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:#e26237;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 5px 14px #e2623755}.brand h1{letter-spacing:-1px;margin:0;font:800 20px Manrope}.brand h1 span{color:#e26237}.brand p{color:#718092;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.head-actions{gap:10px;display:flex}.head-actions button{color:#465568;cursor:pointer;background:#fff;border:1px solid #dbe2e7;border-radius:9px;align-items:center;gap:7px;height:37px;padding:0 12px;font:600 12px DM Sans;display:flex}.head-actions .theme{justify-content:center;width:37px;padding:0}.dark .head-actions button{color:#eaf0f8;background:#1d2a3b;border-color:#34465c}.hero{background:radial-gradient(circle at 87% 30%,#f9d5bd 0,#f9d5bd44 16%,#0000 32%);justify-content:space-between;align-items:flex-end;gap:28px;padding:50px clamp(22px,8vw,130px) 44px;display:flex}.eyebrow{letter-spacing:.15em;color:#df633d;margin:0 0 10px;font:700 10px DM Mono}.hero h2,.dash-title h2{letter-spacing:-1.8px;margin:0;font:800 clamp(27px,3vw,42px)/1.15 Manrope}.hero-copy{color:#667589;max-width:530px;margin:15px 0 0;font-size:14px;line-height:1.65}.hero-badge{color:#e2633c;background:#fff;border:1px solid #e4e8eb;border-radius:13px;align-items:center;gap:12px;min-width:205px;padding:16px 22px;display:flex;box-shadow:0 12px 30px #1520300b}.hero-badge strong{color:#1b2b38;letter-spacing:-1px;font:800 22px Manrope;display:block}.hero-badge span{color:#728092;font-size:11px}.dark .hero-badge strong{color:#eaf0f8}.layout{grid-template-columns:minmax(285px,335px) 1fr;gap:30px;padding:0 clamp(22px,5vw,78px) 64px;display:grid}.controls{background:#fff;border:1px solid #e1e7ea;border-radius:14px;align-self:start;padding:21px;box-shadow:0 12px 38px #29384c0a}.side-title{color:#e2643c;border-bottom:1px solid #e5eaed;align-items:center;gap:9px;padding-bottom:17px;display:flex}.side-title h3{color:#293645;margin:0;font:700 15px Manrope}.dark .side-title h3{color:#eaf0f8}.group{border-bottom:1px solid #e8ecef;padding:18px 0}.group:last-child{border:0;padding-bottom:2px}.group h4{letter-spacing:.08em;text-transform:uppercase;color:#66778a;margin:0 0 13px;font:700 12px DM Mono}.group-head{justify-content:space-between;align-items:center;display:flex}.group-head h4{margin:0}.valid,.invalid{border-radius:4px;padding:4px 6px;font:700 10px DM Mono}.valid{color:#158568;background:#e7f7f1}.invalid{color:#c64d37;background:#fdebe8}.field{margin-top:12px;display:block}.field>span{color:#667589;align-items:center;gap:4px;margin:0 0 6px;font-size:11px;font-weight:600;display:flex}.hint{color:#a3b0bc;display:inline-flex}.input-wrap,.select-wrap{background:#fafcfc;border:1px solid #dfe6e9;border-radius:7px;align-items:center;height:37px;display:flex;overflow:hidden}.input-wrap b{color:#e26237;padding:0 0 0 10px;font-size:13px}.input-wrap input{color:#223241;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 9px;font:600 13px DM Mono}.input-wrap em{color:#8795a2;white-space:nowrap;padding:0 9px 0 0;font-size:10px;font-style:normal}.mix-grid,.advanced-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.error{color:#c74c36;margin:10px 0 0;font-size:11px}.select-wrap{position:relative}.select-wrap select{appearance:none;color:#273849;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 31px 0 10px;font:600 12px DM Sans}.select-wrap svg{color:#8795a2;pointer-events:none;position:absolute;right:9px}.cost-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.advanced-grid{margin-top:10px}.toggle{color:#68798a;cursor:pointer;align-items:center;gap:8px;margin-top:15px;font-size:11px;font-weight:600;display:flex}.toggle input{display:none}.toggle span{background:#cbd5dc;border-radius:12px;width:30px;height:17px;transition:all .2s;position:relative}.toggle span:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+span{background:#e26237}.toggle input:checked+span:after{left:16px}.dashboard{min-width:0}.dash-title{justify-content:space-between;align-items:end;margin:9px 0 21px;display:flex}.dash-title h2{font-size:27px}.updated{color:#83909d;margin:0;font-size:11px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.primary{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid #e2e8eb;border-radius:11px;min-height:135px;padding:17px;position:relative;overflow:hidden;box-shadow:0 9px 23px #26354a08}.metric-card:after{content:"";background:#dae7e9;width:100%;height:3px;position:absolute;bottom:0;left:0}.metric-card:nth-child(2):after,.metric-card:nth-child(5):after{background:#e9ae67}.metric-card:nth-child(3):after{background:#a1b8d0}.metric-card:nth-child(4):after{background:#cdb393}.metric-card:nth-child(6):after{background:#b9a4d4}.metric-top{color:#6e7e8d;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.metric-icon{color:#e2633c;background:#fff1eb;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.metric-card strong{letter-spacing:-1px;color:#213040;margin:18px 0 3px;font:800 clamp(19px,2vw,25px) Manrope;display:block}.metric-card small{color:#8795a1;font-size:10px;display:block}.financials{background:#fff;border:1px solid #e1e8ea;border-radius:13px;margin-top:22px;padding:20px;box-shadow:0 9px 23px #26354a08}.fin-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.fin-header h3{margin:0;font:700 15px Manrope}.fin-header span{color:#8795a1;font-size:10px}.financials .metric-card{min-height:119px}.cost .metric-icon{color:#b26230;background:#fdf1e4}.revenue .metric-icon{color:#148265;background:#e4f6ef}.profit-banner{color:#fff;background:linear-gradient(110deg,#0e896b,#087362);border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:19px 22px;display:flex}.profit-banner>div>span{opacity:.78;font-size:11px}.profit-banner>div>strong{letter-spacing:-1px;font:800 27px Manrope;display:block}.profit-stats{text-align:right;grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.profit-stats span,.profit-stats b{display:block}.profit-stats span{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:9px}.profit-stats b{margin-top:5px;font:700 15px DM Mono}.formula{color:#718190;background:#f7fbfb;border:1px solid #dce6e8;border-radius:8px;gap:8px;margin-top:17px;padding:11px 13px;font-size:10px;line-height:1.5;display:flex}.formula svg{color:#e2633c;flex:none}.formula b{color:#4e6272}@media (width<=1100px){.layout{grid-template-columns:290px 1fr;gap:20px}.metrics,.primary{grid-template-columns:repeat(2,1fr)}}@media (width<=770px){header{padding:0 18px}.hero{padding:32px 20px;display:block}.hero-badge{width:max-content;margin-top:22px}.layout{grid-template-columns:1fr;padding:0 18px 40px}.controls{order:2}.dashboard{order:1}.primary,.metrics{grid-template-columns:repeat(2,1fr)}.profit-banner{display:block}.profit-stats{text-align:left;gap:10px;margin-top:16px}.dash-title{flex-direction:column;align-items:start;gap:10px}}@media (width<=440px){.reset{display:none!important}.primary,.metrics{grid-template-columns:1fr}.hero h2{font-size:29px}.metric-card{min-height:112px}.cost-grid{grid-template-columns:1fr}.profit-stats{grid-template-columns:1fr 1fr}}