@tailwind base;@tailwind components;@tailwind utilities;html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}app-login{display:block!important;width:100%!important;min-height:100vh!important;background:#f9fafb!important}app-login .login-page-wrapper{min-height:100vh!important;width:100%!important;background:#f9fafb!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important}app-login .login-split-layout{display:flex!important;width:100%!important;max-width:1200px!important;min-height:100vh!important;background:#fff!important;box-shadow:0 10px 40px #0000001a!important;margin:0!important}app-login .left-branding-section{flex:0 0 45%!important;background:linear-gradient(135deg,#113800,#1a5a00)!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:4rem 3rem!important;overflow:hidden!important}app-login .right-form-section{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:3rem!important;background:#fff!important}app-login .first-name{font-size:2.5rem!important;font-weight:600!important;letter-spacing:.15em!important;color:#fffffff2!important;margin:0 0 .25rem!important;text-transform:uppercase!important;text-shadow:0 2px 8px rgba(0,0,0,.2)!important}app-login .last-name{font-size:3.5rem!important;font-weight:800!important;letter-spacing:.1em!important;color:#fff!important;margin:0!important;text-transform:uppercase!important;text-shadow:0 3px 12px rgba(0,0,0,.3)!important;line-height:1.1!important}app-login .login-submit-btn{width:100%!important;height:52px!important;background-color:#113800!important;color:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px #11380033!important}@media (max-width: 968px){app-login .login-split-layout{flex-direction:column!important}app-login .left-branding-section{flex:0 0 auto!important;min-height:280px!important}}app-admin-layout{display:block!important;width:100%!important;height:100vh!important}app-admin-layout mat-sidenav-container{height:100vh!important;width:100vw!important;display:flex!important}app-admin-layout mat-sidenav{width:280px!important;background:#fff!important;border-right:1px solid #e5e7eb!important;box-shadow:2px 0 8px #0000000d!important}app-admin-layout mat-sidenav .sidenav-header{padding:1.5rem 1.25rem!important;background:linear-gradient(135deg,#113800,#1a5a00)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;min-height:150px!important}app-admin-layout mat-sidenav .brand-name{font-size:1.25rem!important;font-weight:700!important;letter-spacing:.05em!important;color:#fff!important;text-transform:uppercase!important;text-shadow:0 2px 4px rgba(0,0,0,.2)!important}app-admin-layout mat-sidenav .brand-subtitle{font-size:.75rem!important;color:#ffffffe6!important}app-admin-layout mat-sidenav .brand-logo{height:60px!important;width:auto!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))!important}app-admin-layout mat-sidenav .nav-item-active{background:#1138001a!important;color:#113800!important}app-admin-layout mat-sidenav .nav-item-active mat-icon{color:#113800!important}app-admin-layout mat-sidenav .sidenav-footer{padding:1rem 1.25rem!important;border-top:1px solid #e5e7eb!important;background:#f9fafb!important}app-admin-layout mat-sidenav .user-avatar{width:40px!important;height:40px!important;border-radius:50%!important;background:linear-gradient(135deg,#113800,#1a5a00)!important}app-admin-layout mat-sidenav-content{display:flex!important;flex-direction:column!important;flex:1!important;background:#f9fafb!important}app-admin-layout mat-toolbar{background:#fff!important;color:#111827!important;box-shadow:0 1px 3px #0000001a!important;padding:0 1.5rem!important;height:64px!important}app-admin-layout .content-wrapper{padding:2rem!important;max-width:1400px!important;margin:0 auto!important;width:100%!important}app-usuarios,router-outlet+app-usuarios,app-admin-layout app-usuarios,app-admin-layout router-outlet app-usuarios{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}app-usuarios .usuarios-container,router-outlet+app-usuarios .usuarios-container,app-admin-layout app-usuarios .usuarios-container,app-admin-layout router-outlet app-usuarios .usuarios-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important}app-usuarios .usuarios-header,router-outlet+app-usuarios .usuarios-header,app-admin-layout app-usuarios .usuarios-header,app-admin-layout router-outlet app-usuarios .usuarios-header{margin-bottom:1.5rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:1rem!important}app-usuarios .usuarios-title,router-outlet+app-usuarios .usuarios-title,app-admin-layout app-usuarios .usuarios-title,app-admin-layout router-outlet app-usuarios .usuarios-title{font-size:2rem!important;font-weight:700!important;color:#113800!important;margin:0 0 .5rem!important;letter-spacing:-.02em!important;font-family:Roboto,sans-serif!important;border-bottom:3px solid #113800!important;padding-bottom:.5rem!important;display:inline-block!important}app-usuarios .usuarios-subtitle,router-outlet+app-usuarios .usuarios-subtitle,app-admin-layout app-usuarios .usuarios-subtitle,app-admin-layout router-outlet app-usuarios .usuarios-subtitle{font-size:.9375rem!important;color:#4b5563!important;margin:0!important;font-weight:400!important;font-family:Roboto,sans-serif!important}app-usuarios .table-card,router-outlet+app-usuarios .table-card,app-admin-layout app-usuarios .table-card,app-admin-layout router-outlet app-usuarios .table-card{background:#fff!important;border-radius:16px!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important;border:1px solid #e5e7eb!important;overflow:hidden!important}app-usuarios .table-card .mat-mdc-card,router-outlet+app-usuarios .table-card .mat-mdc-card,app-admin-layout app-usuarios .table-card .mat-mdc-card,app-admin-layout router-outlet app-usuarios .table-card .mat-mdc-card{box-shadow:none!important;background:transparent!important;padding:0!important}app-usuarios .table-wrapper,router-outlet+app-usuarios .table-wrapper,app-admin-layout app-usuarios .table-wrapper,app-admin-layout router-outlet app-usuarios .table-wrapper{overflow-x:auto!important}app-usuarios table,router-outlet+app-usuarios table,app-admin-layout app-usuarios table,app-admin-layout router-outlet app-usuarios table{width:100%!important;border-collapse:collapse!important}app-usuarios table .mat-mdc-header-row,router-outlet+app-usuarios table .mat-mdc-header-row,app-admin-layout app-usuarios table .mat-mdc-header-row,app-admin-layout router-outlet app-usuarios table .mat-mdc-header-row{background:#f9fafb!important}app-usuarios table .mat-mdc-header-cell,router-outlet+app-usuarios table .mat-mdc-header-cell,app-admin-layout app-usuarios table .mat-mdc-header-cell,app-admin-layout router-outlet app-usuarios table .mat-mdc-header-cell{background:#f9fafb!important;font-weight:600!important;color:#111827!important;border-bottom:2px solid #e5e7eb!important;padding:1rem!important;font-size:.875rem!important}app-usuarios table .mat-mdc-row,router-outlet+app-usuarios table .mat-mdc-row,app-admin-layout app-usuarios table .mat-mdc-row,app-admin-layout router-outlet app-usuarios table .mat-mdc-row{transition:background-color .2s ease!important}app-usuarios table .mat-mdc-row:hover,router-outlet+app-usuarios table .mat-mdc-row:hover,app-admin-layout app-usuarios table .mat-mdc-row:hover,app-admin-layout router-outlet app-usuarios table .mat-mdc-row:hover{background-color:#f9fafb!important}app-usuarios table .mat-mdc-cell,router-outlet+app-usuarios table .mat-mdc-cell,app-admin-layout app-usuarios table .mat-mdc-cell,app-admin-layout router-outlet app-usuarios table .mat-mdc-cell{padding:1rem!important;border-bottom:1px solid #f3f4f6!important;color:#374151!important;font-size:.9375rem!important}app-usuarios button[mat-raised-button],app-usuarios .btn-nuevo-usuario,router-outlet+app-usuarios button[mat-raised-button],router-outlet+app-usuarios .btn-nuevo-usuario,app-admin-layout app-usuarios button[mat-raised-button],app-admin-layout app-usuarios .btn-nuevo-usuario,app-admin-layout router-outlet app-usuarios button[mat-raised-button],app-admin-layout router-outlet app-usuarios .btn-nuevo-usuario{background:linear-gradient(135deg,#113800,#1a5a00)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-weight:600!important;padding:.625rem 1.25rem!important;box-shadow:0 4px 12px #11380033!important;display:flex!important;align-items:center!important;gap:.5rem!important;transition:all .3s ease!important}app-usuarios button[mat-raised-button] .mat-icon,app-usuarios button[mat-raised-button] span,app-usuarios .btn-nuevo-usuario .mat-icon,app-usuarios .btn-nuevo-usuario span,router-outlet+app-usuarios button[mat-raised-button] .mat-icon,router-outlet+app-usuarios button[mat-raised-button] span,router-outlet+app-usuarios .btn-nuevo-usuario .mat-icon,router-outlet+app-usuarios .btn-nuevo-usuario span,app-admin-layout app-usuarios button[mat-raised-button] .mat-icon,app-admin-layout app-usuarios button[mat-raised-button] span,app-admin-layout app-usuarios .btn-nuevo-usuario .mat-icon,app-admin-layout app-usuarios .btn-nuevo-usuario span,app-admin-layout router-outlet app-usuarios button[mat-raised-button] .mat-icon,app-admin-layout router-outlet app-usuarios button[mat-raised-button] span,app-admin-layout router-outlet app-usuarios .btn-nuevo-usuario .mat-icon,app-admin-layout router-outlet app-usuarios .btn-nuevo-usuario span{color:#fff!important}app-usuarios button[mat-raised-button]:hover,app-usuarios .btn-nuevo-usuario:hover,router-outlet+app-usuarios button[mat-raised-button]:hover,router-outlet+app-usuarios .btn-nuevo-usuario:hover,app-admin-layout app-usuarios button[mat-raised-button]:hover,app-admin-layout app-usuarios .btn-nuevo-usuario:hover,app-admin-layout router-outlet app-usuarios button[mat-raised-button]:hover,app-admin-layout router-outlet app-usuarios .btn-nuevo-usuario:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #1138004d!important}app-usuarios button[mat-icon-button],router-outlet+app-usuarios button[mat-icon-button],app-admin-layout app-usuarios button[mat-icon-button],app-admin-layout router-outlet app-usuarios button[mat-icon-button]{color:#113800!important;transition:all .2s ease!important}app-usuarios button[mat-icon-button]:hover,router-outlet+app-usuarios button[mat-icon-button]:hover,app-admin-layout app-usuarios button[mat-icon-button]:hover,app-admin-layout router-outlet app-usuarios button[mat-icon-button]:hover{transform:scale(1.1)!important;background-color:#1138001a!important}app-usuarios button[mat-icon-button][color=warn]:hover,router-outlet+app-usuarios button[mat-icon-button][color=warn]:hover,app-admin-layout app-usuarios button[mat-icon-button][color=warn]:hover,app-admin-layout router-outlet app-usuarios button[mat-icon-button][color=warn]:hover{background-color:#ef44441a!important}app-usuarios .loading-container,router-outlet+app-usuarios .loading-container,app-admin-layout app-usuarios .loading-container,app-admin-layout router-outlet app-usuarios .loading-container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:4rem 2rem!important;gap:1rem!important;min-height:400px!important}app-usuarios .loading-container mat-spinner ::ng-deep circle,router-outlet+app-usuarios .loading-container mat-spinner ::ng-deep circle,app-admin-layout app-usuarios .loading-container mat-spinner ::ng-deep circle,app-admin-layout router-outlet app-usuarios .loading-container mat-spinner ::ng-deep circle{stroke:#113800!important}app-usuarios .loading-container span,router-outlet+app-usuarios .loading-container span,app-admin-layout app-usuarios .loading-container span,app-admin-layout router-outlet app-usuarios .loading-container span{font-size:1rem!important;color:#4b5563!important;font-weight:500!important;font-family:Roboto,sans-serif!important}app-usuarios .empty-state,router-outlet+app-usuarios .empty-state,app-admin-layout app-usuarios .empty-state,app-admin-layout router-outlet app-usuarios .empty-state{padding:3rem 2rem!important;text-align:center!important;background:#fafbfc!important}app-usuarios .empty-state mat-icon,router-outlet+app-usuarios .empty-state mat-icon,app-admin-layout app-usuarios .empty-state mat-icon,app-admin-layout router-outlet app-usuarios .empty-state mat-icon{font-size:64px!important;width:64px!important;height:64px!important;color:#9ca3af!important;margin-bottom:1rem!important}app-usuarios .empty-state h3,router-outlet+app-usuarios .empty-state h3,app-admin-layout app-usuarios .empty-state h3,app-admin-layout router-outlet app-usuarios .empty-state h3{font-size:1.25rem!important;font-weight:600!important;color:#374151!important;margin:0 0 .5rem!important;font-family:Roboto,sans-serif!important}app-usuarios .empty-state p,router-outlet+app-usuarios .empty-state p,app-admin-layout app-usuarios .empty-state p,app-admin-layout router-outlet app-usuarios .empty-state p{font-size:.9375rem!important;color:#6b7280!important;margin:0 0 1.5rem!important;font-family:Roboto,sans-serif!important}