.calculator{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.calculator__title{font-size:14px;font-weight:600;color:#f1f5f9;margin:0}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;color:#cbd5e1;font-weight:500}.field__label strong{color:#f1f5f9}.field__input{background:#0f172a80;border:1px solid #334155;border-radius:6px;padding:8px 12px;color:#f1f5f9;font-size:14px;font-family:inherit;outline:none;box-shadow:0 1px 2px #0000001a;transition:border-color .2s,box-shadow .2s;width:100%}.field__input::placeholder{color:#475569}.field__input:focus{border-color:#818cf8;box-shadow:0 0 0 1px #818cf8}.field__slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#1e293b;outline:none;cursor:pointer;margin:8px 0}.field__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);cursor:pointer;border:2px solid #020617;box-shadow:0 0 8px #7c3aed66;transition:transform .15s}.field__slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.field__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);cursor:pointer;border:2px solid #020617;box-shadow:0 0 8px #7c3aed66}.field-group{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;display:flex;flex-direction:column;gap:16px}.field-group__title{font-size:12px;font-weight:600;color:#cbd5e1;margin:0}.field-group__error{color:#f87171;font-weight:500;font-size:11px}.field-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.field-row--2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.results{display:flex;flex-direction:column;gap:16px}.period-toggle{display:inline-flex;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:3px;gap:2px}.period-toggle__btn{padding:6px 16px;border-radius:6px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.period-toggle__btn:hover{color:#e2e8f0}.period-toggle__btn--active{background:#6366f133;color:#a5b4fc}.results__row{display:grid;gap:16px}.results__row--1{grid-template-columns:1fr}.results__row--3{grid-template-columns:repeat(3,1fr)}.metric{position:relative;padding:20px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0f172a99;transition:border-color .3s,transform .2s}.metric:hover{border-color:#ffffff26}.metric__icon{position:absolute;top:16px;right:16px;padding:8px;border-radius:8px;background:#ffffff0f;color:#64748b;display:flex;align-items:center;justify-content:center}.metric__icon--indigo{background:#6366f133;color:#818cf8}.metric__icon--blue{background:#3b82f633;color:#60a5fa}.metric__icon--cyan{background:#06b6d433;color:#22d3ee}.metric__icon--amber{background:#f59e0b33;color:#fbbf24}.metric__label{font-size:14px;color:#94a3b8;margin-bottom:8px;padding-right:40px;line-height:1.3}.metric__value{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.metric__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric__subtitle{font-size:12px;color:#64748b}.metric__period{font-size:11px;color:#475569;background:#ffffff0d;padding:2px 8px;border-radius:4px;white-space:nowrap}.total-card__breakdown{display:flex;align-items:center;gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.total-card__item{display:flex;flex-direction:column;gap:2px}.total-card__label{font-size:11px;color:#64748b}.total-card__val{font-size:15px;font-weight:600;color:#94a3b8}.total-card__item--total .total-card__val{color:#c7d2fe}.total-card__sep{font-size:14px;color:#475569;flex-shrink:0}.metric--indigo{background:#1e1b4b80;border-color:#6366f166}.metric--indigo .metric__value{color:#c7d2fe}.metric--blue{background:#17255480;border-color:#3b82f666}.metric--blue .metric__value{color:#bfdbfe}.metric--cyan{background:#08334480;border-color:#06b6d466}.metric--cyan .metric__value{color:#a5f3fc}.metric--amber{background:#452e0380;border-color:#f59e0b66}.metric--amber .metric__value{color:#fde68a}.metric--emerald{background:#064e3b80;border-color:#10b98166}.metric--emerald .metric__value{color:#a7f3d0}.metric__icon--emerald{background:#10b98133;color:#34d399}.metric--rose{background:#4c051980;border-color:#f43f5e66}.metric--rose .metric__value{color:#fecdd3}.metric__icon--rose{background:#f43f5e33;color:#fb7185}@media(max-width:860px){.results__row--3{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden;color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#020617;color:#e2e8f0;-webkit-font-smoothing:antialiased}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in-up{opacity:0;animation:fadeInUp .6s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.app{max-width:1280px;margin:0 auto;padding:24px 32px;height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{position:relative;text-align:left;padding-top:24px;margin-bottom:40px;flex-shrink:0}.header__row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px}.header__orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.header__orb--1{top:-120px;left:25%;width:384px;height:384px;background:#3b82f633}.header__orb--2{top:-40px;right:25%;width:320px;height:320px;background:#10b9811a}.header__title{font-size:32px;font-weight:800;letter-spacing:-.025em;line-height:1.1;white-space:nowrap}.header__title-white{background:linear-gradient(to right,#fff,#e2e8f0,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__title-accent{background:linear-gradient(to right,#60a5fa,#34d399,#60a5fa);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s ease-out forwards,gradientMove 4s ease infinite}.scenarios{display:flex;gap:8px;flex-shrink:0}.scenarios__btn{padding:8px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0f172a99;color:#94a3b8;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.scenarios__btn:hover{border-color:#fff3;color:#e2e8f0}.scenarios__btn--active{background:linear-gradient(135deg,#6366f140,#7c3aed40);border-color:#6366f180;color:#a5b4fc}.layout{display:grid;grid-template-columns:360px 1fr;gap:16px;flex:1;min-height:0}.layout__sidebar{overflow-y:auto;min-height:0}.layout__sidebar::-webkit-scrollbar{width:0}.layout__content{min-height:0;overflow-y:auto}.layout__content::-webkit-scrollbar{width:0}@media(max-width:860px){html,body,#root{overflow:auto;height:auto}.app{padding:16px;height:auto;overflow:visible}.header{margin-bottom:24px}.header__row{flex-direction:column;align-items:flex-start;gap:12px}.header__title{font-size:24px;white-space:normal}.header__orb--1,.header__orb--2{width:256px;height:256px}.scenarios{flex-wrap:wrap}.layout{grid-template-columns:1fr}}