:root{--brand-900:#064e3b;--brand-800:#0b5a3e;--brand-700:#0f766e;--surface:#fff;--bg:#f5f6f7;--text:#0f172a;--muted:#475569;--border:#e2e8f0;--shadow:0 10px 30px #02061714;--radius:12px}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial}a{color:inherit;text-decoration:none}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{background:var(--brand-900);color:#ecfeff;flex-direction:column;width:264px;display:flex}.brand{align-items:center;gap:10px;padding:16px 18px;font-size:18px;font-weight:800;display:flex}.brand .logo{width:28px;height:28px;color:var(--brand-900);background:#eafff7;border-radius:999px;place-items:center;font-weight:900;display:grid}.nav{padding:8px}.nav a{color:#e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav a .ico{opacity:.9;width:18px;height:18px}.nav a:hover{background:#ffffff14}.nav a.active{color:#fff;background:#ffffff1f}.main{flex:1;padding:24px}.topbar{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:18px;padding:12px 16px;display:flex}.badge-email{color:var(--muted);background:#f1f5f9;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width>=920px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi-card{border:1px solid var(--border);border-radius:12px;padding:18px}.kpi-title{color:var(--muted);margin:0 0 8px;font-weight:600}.kpi-value{letter-spacing:.2px;margin:0;font-size:34px;font-weight:800}.kpi-users ul{color:var(--muted);margin:8px 0 0 16px;padding:0}.kpi-users li{justify-content:space-between;gap:16px;display:flex}