:root{--esgari-azul:#2a2f70;--esgari-rojo:#de271e;--esgari-negro:#111110;--esgari-blanco:#fff;--azul-900:#171a45;--azul-800:#20245a;--azul-700:#2a2f70;--azul-500:#494e9c;--azul-300:#8a8dc4;--azul-100:#e3e4f2;--azul-50:#f2f3f9;--verde:#1f9d57;--amarillo:#e8a417;--rojo:#de271e;--verde-bg:#e8f6ee;--amarillo-bg:#fdf3dd;--rojo-bg:#fbe6e5;--gris-900:#111110;--gris-700:#3d3d42;--gris-500:#71717a;--gris-300:#d4d4d8;--gris-200:#e7e7ea;--gris-100:#f4f4f5;--gris-50:#fafafa;--bg:#fafafa;--surface:#fff;--border:#e7e7ea;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--w-thin:300;--w-regular:400;--w-medium:500;--w-bold:700;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-full:999px;--shadow-sm:0 1px 2px #1111100a, 0 1px 3px #1111100f;--shadow-md:0 4px 12px #2a2f7014;--shadow-lg:0 10px 30px #2a2f701a;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-8:48px;--sp-10:64px}
:root{--sidebar-w:76px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--gris-900);font-family:var(--font);font-weight:var(--w-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{font-weight:var(--w-bold);letter-spacing:-.02em;margin:0}.app-shell{min-height:100vh;display:flex}.main{margin-left:var(--sidebar-w);flex:1;min-width:0}.page{max-width:1240px;padding:var(--sp-8) var(--sp-8) var(--sp-10);margin:0 auto}@media (max-width:720px){.main{margin-bottom:64px;margin-left:0}.page{padding:var(--sp-5) var(--sp-4) var(--sp-8)}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.page-title{font-size:30px;font-weight:var(--w-bold);color:var(--gris-900)}.page-kicker{font-size:12px;font-weight:var(--w-bold);letter-spacing:2px;text-transform:uppercase;color:var(--gris-500);margin-bottom:6px}.page-sub{color:var(--gris-500);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--sp-5)}.card-hover{transition:box-shadow .18s,transform .18s,border-color .18s}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--azul-100);transform:translateY(-2px)}.section-title{font-size:13px;font-weight:var(--w-bold);letter-spacing:1.5px;text-transform:uppercase;color:var(--gris-500);margin-bottom:var(--sp-4)}.grid{gap:var(--sp-4);display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.big-num{font-size:52px;line-height:1;font-weight:var(--w-bold);color:var(--azul-700);letter-spacing:-.03em}.mega-num{font-size:72px;line-height:.95;font-weight:var(--w-bold);letter-spacing:-.04em}.pill{font-size:12px;font-weight:var(--w-medium);border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.dot{border-radius:50%;flex:none;width:9px;height:9px}.bar-track{border-radius:var(--r-full);background:var(--gris-100);height:8px;overflow:hidden}.bar-fill{border-radius:var(--r-full);height:100%;transition:width .5s}.btn{border:1px solid var(--border);background:var(--surface);color:var(--gris-900);border-radius:var(--r-md);font-weight:var(--w-medium);align-items:center;gap:8px;padding:10px 18px;font-size:14px;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--azul-300)}.btn-primary{background:var(--azul-700);color:#fff;border-color:var(--azul-700)}.btn-primary:hover{background:var(--azul-800);border-color:var(--azul-800)}.field{margin-bottom:var(--sp-4);flex-direction:column;gap:6px;display:flex}.field label{font-size:13px;font-weight:var(--w-medium);color:var(--gris-700)}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--gris-900);outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--azul-500);box-shadow:0 0 0 3px var(--azul-50)}.field textarea{resize:vertical;min-height:90px}.muted{color:var(--gris-500)}.scroll-x{overflow-x:auto}
