*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex}.container{width:100%;max-width:1200px;margin:0 auto}header{text-align:center;color:#fff;margin-bottom:3rem}header h1{text-shadow:0 2px 10px #0003;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}header p{opacity:.95;font-size:1.125rem}.content{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.panel{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 20px 60px #00000026}.panel h2{color:#1a202c;border-bottom:3px solid #667eea;margin-bottom:2rem;padding-bottom:.75rem;font-size:1.5rem;font-weight:600}.input-group{margin-bottom:1.75rem}.input-group:last-of-type{margin-bottom:0}.input-group label{color:#2d3748;flex-direction:column;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:flex}.input-group input{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.input-group input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.input-group input:hover{border-color:#cbd5e0}.input-divider{text-transform:uppercase;letter-spacing:.08em;color:#a0aec0;align-items:center;margin:1.75rem 0 1.25rem;font-size:.7rem;display:flex}.input-divider:before,.input-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.input-divider span{white-space:nowrap;margin:0 .75rem}.input-group.advanced label{color:#a0aec0}.input-group.advanced .label-helper{color:#cbd5e0}.input-group.advanced input{color:#a0aec0;background:#f9fafb;border-color:#edf2f7}.input-group.advanced input:hover{border-color:#e2e8f0}.input-group.advanced input:focus{color:#2d3748;border-color:#cbd5e0;box-shadow:0 0 0 3px #cbd5e066}.quick-dates{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;margin-top:.75rem;display:grid}.quick-date-btn{color:#4a5568;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s}.quick-date-btn:hover{color:#667eea;background:#f7fafc;border-color:#667eea}.quick-date-btn.active{color:#fff;background:#667eea;border-color:#667eea;font-weight:600}.quick-date-btn:active{transform:scale(.98)}@media (max-width:480px){.quick-dates{grid-template-columns:1fr}.quick-date-btn{width:100%}}.price-row{align-items:flex-start;gap:.75rem;margin-top:.25rem;display:flex}.price-row input{flex:auto;width:auto}.input-with-action{align-items:stretch;gap:.75rem;display:flex}.input-with-action input{flex:auto}.reset-btn{color:#4a5568;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex:0 0 6.5rem;justify-content:center;align-items:center;padding:.175rem .1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.reset-btn:hover:enabled{color:#667eea;background:#f7fafc;border-color:#667eea}.reset-btn:disabled{color:#a0aec0;cursor:not-allowed;background:#f9fafb;border-color:#edf2f7}.price-adjustments{grid-template-columns:repeat(3,auto);justify-content:flex-start;gap:0 .4rem;margin-top:0;display:grid}.price-btn{color:#4a5568;cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:3rem;min-width:3rem;max-width:3rem;padding:.3rem .5rem;font-size:.7rem;font-weight:500;transition:all .2s;display:inline-flex}.price-btn.increase{border-bottom-width:1px;border-bottom-right-radius:0;border-bottom-left-radius:0}.price-btn.decrease{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.price-btn:hover{background:#f7fafc}.price-btn.decrease:hover{color:#e53e3e;border-color:#e53e3e}.price-btn.increase:hover{color:#38a169;border-color:#38a169}.price-btn:active{transform:scale(.98)}.output-group{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.output-group:last-of-type{margin-bottom:0}.output-group label{color:#2d3748;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:block}.output-value{color:#667eea;font-variant-numeric:tabular-nums;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.output-value[data-positive=true]{color:#38a169}.output-value[data-positive=false]{color:#e53e3e}.output-helper{color:#718096;font-size:.825rem}@media (max-width:768px){body{padding:1rem}header h1{font-size:2rem}header p{font-size:1rem}.content{grid-template-columns:1fr;gap:1.5rem}.panel{padding:1.5rem}.panel h2{font-size:1.25rem}.output-value{font-size:1.875rem}}.label-helper{color:#718096;margin-top:.25rem;font-size:.825rem;font-weight:400}.label-with-toggle{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.label-with-toggle label{margin-bottom:0}.date-format-toggle{color:#a0aec0;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex}.date-format-toggle span{transition:color .2s}.date-format-toggle span.active{color:#667eea;font-weight:600}