.App{text-align:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App-header{background-color:#ffffff1a;padding:2rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.App-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:300}.App-header p{margin:0;font-size:1.2rem;opacity:.9}.container{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.input-section{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0000001a;text-align:left}.input-section h2{color:#333;margin-bottom:1.5rem;font-size:1.8rem;border-bottom:2px solid #667eea;padding-bottom:.5rem}.input-group{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.input-group h3{color:#495057;margin-bottom:1rem;font-size:1.3rem}.input-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.input-row label{display:flex;flex-direction:column;font-weight:500;color:#495057}.input-row input{margin-top:.5rem;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.input-row input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.calculate-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:1rem}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.result-section{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0000001a;text-align:left}.result-section h2{color:#333;margin-bottom:1.5rem;font-size:1.8rem;border-bottom:2px solid #28a745;padding-bottom:.5rem}.result-summary{margin-bottom:2rem}.result-card{background:#f8f9fa;border-radius:15px;padding:2rem;text-align:center;border:2px solid #e9ecef}.result-card.highlight{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none}.result-card h3{margin:0 0 1rem;font-size:1.5rem;opacity:.9}.big-number{font-size:3rem;font-weight:700;margin-bottom:.5rem}.sub-text{font-size:1.1rem;opacity:.8;margin-bottom:.25rem}.result-details{margin-bottom:2rem}.result-details h3{color:#495057;margin-bottom:1rem;font-size:1.4rem}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #28a745}.detail-item span:last-child{font-weight:600;color:#28a745}.toggle-details-btn{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;transition:background-color .3s ease;margin-bottom:1rem}.toggle-details-btn:hover{background:#5a6268}.calculation-details{background:#f8f9fa;border-radius:10px;padding:2rem;margin-top:1rem}.calculation-details h3{color:#495057;margin-bottom:1.5rem;font-size:1.4rem}.calculation-section{margin-bottom:2rem}.calculation-section h4{color:#495057;margin-bottom:1rem;font-size:1.2rem;padding-bottom:.5rem;border-bottom:1px solid #dee2e6}.calculation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.calculation-grid>div{padding:.75rem;background:#fff;border-radius:6px;border-left:3px solid #667eea;font-size:.95rem}.calculation-grid .total{background:#e7f3ff;border-left-color:#007bff;font-weight:600;color:#007bff}@media (max-width: 768px){.container{padding:1rem}.input-row,.details-grid,.calculation-grid{grid-template-columns:1fr}.App-header h1{font-size:2rem}.big-number{font-size:2.5rem}}.info-box{margin:1rem 0;padding:1rem;border-radius:8px;border-left:4px solid}.info-box.warning{background-color:#fff3cd;border-left-color:#ffc107;color:#856404}.info-box h4{margin:0 0 .5rem;font-size:1.1rem}.info-box p{margin:0;font-size:.95rem}.result-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.result-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;text-align:center;border:2px solid transparent;transition:all .3s ease}.result-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.result-card.highlight{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.result-card h3{margin:0 0 1rem;font-size:1.2rem;font-weight:600}.result-card .big-number{font-size:2.5rem;font-weight:700;margin:.5rem 0}.result-card .sub-text{font-size:.9rem;opacity:.8;margin:.2rem 0}.calculation-grid .highlight{background-color:#e3f2fd;padding:.5rem;border-radius:4px;font-weight:700;border-left:3px solid #2196f3}.categories-section{margin-bottom:2rem}.category-group{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.category-group:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea1a}.category-group h4{margin:0 0 .5rem;color:#333;font-size:1.3rem;font-weight:600}.category-description{margin:0 0 1rem;color:#666;font-style:italic;font-size:.9rem}.category-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.category-inputs label{display:flex;flex-direction:column;font-weight:500;color:#555}.category-inputs input{margin-top:.5rem;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.category-inputs input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-results{margin:2rem 0}.category-result{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000d}.category-result h4{margin:0 0 1rem;color:#333;font-size:1.2rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.category-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f5f5f5}.result-item:last-child{border-bottom:none}.result-item span:first-child{font-weight:500;color:#666}.result-item span:last-child{font-weight:600;color:#333}.summary-info{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-top:2rem}.summary-info h3{margin:0 0 1rem;color:#333}.summary-info p{margin:0;color:#666;line-height:1.6}.summary-info strong{color:#333;margin-right:.5rem}@media (max-width: 768px){.category-inputs,.category-result-grid,.result-summary{grid-template-columns:1fr}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summary-item{padding:.5rem;background:#f8f9fa;border-radius:8px;text-align:center}.cost-breakdown{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:12px;border:2px solid #2196f3}.cost-breakdown h4{margin:0 0 1rem;color:#1976d2;text-align:center}.cost-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.cost-item{text-align:center;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.cost-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.cost-value{font-size:1.4rem;font-weight:700;margin-bottom:.25rem}.cost-value.primary{color:#ff9800}.cost-value.highlight{color:#4caf50;font-size:1.6rem}.cost-value-year{font-size:.85rem;color:#666}.cost-explanation{background:#fff;padding:1rem;border-radius:8px;border-left:4px solid #4caf50}.cost-explanation p{margin:0;line-height:1.5}@media (max-width: 768px){.cost-comparison{grid-template-columns:1fr;gap:1rem}.summary-grid{grid-template-columns:1fr}}.header-content{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.company-logo{height:80px;width:auto;object-fit:contain;flex-shrink:0}.header-text{text-align:center}.header-text h1{margin:0 0 .5rem;font-size:2rem;color:#fff}.header-text p{margin:0;font-size:1.1rem;color:#ffffffe6}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.company-logo{height:60px}.header-text h1{font-size:1.5rem}.header-text p{font-size:1rem}}@media (max-width: 480px){.company-logo{height:50px}.header-text h1{font-size:1.3rem}}.intro-text{background-color:#f8f9fa;border-left:4px solid #007bff;padding:20px;margin-bottom:30px;border-radius:5px}.intro-text h3{color:#007bff;margin-top:0;margin-bottom:15px}.intro-text p{margin-bottom:12px;line-height:1.6}.intro-text p:last-child{margin-bottom:0;font-weight:500;color:#495057}.details-btn{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9rem;margin-top:15px;transition:background-color .3s ease}.details-btn:hover{background-color:#5a6268}.category-details{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin-top:15px}.category-details h5{color:#495057;margin-bottom:15px;margin-top:20px;font-size:1.1rem;border-bottom:2px solid #007bff;padding-bottom:5px}.category-details h5:first-child{margin-top:0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-bottom:20px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-radius:5px;border:1px solid #e9ecef}.detail-item span:first-child{font-weight:500;color:#495057}.detail-item span:nth-child(2){font-weight:600;color:#007bff}.detail-note{font-size:.8rem;color:#6c757d;font-style:italic;margin-left:8px}