:root[data-vidrio]{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}:root[data-vidrio=claro]{--bg:#fff;--surface:#ffffff9e;--sunken:#f4f7fbb3;--raised:#fff;--vidrio-solido:#f5f8fc;--line:#1420361a;--line-strong:#14203633;--hover:#1420360b;--selected:#1b4f8a17;--fg:#12161d;--muted:#4b5361;--faint:#677080;--accent:#1b4f8a;--accent-soft:#1b4f8a1a;--glow-1:transparent;--glow-2:transparent;--chart-grid:#14203614;--overlay:#12182438;--shadow:0 1px 2px #101c300d, 0 14px 38px -12px #1f3c6e3d;--vidrio:linear-gradient(118deg, #ffffff9e 0%, #fff0 42%), linear-gradient(160deg, #f0f6fd94, #ffffff42);--vidrio-borde:#fffffff2;--vidrio-canto:inset 0 1px 0 #fff, inset 0 0 0 1px #ffffff80, 0 0 0 1px #14203612;--vidrio-fondo:#fff;--vidrio-escena:radial-gradient(30% 34% at 18% 14%, #4fa3e366, transparent 70%), radial-gradient(28% 32% at 86% 10%, #23c4b04d, transparent 70%), radial-gradient(34% 38% at 78% 78%, #2a7fc152, transparent 70%), radial-gradient(30% 34% at 28% 84%, #23c4b03d, transparent 70%);--vidrio-barra:#fff9;--vidrio-barra-movil:#ffffffeb;--vidrio-campo:#ffffffb8;--vidrio-campo-borde:#1420361f;--vidrio-th:#ffffff80;--vidrio-fila:#ffffff8c;--vidrio-primario:0 6px 16px -6px #1b4f8a80;--vidrio-sombra-menu:0 18px 44px -12px #101c303d;--vidrio-sombra-modal:0 24px 60px -16px #101c304d;--vidrio-sombra-alza:0 18px 40px -14px #1f3c6e42;--vidrio-seleccion:#1b4f8a33}:root[data-vidrio=oscuro]{--bg:#000;--surface:#ffffff0f;--sunken:#0000004d;--raised:#121316;--vidrio-solido:#0f1013;--line:#ffffff1a;--line-strong:#fff3;--hover:#ffffff0f;--selected:#4fa3e329;--fg:#f2f4f7;--muted:#a8afba;--faint:#878e99;--glow-1:transparent;--glow-2:transparent;--chart-grid:#ffffff14;--overlay:#0000008c;--shadow:0 1px 2px #0006, 0 14px 36px -12px #000000b3;--vidrio:linear-gradient(118deg, #ffffff14 0%, #fff0 42%), linear-gradient(140deg, #ffffff14, #ffffff05);--vidrio-borde:#ffffff1f;--vidrio-canto:inset 0 1px 0 #ffffff24, 0 0 0 1px #0000004d;--vidrio-fondo:#000;--vidrio-escena:radial-gradient(30% 34% at 18% 14%, #2a7fc157, transparent 70%), radial-gradient(28% 32% at 86% 10%, #1a9e8f42, transparent 70%), radial-gradient(34% 38% at 78% 78%, #3c54c43d, transparent 70%), radial-gradient(30% 34% at 28% 84%, #1a9e8f2e, transparent 70%);--vidrio-barra:#0e0f128c;--vidrio-barra-movil:#08080af0;--vidrio-campo:#ffffff0d;--vidrio-campo-borde:#ffffff24;--vidrio-th:#ffffff0a;--vidrio-fila:#ffffff0d;--vidrio-primario:0 6px 18px -6px #4fa3e373;--vidrio-sombra-menu:0 18px 44px -12px #000000bf;--vidrio-sombra-modal:0 24px 60px -16px #000c;--vidrio-sombra-alza:0 18px 40px -14px #000000bf;--vidrio-seleccion:#4fa3e34d}:root[data-vidrio] body{background:var(--vidrio-fondo)}:root[data-vidrio] body:before{content:"";z-index:-1;pointer-events:none;background:var(--vidrio-escena);filter:blur(30px);animation:vidrio-deriva 40s var(--ease-in-out) infinite alternate;will-change:transform;position:fixed;inset:-10%}@keyframes vidrio-deriva{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-2.4%,1.8%)scale(1.06)}to{transform:translate(2%,-1.4%)scale(1.02)}}:root[data-vidrio] :is(.panel,.pane,.kpi,.table-wrap,.card,.tab-lateral,.tab-buscador,.set-panel){background:var(--vidrio);border-color:var(--vidrio-borde);box-shadow:var(--vidrio-canto), var(--shadow)}:root[data-vidrio] :is(.panel,.pane,.table-wrap,.tab-lateral,.set-panel){border-radius:18px}:root[data-vidrio] :is(.kpi,.card){border-radius:14px}:root[data-vidrio] :is(.panel,.pane,.modal,.set-panel) :is(.kpi,.card){box-shadow:var(--vidrio-canto);border-radius:12px}@media (min-width:761px){:root[data-vidrio] .rail{border:1px solid var(--vidrio-borde);background:var(--vidrio);height:calc(100dvh - 24px);box-shadow:var(--vidrio-canto), var(--shadow);border-radius:22px;margin-block:12px;padding:16px 4px;top:12px}:root[data-vidrio] .topbar{border:1px solid var(--vidrio-borde);background:var(--vidrio-barra);box-shadow:var(--vidrio-canto), var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);border-radius:18px;margin-top:12px;margin-bottom:4px;padding:8px 10px 8px 12px;top:12px}}@media (max-width:760px){:root[data-vidrio] .rail{background:var(--vidrio-barra-movil);border-bottom-color:var(--line)}:root[data-vidrio] .topbar{background:0 0}}:root[data-vidrio] :is(.menu-desp-lista,.user-dropdown,.nav-flyout){background:var(--raised);-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);border-color:var(--vidrio-borde);box-shadow:var(--vidrio-canto), var(--vidrio-sombra-menu)}:root[data-vidrio] :is(.input,.btn:not(.primary)){background-color:var(--vidrio-campo);border-color:var(--vidrio-campo-borde)}:root[data-vidrio] .btn.primary{box-shadow:inset 0 1px 0 #ffffff47, var(--vidrio-primario)}:root[data-vidrio] th{background:var(--vidrio-th)}:root[data-vidrio] .crm-lista :is(th,td):nth-child(2){background:var(--vidrio-solido);box-shadow:1px 0 0 var(--line)}:root[data-vidrio] tbody tr:hover{background:var(--vidrio-fila)}:root[data-vidrio] ::selection{background:var(--vidrio-seleccion)}:root[data-vidrio] main>*{animation:vidrio-entrar .38s var(--ease-out) backwards}:root[data-vidrio] main>:nth-child(2){animation-delay:40ms}:root[data-vidrio] main>:nth-child(3){animation-delay:80ms}:root[data-vidrio] main>:nth-child(4){animation-delay:.12s}:root[data-vidrio] main>:nth-child(5){animation-delay:.16s}:root[data-vidrio] main>:nth-child(n+6){animation-delay:.2s}@keyframes vidrio-entrar{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}}:root[data-vidrio] .modal{background:var(--raised);border-color:var(--vidrio-borde);box-shadow:var(--vidrio-canto), var(--vidrio-sombra-modal);border-radius:18px}:root[data-vidrio] .modal-back{-webkit-backdrop-filter:blur(6px)saturate(120%);backdrop-filter:blur(6px)saturate(120%)}@media (prefers-reduced-motion:no-preference){:root[data-vidrio] .modal{transition:opacity .24s var(--ease-out), transform .24s var(--ease-out), filter .24s var(--ease-out)}@starting-style{:root[data-vidrio] .modal{filter:blur(4px)}}}@media (hover:hover) and (pointer:fine){:root[data-vidrio] :is(.kpi,.card){transition:transform .22s var(--ease-out), box-shadow .22s var(--ease-out)}:root[data-vidrio] .kpi:hover{box-shadow:var(--vidrio-canto), var(--vidrio-sombra-alza);transform:translateY(-4px)}:root[data-vidrio] :is(.panel,.pane,.modal,.set-panel) .kpi:hover{box-shadow:var(--vidrio-canto);transform:none}:root[data-vidrio] .card:hover{box-shadow:var(--vidrio-canto), var(--vidrio-sombra-alza);transform:translateY(-2px)}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:vidrio-revelar .62s var(--ease-out,cubic-bezier(.23, 1, .32, 1))}@keyframes vidrio-revelar{0%{clip-path:circle(0 at var(--vt-x,50%) var(--vt-y,0))}to{clip-path:circle(150vmax at var(--vt-x,50%) var(--vt-y,0))}}@media (prefers-reduced-motion:reduce){:root[data-vidrio] body:before{animation:none}:root[data-vidrio] main>*{animation:.2s backwards vidrio-fundido}:root[data-vidrio] :is(.kpi,.card):hover{transform:none}::view-transition-new(root){animation:.2s vidrio-fundido}@keyframes vidrio-fundido{0%{opacity:0}}}
