*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan:#00f3ff;--cyan-dark:#00c0cc;--cyan-dim:#00f3ff26;--cyan-glow:0 0 20px #00f3ff59, 0 0 60px #00f3ff1a;--cyan-glow-sm:0 0 10px #00f3ff66;--purple:#bc13fe;--purple-dim:#bc13fe26;--purple-glow:0 0 20px #bc13fe59, 0 0 60px #bc13fe1a;--neon-red:#f05;--neon-red-dim:#ff005526;--neon-red-glow:0 0 20px #ff005559;--neon-green:#0f8;--neon-green-dim:#00ff8826;--neon-orange:#f80;--neon-orange-dim:#ff880026;--bg:#0a0a1a;--bg-grad:linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 50%, #16213e 100%);--glass:#14142399;--glass-dark:#0a0a1ad9;--glass-light:#ffffff0a;--glass-border:#ffffff14;--glass-border-h:#ffffff24;--text:#e0e0e0;--text-muted:#ffffff80;--text-dim:#ffffff4d;--success:var(--neon-green);--success-bg:var(--neon-green-dim);--warning:var(--neon-orange);--warning-bg:var(--neon-orange-dim);--danger:var(--neon-red);--danger-bg:var(--neon-red-dim);--info:var(--cyan);--info-bg:var(--cyan-dim);--red-accent:var(--cyan);--red:var(--cyan-dark);--red-light:var(--cyan-dim);--border:var(--glass-border);--white:var(--glass);--radius:8px;--radius-lg:12px;--sidebar-w:248px;--font:"Inter", system-ui, -apple-system, sans-serif;--blur:blur(16px);--blur-lg:blur(24px)}html,body,#root{height:100%;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px}body{background:var(--bg-grad);background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(#00f3ff80,#bc13fe80);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--cyan), var(--purple))}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--glass-dark);-webkit-backdrop-filter:var(--blur-lg);border-right:1px solid var(--glass-border);z-index:20;flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow-y:auto}.sidebar:before{content:"";background:linear-gradient(90deg, var(--cyan), var(--purple));height:2px;position:absolute;top:0;left:0;right:0}.sidebar-brand{border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:22px 16px 18px;display:flex}.sidebar-brand-logo{background:linear-gradient(135deg, var(--cyan-dim), var(--purple-dim));width:38px;height:38px;box-shadow:var(--cyan-glow-sm);border:1px solid #00f3ff4d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand-logo svg{width:20px;height:20px;color:var(--cyan);filter:drop-shadow(0 0 4px var(--cyan))}.sidebar-brand-name{color:#f0f0f0;font-size:13px;font-weight:700;line-height:1.2}.sidebar-brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px}.sidebar-section{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;padding:18px 16px 6px;font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex}.nav-item{border-radius:var(--radius);color:var(--text-muted);cursor:pointer;text-align:left;width:100%;font-size:13.5px;font-weight:500;font-family:var(--font);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.nav-item:hover{background:var(--glass-light);border-color:var(--glass-border);color:var(--text)}.nav-item--active{background:var(--cyan-dim);color:var(--cyan);border-color:#00f3ff40;box-shadow:inset 0 0 20px #00f3ff0d}.nav-item--active:hover{color:var(--cyan);background:#00f3ff33}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-icon svg{width:16px;height:16px}.nav-item--active .nav-icon svg{filter:drop-shadow(0 0 4px var(--cyan))}.nav-group{flex-direction:column;display:flex}.nav-group-header{justify-content:flex-start}.nav-group-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-group-header--active{color:var(--cyan);background:#00f3ff12;border-color:#00f3ff26}.nav-group-header--active .nav-icon svg{filter:drop-shadow(0 0 4px var(--cyan))}.nav-group-children{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.nav-group-children--open{grid-template-rows:1fr}.nav-group-children-inner{border-left:1px solid var(--glass-border);flex-direction:column;gap:1px;margin-top:2px;margin-bottom:2px;margin-left:21px;padding-left:10px;display:flex;overflow:hidden}.nav-child-item{color:var(--text-dim);padding:8px 10px;font-size:12.5px}.nav-child-item:hover{color:var(--text)}.nav-child-item.nav-item--active{color:var(--cyan)}.sidebar-footer{border-top:1px solid var(--glass-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.sidebar-user{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.sidebar-user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.btn-logout{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex}.btn-logout:hover{color:var(--neon-red);background:var(--neon-red-dim)}.main-content{background:0 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.page-header{background:var(--glass-dark);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.page-title{color:var(--text);letter-spacing:-.01em;font-size:17px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.page-body{flex:1;padding:24px 28px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--glass);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border);cursor:default;align-items:flex-start;gap:14px;padding:20px;transition:all .2s;display:flex}.stat-card:hover{border-color:var(--glass-border-h);background:#141423cc;transform:translateY(-2px)}.stat-card--clickable{cursor:pointer}.stat-card--clickable:hover{border-color:#00f3ff4d;box-shadow:0 4px 24px #00f3ff14}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon svg{width:22px;height:22px}.stat-icon--red{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00f3ff33}.stat-icon--green{background:var(--neon-green-dim);color:var(--neon-green);border:1px solid #0f83}.stat-icon--orange{background:var(--neon-orange-dim);color:var(--neon-orange);border:1px solid #f803}.stat-icon--blue{background:var(--purple-dim);color:var(--purple);border:1px solid #bc13fe33}.stat-icon--red svg{filter:drop-shadow(0 0 4px var(--cyan))}.stat-icon--green svg{filter:drop-shadow(0 0 4px var(--neon-green))}.stat-icon--orange svg{filter:drop-shadow(0 0 4px var(--neon-orange))}.stat-icon--blue svg{filter:drop-shadow(0 0 4px var(--purple))}.stat-body{flex:1;min-width:0}.stat-value{color:var(--text);font-size:26px;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);margin-top:4px;font-size:12px;font-weight:500}.card{background:var(--glass);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.card-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.card-title svg{width:16px;height:16px;color:var(--text-muted)}.card-body{padding:20px}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead{background:#ffffff08}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--glass-border);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:600}td{vertical-align:middle;color:var(--text);border-bottom:1px solid #ffffff0a;padding:14px 16px}tr:last-child td{border-bottom:none}tbody tr:hover{background:#00f3ff0f}.td-title{white-space:nowrap;text-overflow:ellipsis;max-width:320px;overflow:hidden}.td-title a{color:var(--text);font-weight:500;text-decoration:none}.td-title a:hover{color:var(--cyan);text-shadow:0 0 8px #00f3ff66}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge--success{background:var(--neon-green-dim);color:var(--neon-green);border:1px solid #0f83}.badge--warning{background:var(--neon-orange-dim);color:var(--neon-orange);border:1px solid #f803}.badge--danger{background:var(--neon-red-dim);color:var(--neon-red);border:1px solid #f053}.badge--info{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00f3ff33}.badge--neutral{color:var(--text-muted);border:1px solid var(--glass-border);background:#ffffff0f}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font);letter-spacing:.01em;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn svg{width:15px;height:15px}.btn--primary{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00f3ff66;box-shadow:0 0 12px #00f3ff26}.btn--primary:hover:not(:disabled){border-color:var(--cyan);box-shadow:var(--cyan-glow);color:#fff;background:#00f3ff40}.btn--secondary{color:var(--text-muted);border:1px solid var(--glass-border);background:#ffffff0f}.btn--secondary:hover:not(:disabled){border-color:var(--glass-border-h);color:var(--text);background:#ffffff1a}.btn--danger{background:var(--neon-red-dim);color:var(--neon-red);border:1px solid #ff005559}.btn--danger:hover:not(:disabled){border-color:var(--neon-red);box-shadow:var(--neon-red-glow);color:#fff;background:#ff005540}.btn--ghost{color:var(--text-muted);background:0 0;border:1px solid #0000;padding:6px 8px}.btn--ghost:hover:not(:disabled){background:var(--glass-light);border-color:var(--glass-border);color:var(--cyan)}.btn--ghost-danger{color:var(--text-muted);background:0 0;border:1px solid #0000;padding:6px 8px}.btn--ghost-danger:hover:not(:disabled){background:var(--neon-red-dim);color:var(--neon-red);border-color:#f053}.btn--xl{border-radius:10px;padding:14px 32px;font-size:15px}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--glass-border);border-radius:var(--radius);width:100%;color:var(--text);font-size:13.5px;font-family:var(--font);background:#ffffff0d;outline:none;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-dim)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#00f3ff0a;border-color:#00f3ff80;box-shadow:0 0 0 3px #00f3ff1a,0 0 12px #00f3ff1a}input[type=date],input[type=time]{cursor:pointer}input[type=date]:hover,input[type=time]:hover{background:#ffffff17!important;border-color:#fff6!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.6);opacity:.75;cursor:pointer;border-radius:4px;padding:3px;transition:opacity .15s,background .15s}input[type=time]::-webkit-calendar-picker-indicator{filter:invert()brightness(1.6);opacity:.75;cursor:pointer;border-radius:4px;padding:3px;transition:opacity .15s,background .15s}.date-time-input::-webkit-calendar-picker-indicator{filter:invert()brightness(1.6);opacity:.75;cursor:pointer;border-radius:4px;padding:3px;transition:opacity .15s,background .15s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background:#ffffff2e}input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1;background:#ffffff2e}.date-time-input::-webkit-calendar-picker-indicator:hover{opacity:1;background:#ffffff2e}select option,.form-select option,.form-input option{color:#e0e0e0;background-color:#16162a}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.form-row .form-group{flex:1;min-width:160px;margin-bottom:0}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.modal{-webkit-backdrop-filter:var(--blur-lg);border-radius:var(--radius-lg);background:#0e0e1cf2;border:1px solid #ffffff1a;flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 32px);animation:.18s slideUp;display:flex;box-shadow:0 24px 80px #0009,0 0 40px #00f3ff0d}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.modal-title{color:var(--text);font-size:15px;font-weight:700}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:20px;line-height:1;transition:all .15s}.modal-close:hover{background:var(--glass-light);color:var(--neon-red)}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--glass-border);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid #00f3ff33;border-top-color:var(--cyan);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block;box-shadow:0 0 8px #00f3ff4d}.spinner--dark{border-color:#00f3ff26;border-top-color:var(--cyan)}.spinner--lg{border-width:3px;width:36px;height:36px}.loading-block{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;font-size:13px;display:flex}.alert{border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.alert svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.alert--success{background:var(--neon-green-dim);color:var(--neon-green);border:1px solid #0f83}.alert--danger{background:var(--neon-red-dim);color:var(--neon-red);border:1px solid #f053}.alert--warning{background:var(--neon-orange-dim);color:var(--neon-orange);border:1px solid #f803}.alert--info{background:var(--cyan-dim);color:var(--cyan);border:1px solid #00f3ff33}.result-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin:16px 0;display:grid}.result-item{border-radius:var(--radius);text-align:center;border:1px solid var(--glass-border);background:#ffffff0a;padding:16px;transition:border-color .2s}.result-item:hover{border-color:#00f3ff33}.result-item-value{color:var(--cyan);text-shadow:0 0 12px #00f3ff66;font-size:30px;font-weight:700;line-height:1}.result-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:11px}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state svg{opacity:.25;width:48px;height:48px;margin-bottom:14px}.empty-state-title{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600}.empty-state-desc{color:var(--text-muted);font-size:13px}.cat-badge{background:var(--purple-dim);color:var(--purple);border:1px solid #bc13fe33;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.progress-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.progress-label{white-space:nowrap;text-overflow:ellipsis;min-width:140px;color:var(--text);font-size:13px;font-weight:500;overflow:hidden}.progress-track{background:#ffffff12;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--cyan), var(--purple));border-radius:3px;height:100%;transition:width .6s;box-shadow:0 0 6px #00f3ff80}.progress-value{text-align:right;min-width:28px;color:var(--text-muted);font-size:12px;font-weight:600}.history-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.history-item:last-child{border-bottom:none}.history-meta{color:var(--text-dim);margin-top:2px;font-size:12px}.history-stats{gap:16px;font-size:12px;display:flex}.history-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.history-stat-val{color:var(--cyan);text-shadow:0 0 8px #00f3ff66;font-size:15px;font-weight:700}.history-stat-key{color:var(--text-dim);font-size:11px}.neon-cyan{color:var(--cyan);text-shadow:0 0 10px #00f3ff99}.neon-purple{color:var(--purple);text-shadow:0 0 10px #bc13fe99}.neon-green{color:var(--neon-green);text-shadow:0 0 10px #0f89}.flex{display:flex}.flex-center{align-items:center;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.text-muted{color:var(--text-muted);font-size:12px}.text-right{text-align:right}.divider{background:var(--glass-border);height:1px;margin:20px 0}.login-container{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--glass-dark);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;gap:1.5rem;width:100%;max-width:380px;padding:2.5rem 2rem;display:flex;box-shadow:0 4px 24px #00000026}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.login-brand h1{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.login-brand p{color:var(--text-muted);margin:0;font-size:.85rem}.login-body{flex-direction:column;align-items:center;gap:1rem;display:flex}.login-hint{color:var(--text-muted);text-align:center;margin:0;font-size:.875rem}.page-loading,.page-error{color:var(--text-muted);justify-content:center;align-items:center;padding:60px 28px;font-size:14px;display:flex}.page-error{color:var(--neon-red)}.usuarios-form{flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;display:flex}.usuarios-form .form-input,.usuarios-form .form-select{flex:1;min-width:160px}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 3px #00ff8880}50%{opacity:.65;box-shadow:0 0 9px #00ff88f2}}.pulse-dot{background:var(--neon-green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse-glow;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes borderPulse{0%,to{box-shadow:0 0 12px #0f83,0 0 0 1px #0f86}50%{box-shadow:0 0 24px #0f86,0 0 0 1px #00ff88b3}}