body{color:#fff;background:linear-gradient(135deg,#1e3a8a,#9333ea);margin:0;font-family:Segoe UI,sans-serif}.app{text-align:center;padding:40px}h1{margin-bottom:30px;font-size:32px}.dashboard{grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:auto;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;padding:20px;box-shadow:0 8px 30px #0000004d}input{border:none;border-radius:10px;outline:none;width:250px;max-width:100%;margin:15px auto;padding:12px;font-size:16px;display:block}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#4ade80);border:none;border-radius:10px;width:100%;padding:12px;font-weight:700;transition:all .3s}button:hover{transform:scale(1.05)}.result-card p{font-size:18px}.badge{border-radius:8px;margin-left:10px;padding:5px 10px;font-weight:700}.badge.low{background:#22c55e}.badge.medium{background:#f59e0b}.badge.high{background:#ef4444}.chart-card{grid-column:span 2}@media (width<=768px){.dashboard{grid-template-columns:1fr}.chart-card{grid-column:span 1}}