.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6)}.loader__spinner{border-radius:50%;border:3px solid rgba(15,90,53,.15);border-top-color:var(--color-green);animation:spin .8s linear infinite}.loader__spinner--sm{width:18px;height:18px;border-width:2px}.loader__spinner--md{width:32px;height:32px}.loader__spinner--lg{width:52px;height:52px;border-width:4px}.loader__label{font-size:13px;color:var(--color-text-muted);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.auth-layout{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--color-green-dark) 0%,var(--color-green) 55%,var(--color-green-light) 100%);padding:var(--space-4)}.auth-layout__content{position:relative;z-index:2;width:100%;display:flex;justify-content:center}.auth-layout__glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;z-index:1}.auth-layout__glow--1{width:380px;height:380px;background:var(--color-red);top:-120px;right:-100px}.auth-layout__glow--2{width:320px;height:320px;background:#fff;bottom:-140px;left:-100px;opacity:.15}.logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.logo__img{object-fit:contain}.logo--sm .logo__img{width:90px}.logo--md .logo__img{width:140px}.logo--lg .logo__img{width:200px}.logo--xl .logo__img{width:260px}.logo__tagline{font-size:12.5px;font-weight:600;color:var(--color-red);text-align:center}.splash{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);opacity:0;transform:scale(.9);transition:opacity .7s ease,transform .7s cubic-bezier(.34,1.56,.64,1)}.splash--visible{opacity:1;transform:scale(1)}.splash__logo-card{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7);box-shadow:var(--shadow-lg)}.splash__loader{display:flex;gap:8px}.splash__loader span{width:10px;height:10px;border-radius:50%;background:var(--color-white);opacity:.85;animation:bounce 1s ease-in-out infinite}.splash__loader span:nth-child(2){animation-delay:.15s}.splash__loader span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-10px);opacity:1}}.splash__version{color:#ffffffbf;font-size:12px;font-weight:600;letter-spacing:.4px}.input-field{display:flex;flex-direction:column;gap:6px;width:100%}.input-field__label{font-size:13px;font-weight:600;color:var(--color-text-muted)}.input-field__wrap{display:flex;align-items:center;gap:8px;background:var(--surface-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:0 14px;transition:border-color var(--transition-fast)}.input-field__wrap:focus-within{border-color:var(--color-green)}.input-field__wrap--error{border-color:var(--color-red)}.input-field__icon{color:var(--color-text-muted);font-size:16px;flex-shrink:0}.input-field input{border:none;outline:none;background:transparent;width:100%;padding:12px 0;font-size:14px;color:var(--color-text)}.input-field__error{font-size:12px;color:var(--color-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.97)}.btn__icon{font-size:16px;flex-shrink:0}.btn--full{width:100%}.btn--sm{padding:8px 14px;font-size:13px}.btn--lg{padding:14px 26px;font-size:15px}.btn--primary{background:var(--color-green);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--color-green-light);box-shadow:var(--shadow-md)}.btn--danger{background:var(--color-red);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn--danger:hover{background:var(--color-red-dark);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--surface-card);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-green);color:var(--color-green)}.btn--outline{background:transparent;color:var(--color-green);border:1.5px solid var(--color-green)}.btn--outline:hover{background:#0f5a3514}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover{background:#0000000d;color:var(--color-text)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn var(--transition-fast)}.modal{background:var(--surface-card);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal--wide{max-width:620px}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal__header h3{font-size:16px}.modal__close{color:var(--color-text-muted);font-size:16px;padding:6px;border-radius:50%}.modal__close:hover{background:#f0f0f0;color:var(--color-text)}.modal__body{padding:var(--space-5)}.modal__footer{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.login-card{background:var(--surface-card);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);box-shadow:var(--shadow-lg)}.login-form{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.login-form__error{color:var(--color-red);font-size:12.5px;font-weight:600;text-align:center;background:#c8101014;padding:8px 12px;border-radius:var(--radius-sm)}.login-form__forgot{align-self:center;font-size:13px;font-weight:600;color:var(--color-green)}.login-form__forgot:hover{text-decoration:underline}.login-card__hint{font-size:12px;color:var(--color-text-muted);text-align:center}: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)}