.dashboard{--dash-grad: linear-gradient(120deg, #6d5efc 0%, #8b5cf6 42%, #22d3ee 100%);--dash-grad-soft: linear-gradient(135deg, rgba(109, 94, 252, .14), rgba(34, 211, 238, .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(109,94,252,.25),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(109,94,252,.1),transparent 55%);opacity:0;transition:opacity .28s ease;pointer-events:none}.dash-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px -16px #6d5efc6b;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: #f5f6f8;--bg-elevado: #ffffff;--bg-hover: #eef0f3;--borde: #dfe2e8;--texto: #1a1d23;--texto-tenue: #6b7280;--acento: #6d5efc;--acento-hover: #5c4ce0;--exito: #16a34a;--advertencia: #b45309;--peligro: #dc2626;--radio: 8px}*{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}h1,h2,h3,h4{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-weight:600;margin:0}a{color:var(--acento)}button,input,select,textarea{font-family:inherit;font-size:14px;color:var(--texto)}button{cursor:pointer;background:var(--acento);border:none;border-radius:var(--radio);padding:8px 16px;color:#fff;font-weight:500;transition:background .15s}button:hover:not(:disabled){background:var(--acento-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secundario{background:transparent;border:1px solid var(--borde);color:var(--texto)}button.secundario:hover:not(:disabled){background:var(--bg-hover)}button.peligro{background:var(--peligro)}button.peligro:hover:not(:disabled){background:#f07272}input,select,textarea{background:var(--bg);border:1px solid var(--borde);border-radius:var(--radio);padding:8px 10px}input:focus,select:focus,textarea:focus{outline:1px solid var(--acento)}.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 1fr;height:100%}.sidebar{background:var(--bg-elevado);border-right:1px solid var(--borde);display:flex;flex-direction:column;padding:16px 0}.sidebar .marca{padding:0 20px 16px;font-size:18px}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{color:var(--texto-tenue);text-decoration:none;padding:10px 20px;font-size:14px}.sidebar nav a:hover{background:var(--bg-hover);color:var(--texto)}.sidebar nav a.activo{background:var(--bg-hover);color:var(--texto);border-right:2px solid var(--acento)}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--borde)}.topbar .usuario{color:var(--texto-tenue);font-size:13px}.contenido{display:flex;flex-direction:column;overflow:hidden}.pagina{padding:24px;overflow-y:auto;flex:1}.pagina-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}table{width:100%;border-collapse:collapse;background:var(--bg-elevado);border-radius:var(--radio);overflow:hidden}th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--borde);font-size:14px}th{color:var(--texto-tenue);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.03em}tbody tr:hover{background:var(--bg-hover)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500}.badge.activo{background:#34c77b26;color:var(--exito)}.badge.inactivo{background:#e0565626;color:var(--peligro)}.badge.warning{background:#e0a83e26;color:var(--advertencia)}.badge.error,.badge.critical{background:#e0565626;color:var(--peligro)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-elevado);border:1px solid var(--borde);border-radius:var(--radio);padding:24px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.campo{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.campo label{font-size:13px;color:var(--texto-tenue)}.acciones-form{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.tarjeta{background:var(--bg-elevado);border:1px solid var(--borde);border-radius:var(--radio);padding:18px}.tarjeta-pendiente{opacity:.6}.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}.login-caja{width:340px;background:var(--bg-elevado);border:1px solid var(--borde);border-radius:var(--radio);padding:32px}.login-caja h1{margin-bottom:4px}.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:var(--radio);overflow:hidden}.tri-estado button{background:transparent;border:none;border-radius:0;padding:4px 10px;font-size:12px;color:var(--texto-tenue)}.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;padding:4px 6px;color:var(--texto-tenue)}.btn-icon-only:hover{background:var(--bg-hover);color:var(--texto)}