.calculator-container{max-width:1400px;margin:0 auto;padding:20px}.calculator-header{text-align:center;margin-bottom:40px;color:#2c3e50}.calculator-header h1{font-size:2.5rem;margin-bottom:10px;font-weight:700}.subtitle{font-size:1.1rem;color:#7f8c8d}.calculator-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 1200px){.calculator-content{grid-template-columns:1fr}}.calculator-inputs{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a}.input-section{margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #ecf0f1}.input-section:last-of-type{border-bottom:none}.input-section h2{font-size:1.5rem;margin-bottom:20px;color:#34495e;font-weight:600}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500;color:#555;font-size:.95rem}.input-group input,.input-group select{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s}.input-group input:focus,.input-group select:focus{outline:none;border-color:#3498db}.input-group input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input-group input[type=number]::-webkit-outer-spin-button,.input-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.button-group{display:flex;gap:15px;margin-top:30px}.btn{flex:1;padding:15px 30px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d;transform:translateY(-2px)}.calculator-results{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.calculator-results h2{font-size:1.8rem;margin-bottom:25px;color:#2c3e50;text-align:center;font-weight:700}.result-section{margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.result-section.final{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-left:none}.result-section.final h3{color:#fff}.result-section h3{font-size:1.2rem;margin-bottom:15px;color:#2c3e50;font-weight:600}.result-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:1.1rem}.result-row.total{border-top:2px solid #ddd;margin-top:10px;padding-top:15px;font-weight:700;font-size:1.2rem}.result-section.final .result-row.total{border-top:2px solid rgba(255,255,255,.3)}.result-row .large{font-size:1.5rem;font-weight:700}.result-detail{padding:8px 0;font-size:.95rem;color:#555;display:flex;justify-content:space-between}.result-section.final .result-detail{color:#ffffffe6}@media (max-width: 768px){.calculator-container{padding:10px}.calculator-header h1{font-size:1.8rem}.calculator-inputs,.calculator-results{padding:20px}.button-group{flex-direction:column}.result-row{flex-direction:column;align-items:flex-start;gap:5px}}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}