.dashboard{--dash-grad: linear-gradient(120deg, #0f1f3d 0%, #1b335c 45%, #38bdf8 100%);--dash-grad-soft: linear-gradient(135deg, rgba(15, 31, 61, .12), rgba(56, 189, 248, .12));position:relative}.dash-hero{position:relative;margin-bottom:24px;padding:6px 2px 2px;overflow:hidden}.dash-hero:before{content:"";position:absolute;top:-80px;left:-60px;width:320px;height:220px;background:radial-gradient(closest-side,rgba(15,31,61,.22),transparent 70%);filter:blur(14px);z-index:0;animation:dash-float 12s ease-in-out infinite;pointer-events:none}.dash-hero>*{position:relative;z-index:1}.dash-hero h2{font-size:30px;line-height:1.1;letter-spacing:-.02em;background:var(--dash-grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dash-flow 9s linear infinite}.dash-hero .dash-sub{margin-top:6px;color:var(--texto-tenue);font-size:13.5px}.dash-clock{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:5px 12px;border:1px solid var(--borde);border-radius:999px;background:var(--bg-elevado);font-size:12.5px;color:var(--texto-tenue);font-variant-numeric:tabular-nums}.dash-dot{width:8px;height:8px;border-radius:50%;background:var(--exito);box-shadow:0 0 #16a34a8c;animation:dash-pulse 2.2s infinite}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;align-items:start}.dashboard-grid>*{min-width:0;opacity:0;animation:dash-in .55s cubic-bezier(.2,.7,.2,1) forwards}.dashboard-grid>*:nth-child(1){animation-delay:.02s}.dashboard-grid>*:nth-child(2){animation-delay:.08s}.dashboard-grid>*:nth-child(3){animation-delay:.14s}.dashboard-grid>*:nth-child(4){animation-delay:.2s}.dashboard-grid>*:nth-child(5){animation-delay:.26s}.dashboard-grid>*:nth-child(6){animation-delay:.32s}.dashboard-grid>*:nth-child(7){animation-delay:.38s}.dashboard-grid>*:nth-child(8){animation-delay:.44s}.dash-wide{grid-column:span 2}@media (max-width: 720px){.dash-wide{grid-column:span 1}}.dash-card{position:relative;width:100%;overflow:hidden;background:linear-gradient(180deg,var(--bg-elevado),color-mix(in srgb,var(--bg-elevado) 92%,var(--acento) 8%));border:1px solid var(--borde);border-radius:14px;padding:18px;box-shadow:0 1px 2px #10121e0a;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease}.dash-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--dash-grad);background-size:220% 100%;animation:dash-flow 7s linear infinite;opacity:.9}.dash-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 140% at 100% 0%,rgba(56,189,248,.12),transparent 55%);opacity:0;transition:opacity .28s ease;pointer-events:none}.dash-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px -16px #0f1f3d59;border-color:color-mix(in srgb,var(--acento) 45%,var(--borde))}.dash-card:hover:after{opacity:1}.dash-card.tarjeta-pendiente{border-style:dashed;opacity:.72}.dash-card.tarjeta-pendiente:before{opacity:.35}.dash-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.dash-head h3{margin:0;font-size:14px;flex:1;line-height:1.25}.dash-ico{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--acento);background:var(--dash-grad-soft);transition:transform .28s cubic-bezier(.2,.7,.2,1)}.dash-card:hover .dash-ico{transform:scale(1.08) rotate(-4deg)}.dash-head-extra{flex:none}.dash-metrics{display:flex;flex-wrap:wrap;gap:20px}.dash-metric{display:flex;flex-direction:column;gap:3px}.dash-num{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:30px;font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:var(--dash-grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.dash-num.sm{font-size:22px}.dash-num.plano{-webkit-text-fill-color:var(--texto);color:var(--texto);background:none}.dash-num.alerta{background:linear-gradient(120deg,var(--peligro),#f97316);-webkit-background-clip:text;background-clip:text}.dash-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-tenue)}.dash-lineas{display:flex;flex-direction:column;gap:7px}.dash-lineas span{font-size:13.5px}.dash-nota{color:var(--texto-tenue);font-size:12px;margin:6px 0 0;line-height:1.45}.dash-card table{background:transparent;margin-top:2px}.dash-card th{border-bottom:1px solid var(--borde)}.dash-card td{border-bottom:1px solid color-mix(in srgb,var(--borde) 55%,transparent);font-variant-numeric:tabular-nums}.dash-card tbody tr{transition:background .15s ease}.dash-card tbody tr:hover{background:var(--dash-grad-soft)}.dash-badge-vivo{display:inline-flex;align-items:center;gap:7px}.dash-skel{border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--borde) 40%,var(--bg-elevado)) 25%,var(--borde) 37%,color-mix(in srgb,var(--borde) 40%,var(--bg-elevado)) 63%);background-size:400% 100%;animation:dash-shimmer 1.4s ease infinite}.dash-skel+.dash-skel{margin-top:10px}@keyframes dash-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dash-flow{to{background-position:220% 0}}@keyframes dash-shimmer{to{background-position:-400% 0}}@keyframes dash-pulse{70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}@keyframes dash-float{0%,to{transform:translate(0)}50%{transform:translate(30px,18px)}}@media (prefers-reduced-motion: reduce){.dashboard-grid>*,.dash-card:before,.dash-hero h2,.dash-hero:before,.dash-num,.dash-dot,.dash-skel,.dash-ico{animation:none!important;transition:none!important}.dashboard-grid>*{opacity:1}}:root{--bg: #f7f9fc;--bg-elevado: #ffffff;--bg-elevado-2: #edf2f9;--bg-hover: #edf2f9;--borde: #d8e1ee;--texto: #0f1f3d;--texto-tenue: #64748b;--acento: #0f1f3d;--acento-suave: rgba(15, 31, 61, .1);--acento-hover: #1b335c;--acento2: #38bdf8;--acento2-suave: rgba(56, 189, 248, .14);--exito: #15803d;--advertencia: #b8892a;--peligro: #c0392b;--radio: 10px;--radio-lg: 16px;--sombra-card: 0 1px 3px rgba(15, 31, 61, .05), 0 4px 12px rgba(15, 31, 61, .06);--sombra-elevada: 0 8px 32px rgba(15, 31, 61, .12), 0 32px 64px rgba(15, 31, 61, .08);--transicion: .2s cubic-bezier(.22, .61, .36, 1)}:root[data-theme=oscuro]{--bg: #0f1f3d;--bg-elevado: #16294b;--bg-elevado-2: #1d3358;--bg-hover: #1d3358;--borde: #2a4270;--texto: #eaf1fb;--texto-tenue: #94a8c8;--acento: #3b82f6;--acento-suave: rgba(59, 130, 246, .18);--acento-hover: #60a5fa;--acento2: #38bdf8;--acento2-suave: rgba(56, 189, 248, .16);--exito: #34d399;--advertencia: #fbbf24;--peligro: #f87171;--sombra-card: 0 1px 3px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .45);--sombra-elevada: 0 8px 32px rgba(0, 0, 0, .5), 0 32px 64px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--texto);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;transition:background var(--transicion),color var(--transicion)}h1,h2,h3,h4{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-weight:600;letter-spacing:-.01em;margin:0}a{color:var(--acento)}button,input,select,textarea{font-family:inherit;font-size:14px;color:var(--texto)}button{cursor:pointer;background:linear-gradient(135deg,var(--acento),color-mix(in srgb,var(--acento) 75%,#000));border:none;border-radius:999px;padding:9px 20px;color:#fff;font-weight:600;font-size:13px;letter-spacing:.01em;box-shadow:0 2px 10px var(--acento-suave),inset 0 1px #ffffff26;transition:box-shadow .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translate(-100%);transition:transform .4s ease}button:hover:not(:disabled):after{transform:translate(100%)}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px var(--acento-suave),inset 0 1px #ffffff26}button:active:not(:disabled){transform:translateY(0) scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{background:color-mix(in srgb,var(--bg-elevado) 80%,transparent);border:1px solid var(--borde);color:var(--texto-tenue);box-shadow:none}button.secundario:hover:not(:disabled){background:color-mix(in srgb,var(--acento) 6%,transparent);border-color:var(--acento);color:var(--acento);transform:translateY(-1px)}button.peligro{background:var(--peligro);box-shadow:0 2px 8px #c0392b40}button.peligro:hover:not(:disabled){box-shadow:0 4px 14px #c0392b59}input,select,textarea{background:var(--bg-elevado);border:1px solid var(--borde);border-radius:var(--radio);padding:8px 10px;transition:border-color .2s,box-shadow .2s}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:color-mix(in srgb,var(--borde) 50%,var(--acento))}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-suave)}.theme-toggle{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.pantalla-carga{height:100%;display:flex;align-items:center;justify-content:center}.spinner{width:32px;height:32px;border:3px solid var(--borde);border-top-color:var(--acento);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);height:100%}.sidebar{background:color-mix(in srgb,var(--bg-elevado) 82%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid color-mix(in srgb,var(--borde) 70%,transparent);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar .marca{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;font-family:Space Grotesk,Inter,sans-serif;font-weight:600;font-size:15px;color:var(--texto)}.marca-badge{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--acento);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;font-size:12px;letter-spacing:-.02em}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{color:var(--texto-tenue);text-decoration:none;padding:10px 12px;border-radius:12px;font-size:13.5px;font-weight:500;transition:color .2s,background .2s}.sidebar nav a:hover{background:color-mix(in srgb,var(--acento) 8%,transparent);color:var(--texto)}.sidebar nav a.activo{background:color-mix(in srgb,var(--acento) 14%,transparent);color:var(--acento);font-weight:700;border-right:none}:root[data-theme=oscuro] .sidebar nav a.activo{color:#eaf1fb}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--borde);background:color-mix(in srgb,var(--bg-elevado) 60%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar .usuario{color:var(--texto-tenue);font-size:13px;margin-right:auto}.menu-boton{display:none;flex-direction:column;justify-content:center;gap:4px;width:40px;height:40px;padding:0 9px;background:transparent;border:1px solid var(--borde);border-radius:10px;cursor:pointer}.menu-boton span{display:block;height:2px;border-radius:2px;background:var(--texto)}.sidebar-backdrop{display:none}.contenido{display:flex;flex-direction:column;overflow:hidden}.pagina{padding:28px 32px;overflow-y:auto;flex:1}.pagina-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pagina-header h1,.pagina-header h2{font-size:22px;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(135deg,var(--texto) 60%,var(--acento));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tabla-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:separate;border-spacing:0;background:color-mix(in srgb,var(--bg-elevado) 92%,transparent);border:1px solid color-mix(in srgb,var(--borde) 70%,transparent);border-radius:var(--radio-lg);overflow:hidden}@media (max-width: 900px){.tabla-scroll table{min-width:640px}}th,td{text-align:left;padding:11px 16px;border-bottom:1px solid color-mix(in srgb,var(--borde) 60%,transparent);font-size:13px}th{color:var(--texto-tenue);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;background:color-mix(in srgb,var(--texto) 3%,transparent)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s}tbody tr:hover{background:color-mix(in srgb,var(--acento) 6%,transparent)}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.02em}.badge.activo{background:color-mix(in srgb,var(--exito) 15%,transparent);color:var(--exito)}.badge.inactivo{background:color-mix(in srgb,var(--peligro) 15%,transparent);color:var(--peligro)}.badge.warning{background:color-mix(in srgb,var(--advertencia) 15%,transparent);color:var(--advertencia)}.badge.error,.badge.critical{background:color-mix(in srgb,var(--peligro) 15%,transparent);color:var(--peligro)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1f3d59;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;animation:modalFadeIn .2s ease}.modal{background:color-mix(in srgb,var(--bg-elevado) 96%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--borde) 70%,transparent);border-radius:var(--radio-lg);padding:24px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:var(--sombra-elevada);animation:modalSlideIn .3s cubic-bezier(.22,.61,.36,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.campo{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.campo label{font-size:10.5px;font-weight:700;color:var(--texto-tenue);text-transform:uppercase;letter-spacing:.06em}.acciones-form{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.tarjeta{background:color-mix(in srgb,var(--bg-elevado) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--borde) 70%,transparent);border-radius:var(--radio-lg);padding:18px;box-shadow:var(--sombra-card);transition:box-shadow .2s,transform .2s}.tarjeta:hover{box-shadow:0 2px 8px #0f1f3d0f,0 8px 24px #0f1f3d14}.tarjeta-pendiente{opacity:.65}.grid-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.error-form{color:var(--peligro);font-size:13px;margin-top:8px}.login-pantalla{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative}.login-theme-toggle{position:absolute;top:20px;right:20px}.login-caja{width:360px;background:color-mix(in srgb,var(--bg-elevado) 95%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--borde) 70%,transparent);border-radius:var(--radio-lg);padding:36px 32px;box-shadow:var(--sombra-elevada)}.login-marca{width:44px;height:44px;border-radius:12px;background:var(--acento);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;font-size:15px;margin-bottom:16px}.login-caja h1{margin-bottom:4px;font-size:19px}.login-caja .subtitulo{color:var(--texto-tenue);font-size:13px;margin-bottom:24px}.filtros{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.tri-estado{display:inline-flex;border:1px solid var(--borde);border-radius:999px;overflow:hidden}.tri-estado button{background:transparent;border:none;border-radius:0;padding:5px 12px;font-size:12px;font-weight:500;color:var(--texto-tenue);box-shadow:none}.tri-estado button:after{content:none}.tri-estado button:hover:not(:disabled){transform:none;background:color-mix(in srgb,var(--acento) 6%,transparent)}.tri-estado button.activo{background:var(--acento);color:#fff}.tri-estado button+button{border-left:1px solid var(--borde)}.vacio{color:var(--texto-tenue);padding:40px;text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.form-grid--span2{grid-column:1 / -1}button.icono{display:inline-flex;align-items:center;gap:6px}.btn-icon-only{background:transparent;border:none;box-shadow:none;padding:6px;color:var(--texto-tenue)}.btn-icon-only:after{content:none}.btn-icon-only:hover:not(:disabled){background:var(--bg-hover);color:var(--acento);transform:none}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;z-index:60;width:250px;max-width:82vw;transform:translate(-100%);transition:transform .28s cubic-bezier(.2,.7,.2,1)}.sidebar.abierto{transform:translate(0);box-shadow:0 0 44px #0006}.menu-boton{display:flex}.layout.menu-abierto .sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#080f1e80}.topbar{padding:10px 14px}.topbar .usuario{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45vw}.pagina{padding:18px 14px}.pagina-header{flex-wrap:wrap;gap:12px}.login-pantalla{padding:16px}.login-caja{width:100%;max-width:360px;padding:28px 22px}}