html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:#172033;background:#f4f7fb;font-family:Arial,Helvetica,sans-serif}button,input,select{font-family:inherit}*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Arial,sans-serif}.app{min-height:100vh}.header{color:#fff;background:#0078d4;padding:35px 8%}.header h1{margin:0;font-size:34px}.header p{opacity:.9;margin-top:10px}.container{width:90%;max-width:1000px;margin:40px auto}.card,.result-card,.error-card{background:#fff;border-radius:14px;margin-bottom:25px;padding:30px;box-shadow:0 8px 30px #00000014}.card h2,.result-card h2{margin-top:0}.subtitle{color:#667085;margin-bottom:30px}.form-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.field{flex-direction:column;display:flex}.field label{margin-bottom:8px;font-weight:600}.field input,.field select{border:1px solid #d0d5dd;border-radius:8px;padding:12px;font-size:15px}.analyze-button{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:8px;width:100%;margin-top:30px;padding:15px;font-size:17px;font-weight:700}.analyze-button:hover{background:#005ea8}.analyze-button:disabled{opacity:.7;cursor:not-allowed}.recommendation{text-align:center;background:#eef6ff;border-radius:10px;margin:20px 0;padding:25px}.recommendation span{color:#667085;margin-bottom:10px;display:block}.recommendation strong{color:#0078d4;font-size:34px}.scores{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.scores div{text-align:center;background:#f8fafc;border-radius:10px;padding:20px}.scores span{color:#667085;display:block}.scores strong{margin-top:8px;font-size:30px;display:block}.reasons{margin-top:25px}.reason{background:#f8fafc;border-radius:7px;margin-top:8px;padding:12px}.error-card{color:#b42318;background:#fff1f0}@media (width<=700px){.form-grid,.scores{grid-template-columns:1fr}.header h1{font-size:27px}}.benchmark-card{background:#fff;border-radius:14px;margin-bottom:25px;padding:30px;box-shadow:0 8px 30px #00000014}.table-container{margin-top:20px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e4e7ec;padding:15px}th{background:#f8fafc;font-weight:700}td{color:#344054}.charts-section{grid-template-columns:1fr 1fr;gap:25px;margin-top:30px;display:grid}.chart-card{background:#f8fafc;border-radius:12px;padding:20px}.chart-card h3{text-align:center;color:#172033;margin-top:0;margin-bottom:20px}@media (width<=800px){.charts-section{grid-template-columns:1fr}}.performance-summary{background:#f8fafc;border-radius:12px;margin-top:30px;padding:25px}.performance-summary h3{text-align:left;color:#172033;margin-top:0;margin-bottom:22px;font-size:24px}.summary-grid{grid-template-columns:repeat(5,1fr);gap:15px;display:grid}.summary-item{text-align:center;background:#fff;border:1px solid #e4e7ec;border-radius:10px;padding:20px 12px}.summary-item span{color:#667085;margin-bottom:12px;font-size:14px;display:block}.summary-item strong{color:#000bd4;font-size:20px;display:block}@media (width<=1000px){.summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.summary-grid{grid-template-columns:1fr}}.decision-card{background:#fff;border-radius:14px;margin-bottom:25px;padding:30px;box-shadow:0 8px 30px #0000000f}.decision-card h2{color:#172033;margin-top:0;margin-bottom:10px}.decision-description{color:#667085;margin-bottom:30px;font-size:16px;line-height:1.6}.decision-flow{align-items:stretch;gap:12px;display:flex}.flow-step{text-align:center;background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px;flex:1;padding:20px}.flow-number{color:#fff;background:#0078d4;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;margin:0 auto 12px;font-size:18px;font-weight:700;display:flex}.flow-step h3{color:#172033;margin:8px 0 10px;font-size:17px}.flow-step p{color:#667085;margin:0;font-size:14px;line-height:1.5}.flow-arrow{color:#0078d4;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.decision-note{background:#eef6ff;border-left:4px solid #0078d4;border-radius:8px;margin-top:25px;padding:18px 20px}.decision-note strong{color:#172033;margin-bottom:6px;display:block}.decision-note p{color:#475467;margin:0;line-height:1.5}@media (width<=1000px){.decision-flow{flex-wrap:wrap}.flow-step{min-width:40%}.flow-arrow{display:none}}@media (width<=600px){.flow-step{min-width:100%}}