:root{--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-primary-light:#e8f0fe;--color-primary-text:#1a73e8;--color-bg:#f8f9fa;--color-surface:#fff;--color-surface-variant:#f1f3f4;--color-border:#dadce0;--color-border-strong:#bdc1c6;--color-text-primary:#202124;--color-text-secondary:#5f6368;--color-text-disabled:#80868b;--color-text-on-primary:#fff;--color-success:#188038;--color-success-light:#e6f4ea;--color-success-text:#137333;--color-warning:#e37400;--color-warning-light:#fef7e0;--color-warning-text:#b06000;--color-error:#d93025;--color-error-light:#fce8e6;--color-error-text:#c5221f;--color-info:#1a73e8;--color-info-light:#e8f0fe;--color-info-text:#1557b0;--shadow-sm:0 1px 2px #3c40434d, 0 1px 3px 1px #3c404326;--shadow-md:0 1px 3px #3c40434d, 0 4px 8px 3px #3c404326;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--sidebar-width:64px;--content-padding:16px}@media (width>=900px){:root{--sidebar-width:64px;--content-padding:24px}}@media (width>=1200px){:root{--sidebar-width:220px;--content-padding:24px}}[data-theme=dark]{--color-primary:#8ab4f8;--color-primary-hover:#aecbfa;--color-primary-light:#1a3a5c;--color-primary-text:#8ab4f8;--color-bg:#202124;--color-surface:#292a2d;--color-surface-variant:#35363a;--color-border:#5f6368;--color-border-strong:#80868b;--color-text-primary:#e8eaed;--color-text-secondary:#9aa0a6;--color-text-disabled:#5f6368;--color-text-on-primary:#202124;--color-success:#81c995;--color-success-light:#0d3b1e;--color-success-text:#81c995;--color-warning:#fdd663;--color-warning-light:#3b2e00;--color-warning-text:#fdd663;--color-error:#f28b82;--color-error-light:#3b0d0c;--color-error-text:#f28b82;--color-info:#8ab4f8;--color-info-light:#1a3a5c;--color-info-text:#8ab4f8;--shadow-sm:0 1px 2px #0006, 0 1px 3px 1px #0000004d;--shadow-md:0 1px 3px #0006, 0 4px 8px 3px #0000004d}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;min-height:40px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.btn-primary:not(:disabled):hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:not(:disabled):hover{background-color:var(--color-primary-light)}.btn-ghost{color:var(--color-text-secondary);border-color:var(--color-border);background-color:#0000}.btn-ghost:not(:disabled):hover{background-color:var(--color-surface-variant);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:not(:disabled):hover{opacity:.9}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow .3s}.badge{border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap;justify-content:center;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-activo{background-color:var(--color-success-light);color:var(--color-success-text)}.badge-inactivo{background-color:var(--color-surface-variant);color:var(--color-text-secondary)}.badge-pendiente{background-color:var(--color-warning-light);color:var(--color-warning-text)}.badge-error{background-color:var(--color-error-light);color:var(--color-error-text)}.badge-info{background-color:var(--color-info-light);color:var(--color-info-text)}.semaforo-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;display:inline-block}.semaforo-dot-rojo{background-color:var(--color-error)}.semaforo-dot-amarillo{background-color:var(--color-warning)}.semaforo-dot-verde{background-color:var(--color-success)}.gc-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);padding:6px 8px;display:flex;position:relative}.gc-row:hover,.gc-row:focus-visible{background-color:var(--color-surface-variant);outline:none}.gc-label{width:150px;color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:13px;overflow:hidden}.gc-track{background-color:var(--color-surface-variant);border-radius:var(--radius-sm);flex:1;height:16px;overflow:hidden}.gc-fill{border-radius:var(--radius-sm);min-width:2px;height:100%;transition:width .3s}.gc-value{text-align:right;width:60px;color:var(--color-text-primary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:500}.gc-tooltip{z-index:20;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:220px;margin-top:4px;padding:10px 12px;font-size:12px;position:absolute;top:100%;left:150px}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.table th{background-color:var(--color-surface-variant);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:500}.table td{padding:var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--color-primary-light)}@media (width<=599px){.table-responsive thead{display:none}.table-responsive tr{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);padding:var(--space-3);box-shadow:var(--shadow-sm);display:block}.table-responsive td{border-bottom:1px solid var(--color-border);padding:var(--space-2) 0;text-align:right;justify-content:space-between;align-items:center;display:flex}.table-responsive td:last-child{border-bottom:none}.table-responsive td:before{content:attr(data-label);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;float:left;text-align:left;font-size:11px;font-weight:500}.col-optional{display:none}}.metrics-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=600px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.metric-card{padding:var(--space-5);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.metric-info{gap:var(--space-1);flex-direction:column;display:flex}.metric-value{color:var(--color-text-primary);font-size:28px;font-weight:500;line-height:1.2}.metric-label{color:var(--color-text-secondary);font-size:12px;font-weight:400}.metric-icon-wrapper{border-radius:var(--radius-md);background-color:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.metric-icon-wrapper .material-icons-outlined{font-size:24px}.toast-container{bottom:var(--space-5);right:var(--space-5);gap:var(--space-3);z-index:9999;max-width:320px;width:calc(100% - var(--space-6));flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all .3s;animation:.3s forwards slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left-color:var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-content{flex-grow:1}.toast-message{color:var(--color-text-primary);font-size:14px}.toast-close-btn{color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.toast-close-btn:hover{background-color:var(--color-surface-variant);color:var(--color-text-primary)}.modal-overlay{z-index:999;padding:var(--space-4);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:560px;max-height:calc(100vh - var(--space-8));flex-direction:column;display:flex}@media (width<=599px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;max-height:100vh;animation:.3s ease-out forwards slideUp}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width>=900px){.modal-content{max-width:640px}}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--color-text-primary);font-size:18px;font-weight:500}.modal-close-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close-btn:hover{background-color:var(--color-surface-variant);color:var(--color-text-primary)}.modal-body{padding:var(--space-5);overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background-color:var(--color-surface-variant);border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex}@media (width<=599px){.modal-footer{padding-bottom:var(--space-5);border-radius:0}}.theme-toggle-btn{cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s,color .2s;display:flex}.theme-toggle-btn:hover{background-color:var(--color-surface-variant);color:var(--color-text-primary)}.layout-container{flex-direction:column;height:100vh;display:flex}.navbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:64px;padding:0 var(--content-padding);box-shadow:var(--shadow-sm);z-index:100;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-left{align-items:center;gap:var(--space-3);display:flex}.nav-brand{color:var(--color-primary);align-items:center;gap:var(--space-2);font-family:Google Sans,Roboto,sans-serif;font-size:18px;font-weight:500;display:flex}.menu-trigger-btn{cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.menu-trigger-btn:hover{background-color:var(--color-surface-variant)}@media (width>=900px){.menu-trigger-btn{display:none}}.nav-right{align-items:center;gap:var(--space-3);display:flex}.user-profile{align-items:center;gap:var(--space-2);display:flex}.user-name{color:var(--color-text-primary);font-size:14px;font-weight:500}@media (width<=899px){.user-name{display:none}}.user-avatar{border-radius:var(--radius-full);background-color:var(--color-primary);width:32px;height:32px;color:var(--color-text-on-primary);justify-content:center;align-items:center;font-size:14px;font-weight:500;display:flex}.sidebar-overlay{z-index:80;background-color:#0006;transition:opacity .3s;position:fixed;inset:64px 0 0}.sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:90;padding:var(--space-4) var(--space-2);flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:64px;bottom:0;left:0}.sidebar-menu{gap:var(--space-2);flex-direction:column;flex-grow:1;list-style:none;display:flex}.sidebar-item-link{align-items:center;gap:var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);white-space:nowrap;padding:10px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.sidebar-item-badge{text-align:center;min-width:18px;margin-left:auto;padding:2px 7px;font-size:11px;line-height:1.4}.sidebar-item-link:hover{background-color:var(--color-surface-variant);color:var(--color-text-primary)}.sidebar-item-active{background-color:var(--color-primary-light);color:var(--color-primary);border-left:3px solid var(--color-primary);border-top-left-radius:0;border-bottom-left-radius:0}.sidebar-item-text{transition:opacity .2s}@media (width<=899px){.sidebar{width:240px;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-item-text{opacity:1}}@media (width>=900px) and (width<=1199px){.sidebar{width:64px}.sidebar-item-text{display:none}.sidebar-item-link{justify-content:center;padding:12px}.sidebar-item-badge{min-width:14px;margin-left:0;padding:1px 5px;font-size:10px;position:absolute;top:4px;right:4px}}@media (width>=1200px){.sidebar{width:220px}.sidebar-item-text{opacity:1}}.main-content{padding:var(--content-padding);min-height:calc(100vh - 64px);margin-top:64px;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (width>=900px){.main-content{margin-left:var(--sidebar-width)}}.page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-title{color:var(--color-text-primary);font-size:24px;font-weight:500}.page-subtitle{color:var(--color-text-secondary);margin-top:var(--space-1);font-size:14px}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}.form-control{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:var(--color-primary);border-width:2px;padding:9px 11px}.form-error{color:var(--color-error);margin-top:var(--space-1);font-size:12px}.form-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=600px){.form-grid-2{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.form-grid-3{grid-template-columns:repeat(3,1fr)}}.flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin;display:inline-block}:root{--display-brand-mobile:none;--display-brand-desktop:inline}@media (width<=599px){:root{--display-brand-mobile:inline;--display-brand-desktop:none}}.login-container{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-background) 100%);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-7);box-shadow:var(--shadow-lg)}.login-logo{color:var(--color-primary);margin-bottom:var(--space-4);text-align:center;font-size:48px}.login-title{color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-2);font-size:24px;font-weight:500}.login-subtitle{color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-6);font-size:14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Google Sans,Roboto,sans-serif;font-size:14px;line-height:1.5;transition:background-color .3s,color .3s,border-color .3s}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}