.calculator-page{color:#171717;background:#f8f7f4;min-height:100vh}.calculator-page-header{text-align:center;padding:2rem 0 2.5rem}.page-title{color:#171717;letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.page-subtitle{color:#6b7280;margin:0;font-size:1.125rem}.calculator-content-wrapper{position:relative}.calculator-main{padding:1rem 2rem 3rem}.calculator-container{max-width:1200px;margin:0 auto}.calculator-two-col{grid-template-columns:1fr 380px;align-items:start;gap:2rem;margin-bottom:2rem;transition:filter .5s;display:grid}.calculator-two-col--blurred{filter:blur(6px)brightness(.5);pointer-events:none;-webkit-user-select:none;user-select:none}.calculator-form-section{background:#fff;border:1px solid #0000000f;border-radius:20px;padding:2rem;animation:.6s fadeInUp;box-shadow:0 8px 32px #00000014}.calculator-form{flex-direction:column;gap:2rem;display:flex}.form-progress{align-items:center;gap:1rem;display:flex}.progress-bar{background:#0000000f;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#005bff,#0047cc,#facc15);border-radius:3px;height:100%;transition:width .4s;box-shadow:0 0 12px #0047cc66}.progress-text{color:#6b7280;white-space:nowrap;font-size:.75rem}.product-source-picker{gap:.5rem;margin-bottom:1.25rem;display:flex}.product-source-btn{color:#64748b;cursor:pointer;background:#fff;border:2px solid #00000014;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.8125rem;font-weight:600;transition:all .25s;display:flex}.product-source-btn:hover{color:#334155;background:#005bff05;border-color:#005bff33}.product-source-btn.active{color:#005bff;background:#005bff0f;border-color:#005bff;box-shadow:0 0 0 3px #005bff14}.product-source-btn svg{opacity:.7;flex-shrink:0}.product-source-btn.active svg{opacity:1}.saved-product-select{margin-bottom:1.25rem;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.saved-product-dropdown{color:#1e293b;cursor:pointer;appearance:auto;background:#fff;border:2px solid #00000014;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:border-color .2s}.saved-product-dropdown:focus{border-color:#005bff;outline:none;box-shadow:0 0 0 3px #005bff1a}.saved-product-loading{color:#64748b;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;display:flex}.saved-product-empty{color:#94a3b8;text-align:center;background:#00000005;border:1px dashed #0000001a;border-radius:12px;padding:1rem;font-size:.8125rem;line-height:1.5}.saved-product-hint{color:#16a34a;background:#22c55e0f;border:1px solid #22c55e1f;border-radius:8px;margin-top:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500}.quick-fill-btn{cursor:pointer;color:#b45309;background:linear-gradient(135deg,#facc1526,#fbbf241a);border:1px solid #facc154d;border-radius:50px;align-self:flex-start;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.quick-fill-btn svg{opacity:.7;flex-shrink:0}.quick-fill-hint{opacity:.6;font-size:.75rem;font-weight:400}.quick-fill-btn:hover{background:linear-gradient(135deg,#facc1540,#fbbf2426);transform:translateY(-1px);box-shadow:0 4px 16px #fbbf2433}.quick-fill-btn:hover svg{opacity:1}.form-section{flex-direction:column;gap:1.5rem;display:flex}.calculator-form .section-title{color:#171717;letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.form-row{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.form-row-4{grid-template-columns:repeat(4,1fr)}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.input-with-adornment{align-items:center;display:flex;position:relative}.input-with-adornment input{width:100%;padding-right:2.5rem}.input-with-adornment input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-with-adornment input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-with-adornment input[type=number]{appearance:textfield}.input-adornment{color:#9ca3af;pointer-events:none;font-size:.875rem;font-weight:500;position:absolute;right:.75rem}.input-adornment.unit{color:#005bff;font-weight:600}.form-group input,.form-group select{color:#171717;background:#fff;border:1px solid #0000000f;border-radius:10px;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.form-group input::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#005bff;outline:none;box-shadow:0 0 0 3px #005bff1f}.form-group:focus-within>label{color:#005bff;transition:color .2s}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2rem}.form-group select option{color:#171717;background:#fff}.form-group input.error,.form-group select.error{border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.optional-badge{color:#9ca3af;text-transform:lowercase;letter-spacing:.02em;vertical-align:middle;background:#0000000a;border-radius:99px;padding:1px 6px;font-size:.65rem;font-weight:500}.form-group.field-valid label:after{content:"✓";color:#fff;vertical-align:middle;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:.35rem;font-size:.6rem;font-weight:700;animation:.3s cubic-bezier(.4,0,.2,1) checkPop;display:inline-flex}@keyframes checkPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.form-group.field-valid input{border-color:#22c55e40}.error-text{color:#f87171;margin-top:-.25rem;font-size:.75rem}.tooltip-wrapper{cursor:help;vertical-align:middle;display:inline-flex;position:relative}.tooltip-icon{color:#005bff;background:#005bff14;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.tooltip-icon svg{display:block}.tooltip-wrapper:hover .tooltip-icon{color:#fff;background:#005bff;transform:scale(1.15);box-shadow:0 0 0 3px #005bff26}.tooltip-popup{color:#f1f5f9;z-index:100;pointer-events:none;letter-spacing:.01em;background:#1e293b;border:1px solid #005bff40;border-radius:10px;width:260px;padding:.625rem .875rem;font-size:.8125rem;font-weight:400;line-height:1.55;animation:.2s cubic-bezier(.4,0,.2,1) tooltipIn;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000002e,0 0 0 1px #005bff26}.tooltip-popup:before{content:"";pointer-events:none;background:linear-gradient(135deg,#005bff0f 0%,#0000 60%);border-radius:10px;position:absolute;inset:0}.tooltip-popup:after{content:"";border:6px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(5px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.slider-group{flex-direction:column;gap:.5rem;display:flex}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-header label{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.slider-value{font-family:var(--font-display);color:#005bff;font-size:1.125rem;font-weight:600}.slider-value-input{width:4.5rem;font-family:var(--font-display);color:#005bff;text-align:right;appearance:textfield;background:#005bff08;border:1.5px solid #005bff26;border-radius:8px;outline:none;padding:.2rem .4rem;font-size:.95rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.slider-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-value-input:focus{border-color:#005bff;box-shadow:0 0 0 3px #005bff1a}.slider-value-suffix{font-family:var(--font-display);color:#005bff;margin-left:.15rem;font-size:.95rem;font-weight:600}.slider-value-wrapper{align-items:center;gap:0;display:flex}.range-slider{appearance:none;cursor:pointer;background:#0000000f;border-radius:3px;outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#005bff,#0047cc);border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 0 12px #005bff66}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #005bff99}.toggle-advanced{cursor:pointer;color:#6b7280;background:#00000008;border:1px solid #0000000f;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:1rem;font-weight:600;transition:all .2s;display:flex}.toggle-advanced:hover{background:#0000000f;border-color:#005bff33}.toggle-advanced svg{color:#005bff;flex-shrink:0;transition:transform .3s}.toggle-advanced-left{align-items:center;gap:.5rem;display:flex}.toggle-advanced-badge{color:#005bff;text-transform:uppercase;letter-spacing:.03em;background:#005bff14;border-radius:99px;padding:2px 8px;font-size:.65rem;font-weight:600}.advanced-hint{color:#9ca3af;margin:-.75rem 0 0;padding:0 .25rem;font-size:.75rem;line-height:1.5}.fulfillment-selector{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.fulfillment-option{cursor:pointer;text-align:center;background:#fff9;border:2px solid #00000014;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .5rem;transition:all .25s;display:flex}.fulfillment-option:hover{background:#005bff08;border-color:#005bff40;transform:translateY(-1px)}.fulfillment-option.active{background:#005bff0f;border-color:#005bff;box-shadow:0 0 0 3px #005bff1a}.fulfillment-icon{font-size:1.5rem;line-height:1}.fulfillment-label{color:#1a1f36;font-size:.875rem;font-weight:600}.fulfillment-option.active .fulfillment-label{color:#005bff}.fulfillment-desc{color:#9ca3af;font-size:.7rem;line-height:1.2}.fulfillment-option.active .fulfillment-desc{color:#6b7280}.fulfillment-fields{animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:600px}}@media (max-width:480px){.fulfillment-selector{grid-template-columns:1fr;gap:.5rem}.fulfillment-option{text-align:left;flex-direction:row;gap:.75rem;padding:.75rem 1rem}.fulfillment-icon{font-size:1.25rem}}.advanced-params{border-top:1px solid #0000000f;flex-direction:column;gap:1.5rem;margin-top:1rem;padding-top:1rem;display:flex}.advanced-section-divider{align-items:center;gap:.75rem;margin:.25rem 0;display:flex}.advanced-section-divider:before,.advanced-section-divider:after{content:"";background:#00000014;flex:1;height:1px}.advanced-section-divider span{color:#9ca3af;white-space:nowrap;font-size:.75rem;font-weight:600}.expense-subgroup{border:1px solid #0000000f;border-radius:14px;flex-direction:column;gap:1rem;padding:1.25rem;animation:.4s both fadeInUp;display:flex;position:relative}.expense-subgroup--logistics{background:linear-gradient(135deg,#14b8a60a,#06b6d405);border-left:3px solid #14b8a6}.expense-subgroup--marketing{background:linear-gradient(135deg,#a855f70a,#8b5cf605);border-left:3px solid #a855f7}.expense-subgroup__header{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.expense-subgroup__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;display:flex}.expense-subgroup--logistics .expense-subgroup__icon{background:#14b8a61f}.expense-subgroup--marketing .expense-subgroup__icon{background:#a855f71f}.expense-subgroup__title{letter-spacing:.02em;font-size:.8rem;font-weight:600}.expense-subgroup--logistics .expense-subgroup__title{color:#0d9488}.expense-subgroup--marketing .expense-subgroup__title{color:#9333ea}.expense-subgroup__hint{color:#9ca3af;margin-left:auto;font-size:.7rem;font-weight:500}.toggle-group{flex-direction:column;gap:.5rem;display:flex}.toggle-header{justify-content:space-between;align-items:center;display:flex}.toggle-header label{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.toggle-switch-wrapper{align-items:center;gap:.5rem;display:flex}.toggle-label-text{color:#9ca3af;text-align:right;min-width:4rem;font-size:.8rem;font-weight:500}.toggle-switch{cursor:pointer;background:#0000001f;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .25s;position:relative}.toggle-switch.active{background:#005bff}.toggle-switch .toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-knob{transform:translate(20px)}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.submit-button{color:#fff;cursor:pointer;background:#005bff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #005bff40}.submit-button:before{content:"";background:linear-gradient(135deg,#0000 30%,#00000014 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.submit-button:hover:before{transform:translate(100%)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #005bff66,0 0 60px #0047cc26}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-button:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 2px 8px #005bff4d}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.onboarding-steps{background:linear-gradient(135deg,#005bff0a,#facc150a);border:1px solid #005bff14;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;animation:.5s fadeInUp;display:flex}.onboarding-step{color:#6b7280;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:flex}.onboarding-num{color:#fff;background:#005bff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:inline-flex}.onboarding-step-arrow{color:#d1d5db;font-size:.875rem}.kbd-hint{font-size:.65rem;font-family:var(--font-mono,monospace);letter-spacing:.05em;opacity:.7;background:#fff3;border:1px solid #ffffff26;border-radius:4px;align-items:center;margin-left:.5rem;padding:2px 6px;font-weight:600;display:inline-flex}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}.results-skeleton{flex-direction:column;gap:1rem;padding:2rem;display:flex}.results-skeleton .skeleton-row{gap:1rem;display:flex}.results-skeleton .skeleton-card{border-radius:16px;flex:1;height:120px}.results-skeleton .skeleton-bar{border-radius:8px;width:100%;height:24px}.results-skeleton .skeleton-bar-short{border-radius:6px;width:60%;height:16px}.sticky-submit-wrapper{z-index:1000;animation:.35s cubic-bezier(.4,0,.2,1) stickySlideUp;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.sticky-submit-button{color:#fff;cursor:pointer;white-space:nowrap;background:#005bff;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.9375rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 32px #005bff59,0 2px 8px #0000001a}.sticky-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #005bff73,0 4px 12px #00000026}.sticky-submit-button:disabled{opacity:.6;cursor:not-allowed}@keyframes stickySlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.calculator-preview-section{position:sticky;top:2rem}.live-preview{background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;gap:1.5rem;padding:1.5rem;animation:.6s .2s both fadeInUp;display:flex;box-shadow:0 8px 32px #00000014}.preview-header{text-align:center}.preview-icon{margin-bottom:.25rem;font-size:2rem}.preview-title{color:#171717;margin:0;font-size:1rem;font-weight:600}.preview-hint{color:#9ca3af;margin:.25rem 0 0;font-size:.75rem}.preview-empty{text-align:center;color:#9ca3af;padding:1.5rem 1rem}.preview-empty-diagram{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.preview-empty-bar{color:#9ca3af;border-radius:6px;align-items:center;height:28px;padding:0 .625rem;font-size:.7rem;font-weight:500;display:flex;position:relative;overflow:hidden}.preview-empty-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:3s ease-in-out infinite previewShimmer;position:absolute;top:0;left:-100%}.preview-empty-bar--profit{border:1px dashed #22c55e4d;background:0 0!important}@keyframes previewShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.preview-empty-text{color:#b0b5bf;margin:0;font-size:.8rem;line-height:1.5}.empty-icon{margin-bottom:.75rem;font-size:2.5rem}.preview-empty p{margin:0;font-size:.875rem;line-height:1.5}.waterfall-chart{flex-direction:column;gap:.75rem;display:flex}.waterfall-row{grid-template-columns:110px 1fr 60px;align-items:center;gap:.5rem;display:grid}.waterfall-label{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.waterfall-bar-container{background:#00000008;border-radius:6px;height:12px;overflow:hidden}.waterfall-bar{transform-origin:0;border-radius:6px;height:100%;animation:.6s ease-out forwards barGrow}.waterfall-bar.income{opacity:1}.waterfall-bar.expense{opacity:.85}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.waterfall-value{text-align:right;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.waterfall-value.income{color:#005bff}.waterfall-value.expense{color:#6b7280}.preview-profit{text-align:center;border-radius:12px;padding:1rem}.preview-profit.positive{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid #22c55e33}.preview-profit.negative{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444433}.profit-label{margin-bottom:.25rem;font-size:.75rem;font-weight:600}.preview-profit.positive .profit-label{color:#4ade80}.preview-profit.negative .profit-label{color:#f87171}.profit-amount{font-family:var(--font-display);font-size:1.75rem;font-weight:700}.preview-profit.positive .profit-amount{color:#22c55e;text-shadow:none}.preview-profit.negative .profit-amount{color:#ef4444;text-shadow:none}.profit-margin-preview{margin-top:.25rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.preview-profit.positive .profit-margin-preview{color:#4ade80}.preview-profit.negative .profit-margin-preview{color:#f87171}.profit-bar-bg{background:#0000000f;border-radius:3px;height:6px;overflow:hidden}.profit-bar-fill{border-radius:3px;height:100%;transition:width .5s,background-color .5s}.preview-stats{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.preview-stat{text-align:center;background:#fff;border:1px solid #00000008;border-radius:8px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.stat-label-sm{color:#9ca3af;font-size:.6875rem;font-weight:600}.stat-value-sm{font-family:var(--font-display);color:#171717;font-size:1.125rem;font-weight:600}.paywall-overlay{z-index:50;justify-content:center;align-items:center;padding:2rem;animation:.5s fadeIn;display:flex;position:absolute;inset:0}.paywall-card{text-align:center;background:#fff;border:1px solid #005bff33;border-radius:24px;width:100%;max-width:480px;padding:3rem 2.5rem;animation:.6s paywall-float;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000001f,0 0 60px #005bff14,inset 0 1px #ffffff0d}.paywall-glow{pointer-events:none;background:radial-gradient(circle,#005bff0f 0%,#0000 60%);width:200%;height:200%;animation:8s linear infinite glow-rotate;position:absolute;top:-50%;left:-50%}@keyframes glow-rotate{to{transform:rotate(360deg)}}@keyframes paywall-float{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.paywall-icon{margin-bottom:1.5rem;animation:2s ease-in-out infinite lock-pulse}@keyframes lock-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.paywall-title{color:#171717;letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.paywall-desc{color:#6b7280;margin:0 0 2rem;font-size:1rem;line-height:1.6}.paywall-actions{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.paywall-btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.paywall-btn--primary{color:#fff;background:linear-gradient(135deg,#005bff,#0047cc);box-shadow:0 4px 20px #005bff4d}.paywall-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #005bff66}.paywall-btn--secondary{color:#171717;background:#0000000f;border:1px solid #00000014}.paywall-btn--secondary:hover{background:#00000014;border-color:#fff3}.paywall-link{color:#005bff;font-size:.875rem;text-decoration:none;transition:color .2s}.paywall-link:hover{color:#005bff}.paywall-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.paywall-features{text-align:left;flex-direction:column;gap:.5rem;display:flex}.paywall-feature{color:#6b7280;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.error-message,.loading-message{border-radius:12px;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.error-message{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.loading-message{color:#6b7280;background:#fff;border:1px solid #0000000f}.spinner{border:3px solid #0000000f;border-top-color:#005bff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.calculator-results-section{flex-direction:column;gap:2rem;animation:.6s fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scenario-results{opacity:0;flex-direction:column;gap:2rem;transition:opacity .4s;display:flex}.scenario-results.results-visible{opacity:1}.results-top-row{grid-template-columns:1fr 320px;align-items:stretch;gap:2rem;display:grid}.verdict-section{background:#fff;border:1px solid #0000000f;border-radius:20px;align-items:flex-start;gap:1.5rem;padding:2rem;animation:.5s slideInLeft;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014}.verdict-section:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff80 50%,#0000 70%);width:100%;height:100%;animation:1.2s .4s forwards verdictShine;position:absolute;top:0;left:-100%}@keyframes verdictShine{to{left:100%}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.verdict-icon{flex-shrink:0;font-size:3rem}.verdict-content{flex:1}.verdict-title{color:#171717;letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.verdict-recommendation{color:#6b7280;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.verdict-stats{gap:2rem;display:flex}.stat{flex-direction:column;gap:.25rem;display:flex}.stat-label{color:#6b7280;font-size:.875rem}.stat-value{font-family:var(--font-display);color:#171717;font-size:1.5rem;font-weight:700}.gauge-container{background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;box-shadow:0 8px 32px #00000014}.gauge-title{color:#6b7280;margin-bottom:1rem;font-size:.9375rem;font-weight:600}.scenarios-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.scenarios-title{color:#171717;letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.scenarios-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.scenario-result-card{background:#fff;border:1px solid #0000000f;border-radius:16px;padding:1.5rem;transition:all .3s;animation:.5s both fadeInUp}.scenario-result-card:first-child{animation-delay:.1s}.scenario-result-card:nth-child(2){animation-delay:.2s}.scenario-result-card:nth-child(3){animation-delay:.3s}.scenario-result-card:nth-child(4){animation-delay:.4s}.scenario-result-card:hover{border-color:#005bff4d;transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.scenario-result-card.best{border-color:#22c55e4d;box-shadow:0 0 30px #22c55e14}.scenario-result-card.worst{border-color:#ef444426}.scenario-name{color:#6b7280;margin-bottom:.75rem;font-size:.8125rem;font-weight:600}.scenario-result-profit{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.scenario-result-profit.profit-positive{color:#22c55e;text-shadow:none}.scenario-result-profit.profit-negative{color:#ef4444;text-shadow:none}.scenario-result-profit.profit-warning{color:#f59e0b;text-shadow:none}.scenario-result-margin{color:#6b7280;font-size:.875rem}.donut-container{background:#fff;border:1px solid #0000000f;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #00000014}.donut-title{color:#171717;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.comparison-section{background:#fff;border:1px solid #0000000f;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #00000014}.comparison-title{color:#171717;margin-bottom:1.5rem;font-size:1.125rem;font-weight:600}.comparison-bars{flex-direction:column;gap:1rem;display:flex}.comparison-bar-row{grid-template-columns:100px 1fr 80px;align-items:center;gap:1rem;display:grid}.comparison-bar-label{color:#6b7280;font-size:.8125rem;font-weight:500}.comparison-bar-value{font-family:var(--font-display);text-align:right;color:#171717;font-size:1rem;font-weight:600}.cat-search-container{width:100%;position:relative}.cat-search-input-wrapper{align-items:center;display:flex;position:relative}.cat-search-icon{color:#9ca3af;pointer-events:none;z-index:1;position:absolute;right:.75rem}.cat-search-input{color:#171717;background:#00000008;border:1px solid #0000000f;border-radius:10px;outline:none;width:100%;padding:.75rem 2.5rem .75rem .75rem;font-size:.875rem;transition:all .2s}.cat-search-input::placeholder{color:#9ca3af}.cat-search-input:focus{background:#0000000f;border-color:#005bff80;box-shadow:0 0 0 3px #005bff1a}.cat-search-input.error{border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.cat-search-spinner{border:2px solid #00000014;border-top-color:#005bff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;position:absolute;right:.75rem}.cat-search-dropdown{z-index:100;background:#fff;border:1px solid #005bff33;border-radius:12px;max-height:320px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #0000001f,0 0 20px #005bff0d}.cat-search-dropdown::-webkit-scrollbar{width:6px}.cat-search-dropdown::-webkit-scrollbar-track{background:0 0}.cat-search-dropdown::-webkit-scrollbar-thumb{background:#005bff4d;border-radius:3px}.cat-search-dropdown::-webkit-scrollbar-thumb:hover{background:#005bff80}.cat-search-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;transition:all .15s;display:flex}.cat-search-item:hover,.cat-search-item--active{background:#005bff1a}.cat-search-item-name{color:#171717;text-overflow:ellipsis;flex:1;min-width:0;font-size:.8125rem;line-height:1.4;overflow:hidden}.cat-search-item-rate{color:#005bff;white-space:nowrap;background:#005bff1a;border:1px solid #005bff26;border-radius:20px;flex-shrink:0;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.cat-search-highlight{color:#b45309;background:#facc1540;border-radius:2px;padding:0 1px}.cat-search-empty,.cat-search-hint{text-align:center;color:#9ca3af;padding:1.25rem;font-size:.8125rem}.cat-search-selected{background:#005bff14;border:1px solid #005bff33;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex}.cat-search-selected-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}.cat-search-selected-name{color:#171717;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.cat-search-selected-rate{color:#005bff;font-size:.75rem}.cat-search-clear{color:#6b7280;cursor:pointer;background:#0000000f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.cat-search-clear:hover{color:#f87171;background:#ef444426}.results-divider{align-items:center;gap:1.5rem;margin:2.5rem 0 2rem;display:flex}.results-divider-line{background:linear-gradient(90deg,#0000,#005bff4d,#0000);flex:1;height:1px}.results-divider-text{color:#6b7280;white-space:nowrap;font-size:.8125rem;font-weight:600}.comparison-chart-card{background:#fff;border:1px solid #0000000f;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #00000014}.chart-title{color:#171717;margin:0 0 1.5rem;font-size:1.125rem;font-weight:600}.comparison-row{border-bottom:1px solid #00000008;grid-template-columns:200px 1fr 100px 100px;align-items:center;gap:1rem;padding:.5rem 0;animation:.5s both fadeInUp;display:grid}.comparison-row:last-child{border-bottom:none}.comparison-label{color:#6b7280;align-items:center;gap:.5rem;min-width:140px;font-size:.875rem;font-weight:500;display:flex}.comparison-label>div{flex-direction:column;gap:1px;display:flex}.comparison-subtitle{color:#6b7280;font-size:.7rem;font-weight:400;display:block}.comparison-icon{font-size:1.125rem}.comparison-bar-track{background:#00000008;border-radius:8px;height:32px;overflow:hidden}.comparison-bar-fill{border-radius:8px;min-width:4px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.comparison-bar-fill.bar-positive{box-shadow:0 0 12px #22c55e26}.comparison-bar-fill.bar-negative{box-shadow:0 0 12px #ef444426}.comparison-value-group{flex-direction:column;align-items:flex-end;gap:0;min-width:90px;display:flex}.comparison-value-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;font-size:.65rem}.comparison-value{font-family:var(--font-display);text-align:right;font-size:1rem;font-weight:600}.comparison-value.positive{color:#22c55e}.comparison-value.negative{color:#ef4444}.scenario-subtitle{color:#94a3b8;margin-top:2px;font-size:.7rem;font-weight:400;display:block}.comparison-margin-group{flex-direction:column;align-items:flex-end;gap:0;min-width:80px;display:flex}.comparison-margin-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;font-size:.65rem}.comparison-margin{color:#1e293b;text-align:right;font-size:.85rem;font-weight:600}.results-bottom-row{flex-direction:column;align-items:stretch;gap:2rem;display:flex}.cost-donut-card{background:#fff;border:1px solid #0000000f;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #00000014}.donut-layout{align-items:center;gap:1.5rem;display:flex}.donut-chart-wrap{width:180px;min-width:180px;height:180px;position:relative}.donut-svg{width:100%;height:100%}.donut-center{text-align:center;pointer-events:none;flex-direction:column;gap:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-label{color:#6b7280;font-size:.6875rem;font-weight:600}.donut-center-value{font-family:var(--font-display);color:#171717;font-size:1.125rem;font-weight:700}.donut-center-pct{color:#6b7280;font-size:.75rem;font-weight:500}.donut-legend{flex-direction:column;flex:1;gap:.375rem;min-width:0;display:flex}.chart-subtitle{color:#94a3b8;margin:-.5rem 0 1rem;font-size:.75rem;font-weight:500}.cost-breakdown-table{flex-direction:column;gap:0;display:flex}.cost-breakdown-revenue{background:linear-gradient(135deg,#005bff0f,#6366f10a);border:1px solid #005bff1a;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.cost-breakdown-revenue-label{color:#005bff;font-size:.875rem;font-weight:700}.cost-breakdown-revenue-values{align-items:baseline;gap:.75rem;display:flex}.cost-breakdown-revenue-amount{font-family:var(--font-display);color:#005bff;font-size:1rem;font-weight:700}.cost-breakdown-revenue-pct{color:#6366f1;text-align:right;min-width:44px;font-size:.75rem;font-weight:600}.cost-group{margin-bottom:.25rem}.cost-group-header{cursor:pointer;background:#00000005;border:1px solid #0000000a;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;font-size:.8125rem;transition:all .2s;display:flex}.cost-group-header:hover{background:#0000000a}.cost-group-left{align-items:center;gap:.5rem;display:flex}.cost-group-icon{font-size:.875rem}.cost-group-title{color:#334155;font-size:.8125rem;font-weight:600}.cost-group-count{color:#64748b;background:#0000000f;border-radius:99px;padding:0 6px;font-size:.6875rem;font-weight:600}.cost-group-right{align-items:center;gap:.5rem;display:flex}.cost-group-total{font-family:var(--font-display);color:#1e293b;font-size:.8125rem;font-weight:700}.cost-group-pct{color:#94a3b8;text-align:right;min-width:44px;font-size:.75rem;font-weight:500}.cost-group-chevron{color:#94a3b8;flex-shrink:0;transition:transform .25s}.cost-group-chevron.rotated{transform:rotate(180deg)}.cost-group-items{padding:.25rem 0 .25rem .5rem;animation:.2s slideDown}.cost-breakdown-row{cursor:pointer;border-left:3px solid #0000;border-radius:8px;align-items:flex-start;gap:.625rem;padding:.4rem .5rem;transition:background .15s;display:flex}.cost-breakdown-row:hover,.cost-breakdown-row--active{background:#005bff0a}.cost-breakdown-dot{border-radius:3px;flex-shrink:0;width:8px;height:8px;margin-top:5px}.cost-breakdown-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.cost-breakdown-label{color:#1e293b;font-size:.8rem;font-weight:600}.cost-breakdown-desc{color:#94a3b8;font-size:.68rem;line-height:1.3}.cost-breakdown-values{flex-shrink:0;align-items:baseline;gap:.5rem;display:flex}.cost-breakdown-amount{font-family:var(--font-display);color:#0f172a;white-space:nowrap;font-size:.8125rem;font-weight:700}.cost-breakdown-pct{color:#94a3b8;text-align:right;white-space:nowrap;min-width:44px;font-size:.75rem;font-weight:500}.cost-breakdown-subtotal{color:#475569;border-top:2px dashed #00000014;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:600;display:flex}.cost-breakdown-subtotal-values{align-items:baseline;gap:.5rem;display:flex}.cost-breakdown-subtotal-amount{font-family:var(--font-display);color:#1e293b;font-size:.875rem;font-weight:700}.cost-breakdown-subtotal-pct{color:#94a3b8;text-align:right;min-width:44px;font-size:.75rem;font-weight:500}.cost-breakdown-profit{border-radius:12px;justify-content:space-between;align-items:center;margin-top:.375rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.cost-breakdown-profit.positive{background:linear-gradient(135deg,#22c55e14,#10b9810a);border:1px solid #22c55e26}.cost-breakdown-profit.negative{background:linear-gradient(135deg,#ef444414,#dc26260a);border:1px solid #ef444426}.cost-breakdown-profit-label{color:inherit;font-weight:700}.cost-breakdown-profit.positive .cost-breakdown-profit-label{color:#16a34a}.cost-breakdown-profit.negative .cost-breakdown-profit-label{color:#dc2626}.cost-breakdown-profit-values{align-items:baseline;gap:.5rem;display:flex}.cost-breakdown-profit-amount{font-family:var(--font-display);font-size:1rem;font-weight:800}.cost-breakdown-profit.positive .cost-breakdown-profit-amount{color:#16a34a}.cost-breakdown-profit.negative .cost-breakdown-profit-amount{color:#dc2626}.cost-breakdown-profit-pct{text-align:right;min-width:44px;font-size:.8125rem;font-weight:600}.cost-breakdown-profit.positive .cost-breakdown-profit-pct{color:#22c55e}.cost-breakdown-profit.negative .cost-breakdown-profit-pct{color:#ef4444}@media (max-width:768px){.donut-layout{flex-direction:column!important;align-items:center!important}.donut-chart-wrap{width:160px!important;min-width:160px!important;height:160px!important}.cost-breakdown-desc{display:none}}.legend-item{cursor:pointer;border-radius:6px;grid-template-columns:10px 1fr auto auto;align-items:center;gap:.5rem;padding:.25rem .5rem;transition:background .2s;display:grid}.legend-item:hover,.legend-item--active{background:#00000008}.legend-color{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-label{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.legend-value{font-family:var(--font-display);color:#171717;text-align:right;font-size:.8125rem;font-weight:600}.legend-pct{color:#9ca3af;text-align:right;min-width:28px;font-size:.6875rem}.scenarios-detail{flex-direction:column;gap:1rem;display:flex}.copy-results-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:99px;align-self:flex-end;align-items:center;gap:.375rem;margin-top:-.5rem;padding:.4rem .875rem;font-size:.75rem;font-weight:500;transition:all .25s;display:inline-flex}.copy-results-btn:hover{color:#005bff;background:#005bff0a;border-color:#005bff}.copy-results-btn--copied{color:#22c55e;background:#22c55e0f;border-color:#22c55e}.scenarios-detail .scenarios-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.scenario-card{background:#fff;border:1px solid #0000000f;border-left:3px solid;border-radius:16px;padding:1.25rem;transition:all .3s;animation:.5s both fadeInUp}.scenario-card:hover{border-color:#0000001a;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.scenario-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.scenario-icon{font-size:1.25rem}.scenario-card .scenario-name{color:#6b7280;margin:0;font-size:.8125rem;font-weight:600}.scenario-profit{align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.profit-value{font-family:var(--font-display);font-size:1.375rem;font-weight:700}.profit-value.positive{color:#22c55e;text-shadow:none}.profit-value.negative{color:#ef4444;text-shadow:none}.profit-margin{color:#6b7280;font-size:.8125rem}.scenario-details{flex-direction:column;gap:.375rem;margin-bottom:.75rem;display:flex}.detail-row{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.detail-label{color:#6b7280}.detail-value{color:#171717;align-items:center;gap:.35rem;font-weight:500;display:flex}.detail-pct{color:#94a3b8;background:#0000000a;border-radius:4px;padding:1px 5px;font-size:.7rem;font-weight:600}.local-badge{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;align-items:center;margin-top:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.cost-breakdown{border-top:1px solid #0000000f;padding-top:.5rem}.cost-breakdown summary{color:#005bff;cursor:pointer;padding:.375rem 0;font-size:.75rem;font-weight:600;list-style:none;transition:color .2s}.cost-breakdown summary:before{content:"▸ ";transition:transform .2s}.cost-breakdown[open] summary:before{content:"▾ "}.cost-breakdown summary:hover{color:#005bff}.breakdown-content{flex-direction:column;gap:.75rem;padding:.5rem 0;display:flex}.breakdown-section h4{color:#9ca3af;margin:0 0 .375rem;font-size:.6875rem;font-weight:600}.breakdown-item{color:#6b7280;justify-content:space-between;padding:.125rem 0;font-size:.75rem;display:flex}.breakdown-item span:last-child{color:#171717;font-weight:500}.breakdown-val-group{align-items:center;gap:.35rem;display:flex}.breakdown-pct{color:#94a3b8;background:#0000000a;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:600}.breakdown-total{border-top:1px solid #0000000f;padding-top:.5rem}.breakdown-total .breakdown-item{font-weight:600}.profit-item span.positive{color:#22c55e}.profit-item span.negative{color:#ef4444}.gauge-verdict{justify-content:center;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.gauge-emoji{font-size:1.25rem}.gauge-verdict-text{font-size:1rem;font-weight:600}.gauge-verdict.excellent .gauge-verdict-text{color:#22c55e}.gauge-verdict.good .gauge-verdict-text{color:#84cc16}.gauge-verdict.acceptable .gauge-verdict-text{color:#f59e0b}.gauge-verdict.poor .gauge-verdict-text{color:#ef4444}.gauge-values{border-top:1px solid #0000000f;justify-content:center;align-items:center;gap:1.5rem;margin-top:.75rem;padding-top:.75rem;display:flex}.gauge-metric{flex-direction:column;align-items:center;gap:.25rem;display:flex}.gauge-metric-label{color:#6b7280;font-size:.6875rem;font-weight:600}.gauge-metric-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.gauge-metric-value.positive{color:#22c55e}.gauge-metric-value.negative{color:#ef4444}.gauge-divider{background:#0000000f;width:1px;height:32px}.save-to-history-section{border-top:1px solid #0000000f;justify-content:center;margin-top:2rem;padding-top:1.5rem;padding-bottom:5rem;animation:.5s both fadeInUp;display:flex}.save-to-history-btn{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#005bff,#3b82f6);border:none;border-radius:14px;align-items:center;gap:.625rem;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 4px 16px #005bff33}.save-to-history-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #005bff4d}.save-to-history-btn:active{transform:translateY(0);box-shadow:0 2px 8px #005bff26}.save-to-history-btn svg{flex-shrink:0}.save-to-history-done{color:#16a34a;background:#22c55e14;border:1px solid #22c55e33;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;animation:.3s both fadeInUp;display:flex}.save-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s saveModalFadeIn;display:flex;position:fixed;inset:0}@keyframes saveModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes saveModalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.save-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;animation:.3s saveModalSlideUp;overflow:hidden;box-shadow:0 24px 80px #0003,0 0 0 1px #0000000d}.save-modal-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.save-modal-header h3{color:#171717;letter-spacing:-.02em;margin:0;font-size:1.125rem;font-weight:700}.save-modal-close{color:#6b7280;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;line-height:1;transition:all .2s;display:flex}.save-modal-close:hover{color:#ef4444;background:#ef44441a}.save-modal-type-badge{color:#005bff;background:#005bff0f;border:1px solid #005bff1f;border-radius:20px;margin:1rem 1.5rem 0;padding:.3rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.save-modal-tooltip{color:#6b7280;background:linear-gradient(135deg,#facc150f,#f59e0b0f);border:1px solid #facc1533;border-radius:12px;align-items:flex-start;gap:.625rem;margin:1rem 1.5rem 0;padding:.75rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}.save-modal-tooltip-icon{flex-shrink:0;margin-top:1px;font-size:1rem}.save-modal-tooltip strong{color:#005bff}.save-modal-tabs{background:#0000000a;border-radius:12px;gap:.25rem;margin:1rem 1.5rem 0;padding:.25rem;display:flex}.save-modal-tab{color:#9ca3af;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:10px;flex:1;padding:.625rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s}.save-modal-tab:hover{color:#6b7280}.save-modal-tab.active{color:#171717;background:#fff;box-shadow:0 1px 4px #00000014}.save-modal-body{flex-direction:column;gap:.875rem;padding:1rem 1.5rem;display:flex}.save-modal-field{flex-direction:column;gap:.375rem;display:flex}.save-modal-field label{color:#171717;font-size:.8125rem;font-weight:600}.save-modal-field label .required{color:#ef4444}.save-modal-field label .optional{color:#9ca3af;font-size:.75rem;font-weight:400}.save-modal-field input,.save-modal-field textarea{color:#171717;resize:vertical;background:#f8f7f4;border:1px solid #00000014;border-radius:12px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.save-modal-field input:focus,.save-modal-field textarea:focus{background:#fff;border-color:#005bff;box-shadow:0 0 0 3px #005bff1a}.save-modal-field input::placeholder,.save-modal-field textarea::placeholder{color:#9ca3af}.save-modal-hint{color:#9ca3af;font-size:.75rem;line-height:1.4}.save-modal-products-list{flex-direction:column;gap:.375rem;max-height:200px;padding:.25rem;display:flex;overflow-y:auto}.save-modal-products-list::-webkit-scrollbar{width:4px}.save-modal-products-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.save-modal-product-item{cursor:pointer;text-align:left;background:#f8f7f4;border:2px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;transition:all .2s;display:flex}.save-modal-product-item:hover{background:#005bff0a;border-color:#005bff26}.save-modal-product-item.selected{background:#005bff0f;border-color:#005bff}.save-modal-product-name{color:#171717;flex:1;align-items:center;gap:.5rem;min-width:0;font-size:.875rem;font-weight:500;display:flex}.save-modal-product-sku{color:#9ca3af;background:#0000000a;border-radius:6px;padding:.125rem .5rem;font-size:.75rem;font-weight:400}.save-modal-product-count{color:#9ca3af;flex-shrink:0;font-size:.75rem;font-weight:500}.save-modal-error{color:#ef4444;background:#ef44440f;border:1px solid #ef444433;border-radius:10px;margin:0 1.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.save-modal-footer{border-top:1px solid #0000000f;gap:.75rem;padding:1rem 1.5rem 1.25rem;display:flex}.save-modal-cancel{color:#6b7280;cursor:pointer;background:#0000000a;border:1px solid #00000014;border-radius:12px;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;font-weight:500;transition:all .2s}.save-modal-cancel:hover{color:#171717;background:#00000014}.save-modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#005bff,#3b82f6);border:none;border-radius:12px;flex:2;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #005bff33}.save-modal-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #005bff4d}.save-modal-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-modal-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;animation:.3s saveModalSlideUp;display:flex}.save-modal-success-icon{margin-bottom:.5rem;font-size:2.5rem}.save-modal-success p{color:#171717;margin:0;font-size:1.125rem;font-weight:600}.save-modal-success-hint{color:#6b7280!important;font-size:.875rem!important;font-weight:400!important}@media (max-width:1024px){.calculator-two-col{grid-template-columns:1fr}.calculator-preview-section{position:static}.results-top-row,.results-bottom-row{grid-template-columns:1fr}.scenarios-grid{grid-template-columns:repeat(2,1fr)}.comparison-row{grid-template-columns:120px 1fr 90px 50px}}@media (max-width:768px){.calculator-main{padding:1rem 1rem 2rem}.calculator-form-section{border-radius:16px;padding:1.25rem}.form-row{grid-template-columns:1fr}.form-row-4{grid-template-columns:repeat(2,1fr)}.scenarios-grid,.scenarios-detail .scenarios-grid{grid-template-columns:1fr}.donut-layout{flex-direction:column}.donut-chart-wrap{width:160px;min-width:160px;height:160px}.comparison-row{grid-template-columns:100px 1fr 80px}.comparison-margin-group,.comparison-value-group{display:none}.waterfall-row{grid-template-columns:90px 1fr 60px}.paywall-card{padding:2rem 1.5rem}.paywall-title{font-size:1.5rem}.comparison-bar-row{grid-template-columns:80px 1fr 60px}}@media (max-width:480px){.calculator-main{padding:.75rem .75rem 1.5rem}.calculator-form-section{border-radius:12px;padding:1rem}.form-row,.form-row-4{grid-template-columns:1fr}.donut-chart-wrap{width:130px;min-width:130px;height:130px}.comparison-row{grid-template-columns:1fr;gap:.25rem}.comparison-label{min-width:auto}.comparison-value,.comparison-margin-group{display:none}.gauge-values{flex-direction:column;gap:.75rem}.gauge-divider{width:40px;height:1px}.scenario-card{padding:1rem}.profit-value{font-size:1.125rem}.paywall-card{padding:1.5rem 1rem}.paywall-title{font-size:1.25rem}.cat-search-dropdown{max-height:240px}.results-bottom-row{gap:1rem}.onboarding-steps{flex-direction:column;gap:.5rem;padding:.75rem}.onboarding-step-arrow{display:none}.sticky-submit-wrapper{left:.5rem;right:.5rem}}
