:root{--bg-primary: #f3f4f6;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--bg-hover: #f3f4f6;--text-primary: #111111;--text-secondary: #555555;--text-muted: #777777;--border-subtle: #dddddd;--bg-input: #e5e7eb;--scrollbar-track: #e5e7eb;--scrollbar-thumb: #9ca3af;--scrollbar-thumb-hover: #6b7280;--navbar-bg: #e5e7eb;--navbar-text: #111111;--navbar-tab-bg: rgba(0, 0, 0, .1)}.dark{--bg-primary: #080d09;--bg-secondary: #0e1510;--bg-card: #131a14;--bg-hover: #1a241b;--text-primary: #f2f7f2;--text-secondary: #96a896;--text-muted: #516151;--border-subtle: #1e2e1f;--bg-input: #3a3a3a;--scrollbar-track: #2b2d2b;--scrollbar-thumb: #515151;--scrollbar-thumb-hover: rgba(214, 222, 230, .4);--navbar-bg: #0e1a0f;--navbar-text: #f2f7f2;--navbar-tab-bg: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,sans-serif;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}tbody td{color:var(--text-secondary)!important}thead th{white-space:nowrap;min-width:100px}.btn-salir:hover{background:#ef44441f!important;border-color:#ef4444!important}.btn-verde:not(:disabled):hover{background:#4cb95e!important}.btn-verde:not(:disabled):active{background:#1b6b26!important}@media(max-width:768px){.navbar{padding:10px 14px!important;flex-wrap:wrap;gap:8px}.navbar-brand{font-size:13px!important}.navbar-user{display:none!important}.navbar-actions{gap:8px!important}.main-wrapper{padding:14px!important}.dashboard-cards{flex-wrap:wrap!important;gap:10px!important}.dashboard-cards>div{flex:1 1 calc(50% - 10px);min-width:120px}table{min-width:900px}.reportes-grid{grid-template-columns:1fr!important}.reportes-grid>*{grid-column:auto!important}}@media(max-width:480px){.navbar-brand{font-size:12px!important}.dashboard-cards>div{flex:1 1 calc(50% - 10px);padding:10px!important}.dashboard-cards>div div{font-size:11px!important}.dashboard-cards>div strong{font-size:18px!important}}