:root{color:#f6faf7;background:linear-gradient(135deg,#062f20,#0a4a31 45%,#dc6d10);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh}.dashboard-shell{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem;display:grid;gap:1.25rem}.hero-card,.panel{background:#031911ad;border:1px solid rgba(250,180,95,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:1.2rem;box-shadow:0 12px 40px #00000047}.hero-card{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.badge{display:inline-flex;padding:.25rem .7rem;border-radius:999px;background:#f88f2833;color:#ffc78a;border:1px solid rgba(248,143,40,.6);margin-bottom:.5rem}.kpi-grid{display:grid;gap:.6rem}.kpi-grid article{background:#ffffff0a;border-radius:14px;padding:.8rem}.kpi-grid h3{margin:0;font-size:.85rem;color:#a0d9bf}.kpi-grid strong{font-size:1.35rem;color:#ffb469}.panel-grid{display:grid;gap:1rem;grid-template-columns:1.4fr 1fr}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}h1,h2,h3,p{margin-top:0}input,textarea,select,button{width:100%;border-radius:10px;border:1px solid rgba(248,143,40,.35);background:#06281be6;color:#ebf8f1;padding:.62rem .7rem;margin-bottom:.75rem}.mode-toggle{display:inline-flex;gap:.35rem}.mode-toggle button{width:auto;margin:0;padding:.35rem .65rem}.mode-toggle .active{background:linear-gradient(90deg,#17844e,#db7a20);border-color:transparent}.submit-btn{background:linear-gradient(90deg,#17844e,#db7a20);border:none;font-weight:700}.ring-wrap{display:flex;justify-content:center;padding:.8rem 0 1.2rem}.ring{--accent: #f59e0b;width:160px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:2rem;font-weight:800;color:var(--accent);background:radial-gradient(circle at center,#072417 51%,transparent 52%),conic-gradient(var(--accent),#17553a,#c96f16,var(--accent));animation:rotateSlow 4s linear infinite}.bars{display:grid;gap:.5rem}.track{background:#ffffff1a;height:10px;border-radius:999px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#1db56a,#f59e0b);animation:widen .9s ease}.result-panel ul{padding-left:1.1rem}.floaty{animation:floatIn .9s ease}.pop-in{animation:popIn .6s ease}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes widen{0%{width:0}}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)}}@keyframes popIn{0%{opacity:0;transform:scale(.98)}}@media(max-width:900px){.hero-card,.panel-grid{grid-template-columns:1fr}}