:root{color:#102033;background:#eef4f8;font-family:Inter,system-ui,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.loginPage{background:radial-gradient(circle at top,#c6f6d5,#eef4f8 45%,#dbeafe);place-items:center;min-height:100vh;display:grid}.loginCard{background:#fff;border-radius:28px;width:min(520px,92vw);padding:34px;box-shadow:0 24px 80px #1232}.logo,.brand{color:#047857;align-items:center;gap:10px;font-weight:900;display:flex}.loginCard h1{margin:20px 0 10px;font-size:34px}.loginCard p{color:#64748b;line-height:1.8}.form{gap:14px;display:grid}.form label{gap:7px;font-weight:700;display:grid}.form input,.form select{background:#f8fafc;border:1px solid #d7e2ea;border-radius:14px;padding:13px}button{color:#fff;cursor:pointer;background:#047857;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:800;display:inline-flex}button.ghost,.tabs button{color:#075b45;background:#e8f3ef}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.tabs .active{color:#fff;background:#047857}.error{color:#991b1b;background:#fee2e2;border-radius:12px;padding:10px}.app{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#0f172a;height:100vh;padding:25px;position:sticky;top:0}.brand{color:#fff;margin-bottom:35px;font-size:22px}nav{gap:12px;display:grid}nav button{color:#dbeafe;background:#ffffff12;border-radius:14px;justify-content:flex-start;width:100%;padding:13px 15px;font-size:15px}nav button:hover,nav button.active{color:#fff;background:#047857}.content{gap:20px;padding:25px;display:grid}header{background:#fff;border-radius:24px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 10px 30px #1231}header h2{margin:0}header p{color:#64748b;margin:5px 0 0}.actions{gap:10px;display:flex}.grid{gap:18px;display:grid}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1fr 1fr}.kpi,.panel,.quest{background:#fff;border-radius:24px;padding:20px;box-shadow:0 10px 30px #1231}.kpi{justify-content:space-between;align-items:center;display:flex}.kpi span,.kpi small{color:#64748b;display:block}.kpi strong{margin:8px 0;font-size:26px;display:block}.kpi svg{color:#047857;width:34px;height:34px}.panel h3{align-items:center;gap:8px;margin-top:0;display:flex}.rank,.item,.task{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.rank span,.item span,.task span{color:#64748b;display:block}.rank em{color:#047857;font-style:normal;font-weight:900}.quest{color:#fff;background:linear-gradient(135deg,#064e3b,#047857);grid-template-columns:1.2fr 1fr .9fr;align-items:center;gap:18px;display:grid}.quest p{color:#d1fae5}.xp div{background:#fff3;border-radius:999px;height:12px;margin:7px 0;overflow:hidden}.xp i{background:#fff;border-radius:999px;height:100%;display:block}.badges{flex-wrap:wrap;gap:8px;display:flex}.badges span{background:#fff2;border-radius:999px;padding:8px 10px}.gridForm{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1/-1}.toast{color:#166534;background:#dcfce7;border-radius:12px;padding:12px;font-weight:800}@media (width<=950px){.app{grid-template-columns:1fr}aside{height:auto;position:static}.kpis,.two,.quest,.gridForm{grid-template-columns:1fr}}