:root{--primary-color: #007bff;--primary-hover: #0056b3;--secondary-color: #6c757d;--background-color: #f8f9fa;--surface-color: #ffffff;--text-color: #212529;--border-color: #dee2e6;--danger-color: #dc3545;--danger-hover: #c82333;--font-family: "Roboto", sans-serif;--border-radius: .25rem;--box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.5;padding:2rem}#root{max-width:900px;margin:0 auto;background-color:var(--surface-color);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}h1{text-align:center;margin-bottom:2rem;color:var(--primary-color)}form{display:flex;flex-direction:column;gap:1.5rem}fieldset{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem}legend{font-weight:500;font-size:1.2rem;padding:0 .5rem;color:var(--primary-color)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.form-group{display:flex;flex-direction:column}label{margin-bottom:.5rem;font-weight:500;font-size:.9rem}input,select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;background-color:#fff}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #007bff40}input[readOnly]{background-color:#e9ecef;cursor:default;border-color:#ced4da}input[readOnly]:focus{box-shadow:none;border-color:#ced4da}.calculated-list .list-header{display:grid;gap:1rem;padding:0 .75rem .5rem;font-weight:500;color:var(--secondary-color);font-size:.8rem;text-transform:uppercase;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}.calculated-list .list-item{display:grid;gap:1rem;align-items:center;margin-bottom:.5rem}.calculated-list .list-header,.calculated-list .list-item{grid-template-columns:2fr 1fr 1fr 1.5fr}.calculated-list .list-header.op-cost,.calculated-list .list-item.op-cost{grid-template-columns:2fr 1.5fr}.text-right{text-align:right}.strong{font-weight:500}.total-cost{margin-top:2rem;padding:2rem;background-color:#343a40;border-radius:var(--border-radius);text-align:center}.total-cost h2{margin-bottom:1rem;font-weight:300;text-transform:uppercase;letter-spacing:1px;color:#f8f9fa}.total-cost .grand-total{font-size:2.5rem;font-weight:700;color:gold}.total-cost-footer{margin-top:1.5rem;border-top:1px solid #495057;padding-top:1.5rem}.cost-details{display:flex;justify-content:space-around;color:#dee2e6;font-size:1rem;margin-bottom:1rem}.cost-details strong{color:#f8f9fa}.disclaimer{font-size:9px;color:red;font-style:italic}@media (max-width: 768px){.form-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){body,#root{padding:1rem}.form-grid{grid-template-columns:1fr}}