:root{--color-green: #0F5D3A;--color-green-dark: #0A3F25;--color-green-light: #146B43;--color-red: #C90909;--color-red-dark: #A80707;--color-white: #FFFFFF;--color-bg: #F5F5F5;--color-text: #222222;--color-text-muted: #666666;--color-border: #DDDDDD;--color-success: #146B43;--color-warning: #E8A400;--color-danger: #C90909;--color-info: #2563A6;--surface-card: #FFFFFF;--surface-sidebar: #FFFFFF;--surface-input: #FFFFFF;--color-accent: #146B43;--font-display: "Poppins", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 14px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--header-height: 64px;--bottomnav-height: 76px;--transition-fast: .15s ease;--transition-base: .25s ease}[data-theme=clasico]{--color-green: #0F5D3A;--color-green-dark: #0A3F25;--color-green-light: #146B43;--color-red: #C90909;--color-red-dark: #A80707;--color-bg: #F5F5F5;--color-text: #222222;--color-text-muted: #666666;--color-border: #DDDDDD;--color-success: #146B43;--color-danger: #C90909;--surface-card: #FFFFFF;--surface-sidebar: #FFFFFF;--surface-input: #FFFFFF;--color-accent: #146B43}[data-theme=oscuro]{--color-green: #0F6B43;--color-green-dark: #0A3F25;--color-green-light: #168052;--color-red: #D10A0A;--color-red-dark: #A80707;--color-bg: #121212;--color-text: #FFFFFF;--color-text-muted: #BDBDBD;--color-border: #383838;--color-success: #168052;--color-danger: #D10A0A;--color-info: #4C94D9;--surface-card: #1E1E1E;--surface-sidebar: #1E1E1E;--surface-input: #252525;--color-accent: #168052}[data-theme=oscuro] .badge--warning{background:#e8a40038;color:#ffc94d}[data-theme=oscuro] .badge--neutral{background:#ffffff14}[data-theme=oscuro] .dashboard__stat-icon--warning{color:#ffc94d}[data-theme=oscuro] .modal__close:hover,[data-theme=oscuro] .app-header--light .app-header__back,[data-theme=oscuro] .app-header--light .app-header__bell{background:#ffffff14}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--color-text);line-height:1.25}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:14px}ul{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9c9c9;border-radius:var(--radius-pill)}:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.app-page{width:100%;min-height:100vh;padding-bottom:calc(var(--bottomnav-height) + var(--space-4))}.container{max-width:1200px;margin:0 auto;padding:var(--space-5)}@media (max-width: 640px){.container{padding:var(--space-3)}}.scrollbar-thin{scrollbar-width:thin}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base)}