@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";@layer reset,tokens,base,layout,components,utilities;@layer tokens{:root{color-scheme:dark;--hue: 255;--chroma: .17;--c-bg: #0b0c10;--c-surface: #13141f;--c-surface-2: #1a1b28;--c-surface-3: #222334;--c-border: rgba(255, 255, 255, .08);--c-border-strong: rgba(255, 255, 255, .16);--c-text: #f8f9fc;--c-text-2: #c9cee0;--c-text-3: #888ea6;--c-primary: #6c63ff;--c-primary-hover: #5a52e0;--c-primary-soft: rgba(108, 99, 255, .15);--c-success: #22c97a;--c-success-soft: rgba(34, 201, 122, .12);--c-danger: #ff4f6a;--c-danger-soft: rgba(255, 79, 106, .12);--c-warning: #f5a623;--c-warning-soft: rgba(245, 166, 35, .12);--c-info: #3b9eff;--c-info-soft: rgba(59, 158, 255, .12);--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .875rem;--fs-lg: 1rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--lh-tight: 1.2;--lh-ui: 1.4;--lh-prose: 1.6;--density: 10;--layout-gutter: .5%;--page-margin: var(--layout-gutter);--modal-gutter: 2.5%;--modal-gutter-vw: 2.5vw;--modal-gutter-vh: 2.5dvh;--ctl-h: 34px;--pad: clamp(8px, .75vw, 12px);--cell-y: 5px;--cell-x: 8px;--gap: clamp(4px, var(--layout-gutter, .5%), 10px);--c-whatsapp: #25d366;--c-whatsapp-hover: #20ba5a;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 9999px;--t-fast: .1s;--t-med: .15s;--ease: cubic-bezier(.4, 0, .2, 1);--bg: var(--c-bg);--bg-2: var(--c-surface);--bg-3: var(--c-surface-2);--border: var(--c-border);--border-hover: var(--c-border-strong);--text: var(--c-text);--text-2: var(--c-text-2);--text-3: var(--c-text-3);--accent: var(--c-primary);--accent-2: #8b85ff;--accent-glow: rgba(108, 99, 255, .2);--green: var(--c-success);--green-bg: var(--c-success-soft);--red: var(--c-danger);--red-bg: var(--c-danger-soft);--yellow: var(--c-warning);--yellow-bg: var(--c-warning-soft);--blue: var(--c-info);--blue-bg: var(--c-info-soft);--sidebar-w: 240px;--sidebar-collapsed-w: 51px;--topbar-h: 44px;--c-topbar-bg: rgba(19, 20, 31, .85);--radius: var(--r-md);--radius-sm: var(--r-sm);--radius-lg: var(--r-lg);--shadow: 0 4px 24px #00000040;--shadow-lg: 0 8px 48px #00000060;--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--transition: all var(--t-med) var(--ease);--stock-alert-border: var(--red);--stock-alert-bg: rgba(255, 79, 106, .03);--stock-alert-body-border: rgba(255, 79, 106, .1);--stock-alert-item-depleted-bg: rgba(255, 79, 106, .05);--stock-alert-item-depleted-border: rgba(255, 79, 106, .15);--stock-alert-item-warning-bg: rgba(245, 158, 35, .05);--stock-alert-item-warning-border: rgba(245, 158, 35, .15);--tab-bg: transparent;--tab-color: var(--text-2);--tab-active-color: var(--accent-2);--tab-active-border: var(--accent);--tab-border: var(--border);--modal-header-p: 12px 18px;--modal-body-p: 16px 18px;--modal-footer-p: 10px 18px;--c-viz-1: var(--c-primary);--c-viz-2: #38bdf8;--c-viz-3: #34d399;--c-viz-4: #fbbf24;--c-viz-5: #f43f5e;--c-viz-6: #c084fc;--c-row-hover: rgba(255, 255, 255, .04);--c-scrim: rgba(11, 12, 16, .75);--c-on-primary: #ffffff;--phi: 1.618;--g-1: .5rem;--g-2: .8125rem;--g-3: 1.3125rem;--g-4: 2.125rem;--g-5: 3.4375rem;--fr-major: 1.618fr;--fr-minor: 1fr;--w-readable: 48rem;--w-form: 40rem;--w-kpi: 10rem;--w-card: 14rem;--w-state: 28rem;--w-art: 3.5rem;--w-toast: 24rem;--hit-min: 2.25rem;--fs-metric: clamp(1.5rem, 1.1rem + 1.1vw, 2rem);--fs-phi-1: 1.625rem;--fs-phi-2: 2.625rem;--fs-phi-3: 4.25rem;--fs-display: clamp(var(--fs-phi-2), 1.5rem + 4vw, var(--fs-phi-3))}[data-tone]{--tone: var(--c-text-2);--tone-soft: var(--c-surface-3)}[data-tone=primary]{--tone: var(--c-primary);--tone-soft: var(--c-primary-soft)}[data-tone=success]{--tone: var(--c-success);--tone-soft: var(--c-success-soft)}[data-tone=warning]{--tone: var(--c-warning);--tone-soft: var(--c-warning-soft)}[data-tone=danger]{--tone: var(--c-danger);--tone-soft: var(--c-danger-soft)}[data-tone=info]{--tone: var(--c-info);--tone-soft: var(--c-info-soft)}@media (pointer: coarse){:root{--ctl-h: 44px}}@media (pointer: fine){:root{--ctl-h: 34px}}[data-density=compact]{--ctl-h: 32px;--pad: 12px;--cell-y: 6px;--cell-x: 8px;--gap: 8px}[data-density=comfortable]{--ctl-h: 40px;--pad: 20px;--cell-y: 10px;--cell-x: 16px;--gap: 16px}[data-theme=light]{color-scheme:light;--c-bg: #f4f4fa;--c-surface: #ffffff;--c-surface-2: #e8e8f2;--c-surface-3: #dedee8;--c-border: #d2d2e2;--c-border-strong: #a8a8c2;--c-text: #111118;--c-text-2: #242436;--c-text-3: #47475e;--c-primary: #635bff;--c-primary-hover: #4f46e5;--c-primary-soft: rgba(99, 91, 255, .12);--c-success: #0e8a48;--c-success-soft: rgba(14, 138, 72, .12);--c-danger: #d62848;--c-danger-soft: rgba(214, 40, 72, .12);--c-warning: #b87405;--c-warning-soft: rgba(184, 116, 5, .12);--c-info: #1572c2;--c-info-soft: rgba(21, 114, 194, .12);--shadow: 0 4px 24px #0000001a;--shadow-lg: 0 8px 48px #00000028;--stock-alert-border: var(--red);--stock-alert-bg: rgba(214, 40, 72, .03);--stock-alert-body-border: rgba(214, 40, 72, .1);--stock-alert-item-depleted-bg: rgba(214, 40, 72, .05);--stock-alert-item-depleted-border: rgba(214, 40, 72, .15);--stock-alert-item-warning-bg: rgba(184, 116, 5, .05);--stock-alert-item-warning-border: rgba(184, 116, 5, .15);--tab-bg: transparent;--tab-color: var(--text-2);--tab-active-color: var(--accent-2);--tab-active-border: var(--accent);--tab-border: var(--border);--c-topbar-bg: #ffffff}[data-theme=light] .modal-overlay{background:#00000040}[data-theme=light] .sidebar-item.active{background:#635bff14}[data-theme=light] .notif-item.unread{background:#635bff0f}[data-theme=light] .loader{border-color:var(--border);border-top-color:var(--accent)}[data-theme=light] .btn-primary{box-shadow:0 1px 4px #635bff33}[data-theme=light] .btn-primary:hover{box-shadow:0 2px 8px #635bff4d}[data-theme=light] .sidebar{box-shadow:1px 0 8px #0000000a}[data-theme=light] .topbar{background:#fff!important;border-bottom:1px solid var(--c-border);box-shadow:0 1px 3px #0000000d}[data-theme=light] .topbar-module-title{color:var(--c-text)!important}[data-theme=light] .topbar-date{color:var(--c-text-3)!important}[data-theme=light] #topbar-saldo{background:var(--c-surface-2)!important;border:1px solid var(--c-border)!important;color:var(--c-text)!important}[data-theme=light] .topbar-period-select{background:#fff!important;border:1px solid var(--c-border)!important;color:var(--c-text)!important}[data-theme=light] .topbar-btn{color:var(--c-text-2)!important}[data-theme=light] .topbar-btn:hover{background:var(--c-surface-2)!important;color:var(--c-text)!important}[data-theme=light] .sidebar-menu-toggle{background:#fff!important;border:1px solid var(--c-border)!important;color:var(--c-text-2)!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border-hover)}}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable;background-color:var(--c-bg)}img{max-width:100%;display:block}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}}@layer base{body{font-family:var(--font-body);background-color:var(--c-bg);color:var(--c-text);min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden;line-height:var(--lh-ui)}#root,#app-shell{background-color:var(--c-bg);min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.recharts-wrapper,.recharts-wrapper svg,.recharts-surface,.recharts-surface:focus,.recharts-wrapper *:focus,canvas:focus{outline:none!important}.tabular-nums,.price,.monto,.saldo,.badge-num{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:99px}}@layer layout{.app-layout{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:var(--topbar-h) 1fr;min-height:100vh;min-height:100dvh;height:100dvh;background-color:var(--c-bg);overflow:hidden}.app-sidebar{grid-row:1 / -1;grid-column:1;background-color:var(--c-surface)}.app-topbar{grid-row:1;grid-column:2;background-color:var(--c-topbar-bg);position:relative;z-index:900}.app-content{grid-row:2;grid-column:2;background-color:var(--c-bg);padding:var(--layout-gutter, var(--page-margin, .5%));padding-bottom:max(var(--layout-gutter, var(--page-margin, .5%)),env(safe-area-inset-bottom,0px));overflow-y:auto;overflow-x:clip;overscroll-behavior-y:contain;max-height:calc(100vh - var(--topbar-h));max-height:calc(100dvh - var(--topbar-h));scrollbar-width:thin;scrollbar-color:var(--c-border-strong) transparent;scroll-behavior:smooth}.app-content>div[style*="padding: 20px"],.app-content>div[style*="padding:20px"]{padding:0!important}.scroll-indicator-track{position:fixed;right:2px;top:calc(var(--topbar-h, 54px) + 8px);bottom:12px;width:14px;z-index:850;pointer-events:none;display:flex;justify-content:center;user-select:none;-webkit-user-select:none;touch-action:none}.scroll-indicator-thumb{position:absolute;top:0;width:4px;border-radius:99px;background:var(--c-primary, var(--accent, #6366f1));opacity:0;pointer-events:auto;cursor:grab;transition:opacity .25s cubic-bezier(.16,1,.3,1),width .15s cubic-bezier(.16,1,.3,1),background .15s ease,box-shadow .15s ease;will-change:transform,opacity}.scroll-indicator-thumb:before{content:"";position:absolute;top:-6px;right:-12px;bottom:-6px;left:-12px;border-radius:99px}.scroll-indicator-track.is-visible .scroll-indicator-thumb{opacity:.75}.scroll-indicator-thumb:hover{opacity:1!important;width:6px;background:var(--accent-hover, var(--accent, #6366f1))}.scroll-indicator-track.is-dragging .scroll-indicator-thumb{opacity:1!important;width:7px;cursor:grabbing;background:var(--accent-hover, var(--accent, #6366f1));box-shadow:0 0 10px var(--accent-glow, rgba(99, 102, 241, .5))}@media (max-width: 768px){.scroll-indicator-track{right:1px;top:calc(var(--topbar-h, 54px) + 6px);bottom:8px;width:16px}.scroll-indicator-thumb{width:3.5px}.scroll-indicator-track.is-dragging .scroll-indicator-thumb{width:6px}.app-content::-webkit-scrollbar{width:0px!important;height:0px!important;display:none!important}}.grid-auto{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--w-card)),1fr))}.dash{container:dash / inline-size;display:grid;gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr))}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}@container dash (max-width: 64rem){.span-3,.span-4{grid-column:span 6}.span-8{grid-column:span 12}}@container dash (max-width: 40rem){.dash>*{grid-column:1 / -1}}.split{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr);align-items:start}@media (min-width: 90em){.split{grid-template-columns:minmax(0,1fr) minmax(20rem,28rem)}}.split--phi{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr);align-items:start}@media (min-width: 64em){.split--phi{grid-template-columns:minmax(0,var(--fr-major)) minmax(0,var(--fr-minor))}.split--phi>:last-child{position:sticky;top:0}}.kpi-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--w-kpi),1fr);gap:var(--gap);overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.kpi-strip>*{scroll-snap-align:start}.page--readable{max-width:var(--w-readable)}.page--form{max-width:var(--w-form)}}.sidebar{width:var(--sidebar-w);background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden;transition:width .22s cubic-bezier(.16,1,.3,1),min-width .22s cubic-bezier(.16,1,.3,1),max-width .22s cubic-bezier(.16,1,.3,1);animation:sidebarEntranceDesktop .15s cubic-bezier(.16,1,.3,1);will-change:width,transform}@keyframes sidebarEntranceDesktop{0%{opacity:.85;transform:translate3d(-4px,0,0)}to{opacity:1;transform:translateZ(0)}}.sidebar-logo{flex-shrink:0;height:var(--topbar-h);min-height:var(--topbar-h);box-sizing:border-box;padding:0 var(--pad);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--gap);transition:padding .32s cubic-bezier(.16,1,.3,1),gap .32s cubic-bezier(.16,1,.3,1)}.sidebar-logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo-icon svg{width:24px;height:24px;color:var(--accent)}.sidebar-logo-text{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.3px;color:var(--c-text);line-height:1.2;opacity:1;max-width:150px;transition:opacity .18s ease,max-width .3s cubic-bezier(.16,1,.3,1);overflow:hidden;white-space:nowrap}.sidebar-brand-name{display:block;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.3px;color:#f0f0f5;line-height:1.2}[data-theme=light] .sidebar-brand-name{color:#0f172a}.sidebar-brand-name span{display:inline;color:#8b85ff;font-size:inherit;font-weight:inherit;font-family:inherit;text-transform:none;letter-spacing:inherit}.sidebar-role-badge{display:block;font-size:10px;font-weight:600;color:var(--c-text-3);font-family:var(--font-body);letter-spacing:.5px;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;display:flex;flex-direction:column;gap:2px}.sidebar-section-label{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);padding:8px 8px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--text-2);font-size:14px;font-weight:400;transition:transform .22s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1),padding .3s cubic-bezier(.4,0,.2,1),gap .3s cubic-bezier(.4,0,.2,1);position:relative;white-space:nowrap;will-change:transform,background,color}.sidebar-item-label{opacity:1;max-width:150px;transition:opacity .18s ease,max-width .3s cubic-bezier(.16,1,.3,1),color .2s ease,text-shadow .2s ease;overflow:hidden;white-space:nowrap;display:inline-block}.sidebar-item svg{width:17px;height:17px;flex-shrink:0;opacity:.7;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1);overflow:visible}.sidebar-item:hover{background:#ffffff0d;color:var(--text);transform:translate3d(4px,0,0)}.sidebar-item:active{transform:translate3d(2px,0,0) scale(.99)}.sidebar-item:hover .sidebar-item-label{color:var(--text)}.sidebar-item:hover svg{opacity:1;color:var(--text);transform:scale(1.15) rotate(-2deg)}[data-theme=dark] .sidebar-item:hover{color:#fff;background:#ffffff0f;transform:translate3d(4px,0,0)}[data-theme=dark] .sidebar-item:hover .sidebar-item-label{color:#fff}[data-theme=dark] .sidebar-item:hover svg{color:#fff;opacity:1;transform:scale(1.15) rotate(-2deg)}.sidebar-item.active{background:var(--accent-glow);color:var(--accent-2);font-weight:500;transform:translate3d(2px,0,0)}.sidebar-item.active .sidebar-item-label{color:var(--accent-2)}.sidebar-item.active svg{opacity:1;color:var(--accent-2);transform:scale(1.1)}.sidebar-item.active:hover{background:var(--accent-glow);color:var(--accent-2);transform:translate3d(4px,0,0)}.sidebar-item.active:hover .sidebar-item-label{color:var(--accent-2)}.sidebar-item.active:hover svg{color:var(--accent-2);opacity:1;transform:scale(1.16) rotate(-2deg)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--accent-glow);animation:activeIndicatorSlide .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes activeIndicatorSlide{0%{height:0%;opacity:0}to{height:60%;opacity:1}}.sidebar-badge{margin-left:auto;background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;min-width:18px;text-align:center;box-shadow:0 1px 4px #00000040;animation:sidebarBadgePulse 2.8s infinite ease-in-out;will-change:transform}@keyframes sidebarBadgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.88}}.sidebar-footer{flex-shrink:0;padding:8px;border-top:1px solid var(--border);background:var(--bg-2)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;background:transparent;color:var(--text-2);transition:color .2s ease,padding .3s cubic-bezier(.16,1,.3,1),gap .3s cubic-bezier(.16,1,.3,1)}.sidebar-user:hover{background:transparent}.sidebar-user-avatar{width:17px;height:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-avatar svg{width:17px;height:17px;opacity:.7;color:var(--text-2);transition:var(--transition)}.sidebar-user:hover .sidebar-user-avatar svg{opacity:1;color:#fff}.sidebar-user:hover .sidebar-user-name{color:#fff}.sidebar-logout-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;max-width:30px;opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1),max-width .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-logout-icon svg{width:16px;height:16px;opacity:.7;color:var(--text-3);transition:var(--transition)}.sidebar-user:hover .sidebar-logout-icon svg{opacity:1;color:#fff}.sidebar-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-glow);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--accent-2);flex-shrink:0}.sidebar-user-info{flex:1;min-width:0;opacity:1;max-width:150px;transition:opacity .5s cubic-bezier(.4,0,.2,1),max-width .5s cubic-bezier(.4,0,.2,1);overflow:hidden;white-space:nowrap}.sidebar-user-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:var(--text-3);text-transform:capitalize}.sidebar-menu-toggle{display:none}.topbar{background:var(--c-topbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border, var(--border));display:flex;align-items:center;justify-content:space-between;padding:0 var(--layout-gutter, var(--page-margin, .5%));min-height:var(--topbar-h);position:sticky;top:0;z-index:90;gap:8px}.topbar-left{display:flex;align-items:center;gap:8px;min-width:0}.topbar-module-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.01em;white-space:nowrap}.topbar-date{font-size:12px;color:var(--text-3);font-weight:500;white-space:nowrap}.topbar-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text)}.topbar-right{display:flex;align-items:center;gap:6px}.topbar-period-select{height:32px;padding:0 10px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-3);color:var(--text);cursor:pointer;transition:var(--transition)}.topbar-period-select:hover{border-color:var(--accent)}.topbar-saldo-label{color:var(--text-3);font-size:12px}.topbar-saldo-valor{font-weight:700;font-size:13px;font-variant-numeric:tabular-nums}.topbar-user-welcome{font-size:13px;color:var(--text-3);white-space:nowrap;min-width:0}.topbar-user-name{color:var(--text);font-weight:500}.topbar-search-btn{display:flex;align-items:center;gap:6px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px;color:var(--text-3);cursor:pointer;margin-left:6px;transition:var(--transition)}.topbar-search-btn:hover{background:var(--bg-3);border-color:var(--accent);color:var(--text)}.topbar-search-kbd{font-size:10px;background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:1px 4px;font-family:monospace;color:var(--text-2)}@media (max-width: 640px){.topbar{padding:0 var(--layout-gutter, var(--page-margin, .5%));gap:4px}.topbar-right{gap:3px}#topbar-saldo{padding:2px 5px!important;font-size:11px!important}.topbar-date,.topbar-saldo-label{display:none}.topbar-period-select{font-size:11px;padding:0 4px;height:30px;max-width:115px}.topbar-welcome-prefix,.topbar-search-label,.topbar-search-kbd{display:none}.topbar-search-btn{padding:6px;margin-left:2px;border-radius:50%}.topbar-user-name{max-width:75px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}}.topbar-btn{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:var(--transition);position:relative}.topbar-btn:hover{background:var(--bg-3);color:var(--text)}.topbar-btn svg{width:18px;height:18px;overflow:visible;transition:var(--transition)}.topbar-btn:hover svg{color:var(--accent-2);transform:scale(1.08)}.theme-toggle-btn{background:transparent;border:none;cursor:pointer;padding:0}.theme-toggle-btn svg{transition:transform var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.theme-toggle-btn:hover svg{transform:rotate(15deg) scale(1.1);color:var(--accent)}.topbar-notif-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--red);border-radius:50%;border:1.5px solid var(--bg-2)}.card{background:var(--c-surface, var(--bg-2));border:1px solid var(--c-border, var(--border));border-radius:var(--radius);padding:var(--pad);box-shadow:0 1px 3px #00000040,inset 0 1px #ffffff0d;transition:border-color var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease)}.card:hover{border-color:var(--c-border-strong, var(--border-hover))}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap)}.card-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text)}.card-subtitle{font-size:12px;color:var(--text-2);margin-top:2px}.content-max-md{max-width:560px}.content-max-lg{max-width:680px}.content-max-xl{max-width:760px}.card-grid{display:grid;gap:var(--gap)}.card-grid--services{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-grid--groups{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-grid--stock{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap)}.card-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.stack-list{display:flex;flex-direction:column;gap:var(--gap)}.selection-grid-loader{grid-column:1 / -1;display:flex;justify-content:center;padding:20px}.selection-card{display:flex;align-items:flex-start;gap:var(--gap);min-width:0;padding:var(--pad);background:var(--bg-3);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.selection-card:hover{border-color:var(--border-hover)}.selection-card.is-selected{border-color:var(--accent)}.selection-card__radio{margin-top:3px;flex-shrink:0}.selection-card__content{flex:1;min-width:0}.selection-card__title{font-size:13px;font-weight:600;color:var(--text);line-height:1.35}.selection-card__meta{font-size:12px;color:var(--text-3);margin-top:4px;line-height:1.45}.selection-card__status--exact{color:var(--green)}.selection-card__status--warning{color:var(--yellow)}.selection-card__mono{margin-top:3px;font-size:12px;color:var(--text-3);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-grid{display:grid;gap:var(--gap);margin-bottom:var(--gap);width:100%}.stats-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.stats-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}.stats-grid--7{grid-template-columns:repeat(7,minmax(0,1fr))}.stats-grid--8{grid-template-columns:repeat(8,minmax(0,1fr))}@media (max-width: 1024px){.stats-grid--8,.stats-grid--7{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.stats-grid--5{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--gap)}.stats-grid--5>.stat-card:nth-child(1),.stats-grid--5>.stat-card:nth-child(2),.stats-grid--5>.stat-card:nth-child(3){grid-column:span 2}.stats-grid--5>.stat-card:nth-child(4),.stats-grid--5>.stat-card:nth-child(5){grid-column:span 3}}@media (max-width: 768px){.stats-grid--8{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid--7,.stats-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 576px){.stats-grid--8,.stats-grid--7{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stats-grid--6{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4px,1.2vw,6px)}.stats-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stats-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}.stat-card,.kpi-card{background:var(--c-surface, var(--bg-2));border:1px solid var(--c-border, var(--border));border-radius:var(--radius-sm);padding:clamp(6px,.5vw,8px) clamp(8px,.75vw,10px);box-shadow:none;transition:border-color var(--t-med) var(--ease);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.stat-card:hover{border-color:var(--c-border-strong, var(--border-hover))}.stat-card:not(:has(.stat-top-row)){display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:2px}.stat-card:not(:has(.stat-top-row)) .stat-icon{grid-column:1;grid-row:1}.stat-card:not(:has(.stat-top-row)) .stat-value{grid-column:2;grid-row:1}.stat-card:not(:has(.stat-top-row)) .stat-label{grid-column:1 / -1;grid-row:2;margin-top:2px}.stat-top-row{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}.stat-main-metric{display:flex;align-items:center;gap:8px;min-width:0}.stat-icon{width:28px;height:28px;min-width:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:0;flex-shrink:0}.stat-icon svg{width:15px;height:15px}.stat-icon.accent{background:var(--accent-glow);color:var(--accent-2)}.stat-icon.green{background:var(--green-bg);color:var(--green)}.stat-icon.red{background:var(--red-bg);color:var(--red)}.stat-icon.yellow{background:var(--yellow-bg);color:var(--yellow)}.stat-icon.blue{background:var(--blue-bg);color:var(--blue)}.stat-value{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--c-text, var(--text));line-height:1;margin-bottom:0;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap}.stat-context-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--r-pill);background:var(--tone-soft, var(--bg-3));color:var(--tone, var(--text-2));white-space:nowrap;letter-spacing:.02em;flex-shrink:0}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-3, var(--text-3));font-weight:700;margin-top:4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 576px){.stat-card,.kpi-card{padding:clamp(5px,1.2vw,7px) clamp(6px,1.4vw,8px);min-height:auto}.stat-top-row{gap:4px}.stat-main-metric{gap:5px;min-width:0}.stat-icon{width:22px;height:22px;min-width:22px;border-radius:var(--radius-xs, 4px)}.stat-icon svg{width:12px;height:12px}.stat-value{font-size:clamp(12px,3.4vw,15px);line-height:1.1}.stat-label{font-size:clamp(7.5px,2.2vw,8.5px);letter-spacing:.02em;margin-top:3px;line-height:1.15;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stat-context-badge{font-size:8px;padding:1px 3px}}.dashboard-container{padding:0;margin:0;width:100%;max-width:100%;box-sizing:border-box}@media (min-width: 640px){.dashboard-container{padding:0}}@media (min-width: 1024px){.dashboard-container{padding:0}}.table-wrap,.table-container{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--c-border, var(--border));box-shadow:0 1px 3px #00000040,inset 0 1px #ffffff0d;background:var(--c-surface, var(--bg-2));width:100%;box-sizing:border-box;margin-bottom:var(--gap)}.table-wrap:hover,.table-container:hover{border-color:var(--c-border, var(--border));transform:none}.card>.table-wrap,.card .table-wrap,.card>.table-container,.card .table-container{border:none!important;box-shadow:none!important;background:transparent!important;transform:none!important}.card>.table-wrap:hover,.card .table-wrap:hover,.card>.table-container:hover,.card .table-container:hover{transform:none!important;box-shadow:none!important;border-color:transparent!important}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{position:sticky;top:0;z-index:5;background:var(--c-surface-2, var(--bg-3));padding:var(--cell-y) var(--cell-x);text-align:left;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--c-text-2, var(--text-2));white-space:nowrap;border-bottom:1px solid var(--c-border, var(--border))}tbody tr{border-top:1px solid var(--border);transition:var(--transition)}tbody tr:hover{background:var(--c-surface-3, var(--bg-3))}tbody td{padding:var(--cell-y) var(--cell-x);color:var(--c-text-2, var(--text-2));vertical-align:middle}tbody td:first-child{color:var(--c-text, var(--text));font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge-no-dot:before,.badge.font-mono:before{display:none!important}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-yellow{background:var(--yellow-bg);color:var(--yellow)}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-purple{background:#6c63ff26;color:#8b85ff}.badge-accent{background:var(--accent-glow);color:var(--accent-2)}.badge-gray{background:var(--bg-3);color:var(--text-2)}.btn{--btn-gap: 6px;--btn-icon-size: 14px;height:var(--ctl-h, 36px);min-height:var(--ctl-h, 36px);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);padding:0 14px;border-radius:var(--radius-sm);font-size:var(--fs-sm, 13px);font-weight:600;transition:background var(--t-med) var(--ease),border-color var(--t-med) var(--ease),color var(--t-med) var(--ease);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent}.btn:active{opacity:.88}.btn svg{width:var(--btn-icon-size);height:var(--btn-icon-size);flex-shrink:0}.btn-primary{background:var(--c-primary, #6c63ff);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 1px 3px #0003}.btn-primary:hover{background:var(--c-primary-hover, #5a52e0);border-color:#fff3}.btn-secondary{background:var(--c-surface-2, #1a1a24);color:var(--c-text, #f2f2f7);border:1px solid var(--c-border-strong, rgba(255, 255, 255, .15))}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background:var(--c-surface-3, #222230);border-color:var(--c-primary, #6c63ff);color:var(--c-text)}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-secondary:focus,[data-theme=dark] .btn-secondary:active{color:#fff}.btn-danger{background:var(--c-danger-soft, rgba(255, 79, 106, .12));color:var(--c-danger, #ff4f6a);border:1px solid rgba(255,79,106,.25)}.btn-danger:hover{background:#ff4f6a38;border-color:var(--c-danger, #ff4f6a)}.btn-success{background:var(--c-success-soft, rgba(34, 201, 122, .12));color:var(--c-success, #22c97a);border:1px solid rgba(34,201,122,.25)}.btn-success:hover{background:#22c97a38;border-color:var(--c-success, #22c97a)}.btn-whatsapp{background:#25d366;color:#fff;border:1px solid #25d366}.btn-whatsapp:hover{background:#1fb95a;border-color:#1fb95a}.btn-tight{--btn-gap: 5px;--btn-icon-size: 13px;padding:0 10px}.btn-venta-nota-text{display:none}@media (min-width: 640px){.btn-venta-nota-text{display:inline;margin-left:2px}}.nota-textarea{width:100%;box-sizing:border-box;background:var(--c-surface, var(--bg-3, #161622));border:1px solid var(--border);border-radius:var(--radius-sm, 8px);color:var(--c-text, #f0f0f5);font-family:inherit;font-size:13.5px;line-height:1.45;padding:10px 12px;outline:none;resize:none;height:72px;min-height:72px;max-height:80px;transition:border-color .2s ease,box-shadow .2s ease}.nota-textarea:focus{border-color:#8b85ff;box-shadow:0 0 0 3px #8b85ff29}.nota-chip{background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);font-size:11px;padding:4px 9px;border-radius:99px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:4px}.nota-chip:hover{background:var(--border-hover);color:var(--c-text);border-color:#8b85ff}.btn-sm{height:30px;min-height:30px;padding:0 10px;font-size:12px}.btn-sm svg{width:13px;height:13px}.form-group{margin-bottom:12px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:4px;letter-spacing:.3px}.form-input,.form-select{height:var(--ctl-h, 36px);min-height:var(--ctl-h, 36px);width:100%;background:var(--c-surface-2, var(--bg-3));border:1px solid var(--c-border, var(--border));border-radius:var(--radius-sm);padding:0 12px;color:var(--c-text, var(--text));font-size:var(--fs-md, 14px);transition:border-color var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-textarea{width:100%;background:var(--c-surface-2, var(--bg-3));border:1px solid var(--c-border, var(--border));border-radius:var(--radius-sm);padding:8px 12px;color:var(--c-text, var(--text));font-size:var(--fs-md, 14px);transition:border-color var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);outline:none;resize:vertical;min-height:100px}.form-hint{font-size:11.5px;color:var(--text-3);margin-top:5px;line-height:1.4}.form-error{font-size:11px;color:var(--red);margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-overlay,.modal-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:var(--modal-gutter, 2.5%)!important;box-sizing:border-box!important;background:#0009!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;margin:0!important;animation:modalOverlayFadeIn .16s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity}.modal-overlay.open,.modal-backdrop.open{opacity:1;pointer-events:all;animation:modalOverlayFadeIn .16s cubic-bezier(.16,1,.3,1) forwards}.modal-overlay.modal-overlay-stacked,.modal-backdrop.modal-overlay-stacked{z-index:100005!important}.modal-overlay.closing,.modal-backdrop.closing{animation:modalOverlayFadeOut .15s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayFadeOut{0%{opacity:1}to{opacity:0}}.btn-danger-solid{background:var(--c-danger, #ff4f6a);color:#fff;border:1px solid var(--c-danger, #ff4f6a);box-shadow:0 1px 3px #ef444440;transition:background var(--t-med) var(--ease),border-color var(--t-med) var(--ease)}.btn-danger-solid:hover{background:#dc2626;border-color:#dc2626}.modal,.modal-box,.modal-dialog,.modal-content,.modal-card,.modal-system{background:var(--c-surface, #13141f);border:1px solid var(--c-border-strong, rgba(255, 255, 255, .14));border-radius:var(--radius-lg, 16px);width:fit-content;min-width:min(460px,calc(100vw - (2 * var(--modal-gutter, 2.5%))));max-width:min(640px,calc(100vw - (2 * var(--modal-gutter, 2.5%))));height:auto;max-height:calc(100dvh - (2 * var(--modal-gutter, 2.5%)));display:flex;flex-direction:column;overflow:hidden;margin:auto;box-shadow:0 20px 40px #00000080;animation:modalPopIn .16s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity;transform:translateZ(0)}.modal-overlay>*{max-width:calc(100vw - (2 * var(--modal-gutter, 2.5%)));max-height:calc(100dvh - (2 * var(--modal-gutter, 2.5%)));box-sizing:border-box!important}.modal-overlay.open .modal,.modal-overlay.open .modal-box,.modal-overlay.open .modal-dialog,.modal-overlay.open .modal-content,.modal-overlay.open .modal-card,.modal-overlay.open .modal-system{animation:modalPopIn .16s cubic-bezier(.16,1,.3,1) forwards}.modal-overlay.closing .modal,.modal-overlay.closing .modal-box,.modal-overlay.closing .modal-dialog,.modal-overlay.closing .modal-content,.modal-overlay.closing .modal-card,.modal-overlay.closing .modal-system{animation:modalPopOut .14s cubic-bezier(.4,0,.2,1) forwards}@keyframes modalPopIn{0%{opacity:0;transform:scale(.97) translate3d(0,6px,0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes modalPopOut{0%{opacity:1;transform:scale(1) translateZ(0)}to{opacity:0;transform:scale(.98) translate3d(0,4px,0)}}@keyframes moduleEnter{0%{opacity:0}to{opacity:1}}#page-content,.tab-pane,[role=tabpanel],.config-tab-content{animation:moduleEnter .14s cubic-bezier(.16,1,.3,1)}.modal>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modal.modal-sm,.modal.modal--compact,.modal.modal-confirm{width:min(calc(100vw - (2 * var(--modal-gutter, var(--layout-gutter, .5%)))),380px)!important;max-width:380px!important;min-width:0!important;min-height:auto!important;margin:auto!important}.modal.modal-chat-ticket,.modal-system.modal-chat-ticket{width:min(calc(100vw - (2 * var(--modal-gutter, var(--layout-gutter, .5%)))),500px)!important;max-width:500px!important;min-width:0!important}.modal.modal-md,.modal-system.modal-md,.modal.modal--form{width:min(calc(100vw - (2 * var(--modal-gutter, var(--layout-gutter, .5%)))),560px)!important;max-width:560px!important;min-width:0!important;margin:auto!important}.modal.modal-lg,.modal-system.modal-lg{width:min(calc(100vw - (2 * var(--modal-gutter, var(--layout-gutter, .5%)))),720px)!important;max-width:720px!important;min-width:0!important;margin:auto!important}[data-theme=light] .modal{background:var(--bg-2);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border);box-shadow:0 24px 48px #0000001a,inset 0 1px #fffc}.modal-drag-handle{display:none!important}.modal-overlay,.modal-backdrop{display:flex!important;align-items:center!important;justify-content:center!important;padding:var(--modal-gutter-vh, 2.5dvh) var(--modal-gutter-vw, 2.5vw)!important;box-sizing:border-box!important}.modal,.modal-box,.modal-dialog,.modal-content,.modal-card,.modal-system{margin:auto!important;border-radius:var(--radius-lg, 16px)!important;max-height:calc(100dvh - (2 * var(--modal-gutter-vh, 2.5dvh)))!important}@media (max-width: 768px){.modal-overlay,.modal-backdrop{display:flex!important;align-items:center!important;justify-content:center!important;padding:var(--modal-gutter-vh, 2.5dvh) var(--modal-gutter-vw, 2.5vw)!important;margin:0!important;box-sizing:border-box!important}.modal,.modal-box,.modal-dialog,.modal-content,.modal-card,.modal-system{width:min(calc(100vw - (2 * var(--modal-gutter-vw, 2.5vw))),560px)!important;max-width:calc(100vw - (2 * var(--modal-gutter-vw, 2.5vw)))!important;min-width:auto!important;max-height:calc(100dvh - (2 * var(--modal-gutter-vh, 2.5dvh)))!important;border-radius:var(--radius-lg, 16px)!important;border:1px solid var(--border)!important;margin:auto!important;box-shadow:0 16px 48px #00000080!important}.modal-drag-handle{display:none!important}.modal-overlay.open .modal,.modal-overlay.open .modal-box,.modal-overlay.open .modal-dialog,.modal-overlay.open .modal-content,.modal-overlay.open .modal-card,.modal-overlay.open .modal-system{animation:modalPopIn .16s cubic-bezier(.16,1,.3,1) forwards!important}.modal-overlay.closing .modal,.modal-overlay.closing .modal-box,.modal-overlay.closing .modal-dialog,.modal-overlay.closing .modal-content,.modal-overlay.closing .modal-card,.modal-overlay.closing .modal-system{animation:modalPopOut .14s cubic-bezier(.4,0,.2,1) forwards!important}}.modal-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.modal-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text)}.modal-close{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:background .15s ease,color .15s ease,transform .12s ease}.modal-close:hover{background:var(--bg-3, var(--bg-hover));color:var(--text)}.modal-close:active{transform:scale(.92)}.modal-close svg{width:16px;height:16px}.modal-body{padding:18px 20px;overflow-y:auto;flex:1 1 auto;min-height:auto}.modal-sm .modal-body,.modal--compact .modal-body,.modal-confirm .modal-body{min-height:auto}.modal-footer{padding:12px 20px;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px;justify-content:flex-end;align-items:center;width:100%;box-sizing:border-box}.modal-footer>.btn,.modal-footer>button,.modal-footer>a{flex:1 1 0px!important;min-width:0!important;justify-content:center!important;white-space:nowrap!important}.modal-footer.modal-footer--compact-actions{padding:0 16px 16px;gap:0;flex-wrap:nowrap;justify-content:space-between}.modal-footer.modal-footer--compact-actions .btn{--btn-gap: 4px;--btn-icon-size: 12px;padding:7px 8px;font-size:11.5px;flex:0 1 auto;min-width:0}.modal-footer.modal-footer--recarga-actions,.modal-footer--recarga-actions{display:grid!important;grid-template-columns:1fr 1fr!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;width:100%!important;box-sizing:border-box!important;padding:12px 20px!important}.modal-footer.modal-footer--recarga-actions>.btn,.modal-footer.modal-footer--recarga-actions>button,.modal-footer--recarga-actions>.btn,.modal-footer--recarga-actions>button{flex:1 1 0!important;width:100%!important;min-width:0!important;margin:0!important;justify-content:center!important;align-items:center!important;white-space:nowrap!important}.modal-section{margin-bottom:12px}.modal-section:last-child{margin-bottom:0}.modal-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:6px}.modal-kv-block{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.modal-kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.modal-kv-grid--3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.modal-kv-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border)}.modal-kv-row:last-child{border-bottom:none}.modal-kv-cell{padding:8px 12px;border-bottom:1px solid var(--border);min-width:0}.modal-kv-grid>.modal-kv-cell:nth-child(odd){border-right:1px solid var(--border)}.modal-kv-grid--3>.modal-kv-cell{border-right:1px solid var(--border)}.modal-kv-grid--3>.modal-kv-cell:nth-child(3n),.modal-kv-grid--3>.modal-kv-cell:last-child{border-right:none}.modal-kv-cell--full{grid-column:1 / -1;border-right:none!important}.modal-kv-cell--stacked{display:flex;flex-direction:column;gap:2px}.modal-kv-cell--horizontal{display:flex;align-items:center;justify-content:space-between;gap:8px}.modal-kv-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600;white-space:nowrap}.modal-kv-value{font-size:13px;font-weight:500;color:var(--text);word-break:break-word}.modal-footer--actions-end{justify-content:flex-end!important;border-top:1px solid var(--border)!important;background:var(--bg-2)!important;align-items:center!important;padding:12px 16px!important;flex-shrink:0!important;flex-wrap:nowrap!important}.modal-footer--actions-end>.btn,.modal-footer--actions-end>button{flex:0 0 auto!important;width:auto!important}@media (max-width: 540px){.modal-kv-grid{grid-template-columns:minmax(0,1fr)}.modal-kv-grid>.modal-kv-cell:nth-child(odd){border-right:none}.modal-kv-grid>.modal-kv-cell:not(:last-child){border-bottom:1px solid var(--border)!important}.modal-kv-grid>.modal-kv-cell:last-child{border-bottom:none!important}.modal-kv-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.modal-kv-grid--3>.modal-kv-cell{border-right:1px solid var(--border)!important;padding:8px 6px!important;text-align:center}.modal-kv-grid--3>.modal-kv-cell:last-child,.modal-kv-grid--3>.modal-kv-cell:nth-child(3n){border-right:none!important}.modal-kv-grid--3 .modal-kv-label{font-size:10px!important}.modal-kv-grid--3 .modal-kv-value{font-size:12px!important}}.modal-wizard-stepper{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:var(--bg-2);border-bottom:1px solid var(--border-color);font-size:12px;flex-shrink:0}.modal-wizard-step{display:flex;align-items:center;gap:7px;color:var(--text-3);font-weight:500;transition:color .15s ease}.modal-wizard-step.active{color:var(--blue);font-weight:600}.modal-wizard-step.completed{color:var(--green)}.modal-wizard-step-num{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:var(--bg-3);color:var(--text-3);border:1px solid var(--border-color)}.modal-wizard-step.active .modal-wizard-step-num{background:var(--blue);color:#fff;border-color:var(--blue)}.modal-wizard-step.completed .modal-wizard-step-num{background:var(--green);color:#fff;border-color:var(--green)}.modal-wizard-divider{width:28px;height:1px;background:var(--border-color)}.rotacion-candidatos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media (max-width: 580px){.rotacion-candidatos-grid{grid-template-columns:1fr}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap);gap:var(--gap);min-height:var(--ctl-h)}.page-header>.btn{flex-shrink:0}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--gap);flex-wrap:wrap}.page-actions .btn{min-width:0}.inventario-actions{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.inventario-secondary-actions{display:flex;align-items:center;gap:var(--gap)}.inventory-filters-row{display:flex;align-items:center;gap:var(--gap);flex:1 1 auto;min-width:0}.inventory-filters-row .form-select{flex:1 1 0;min-width:0}.page-title,.page-subtitle{display:none!important}.page-header:not(:has(.btn,.page-actions,.inventario-actions,input,select,button,a)){display:none!important}.page-meta{font-size:13px;color:var(--text-2);font-weight:500}.tabs{display:flex;gap:var(--gap);border-bottom:1px solid var(--tab-border);margin-bottom:var(--gap);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.tabs::-webkit-scrollbar{display:none}.tab-btn{padding:8px 12px 10px;font-size:14px;font-weight:500;color:var(--tab-color);background:var(--tab-bg);border-bottom:2px solid transparent;transition:var(--transition);cursor:pointer;flex-shrink:0;white-space:nowrap}.tab-btn:hover{color:var(--text);background:#ffffff08;border-radius:var(--radius-sm) var(--radius-sm) 0 0}[data-theme=light] .tab-btn:hover{background:#00000005}.tab-btn.active{color:var(--tab-active-color);border-bottom-color:var(--tab-active-border);font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;gap:var(--gap)}.empty-state svg{width:40px;height:40px;color:var(--text-3);opacity:.5}.empty-state-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-2)}.empty-state-desc{font-size:13px;color:var(--text-3);max-width:280px}.notif-panel{position:absolute;top:calc(100% + 6px);right:0;width:340px;max-width:min(340px,calc(100vw - 16px));background:var(--bg-2);border:1px solid var(--border-hover);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-8px);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility .2s;display:flex;flex-direction:column}.notif-panel.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.notif-panel-header{padding:12px 14px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.notif-panel-title{font-family:var(--font-display);font-size:13.5px;font-weight:600}.notif-list{max-height:320px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.notif-item{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;gap:var(--gap);cursor:pointer;transition:var(--transition)}.notif-item:hover{background:var(--bg-3)}.notif-item.unread{background:var(--accent-glow)}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(6deg)}20%,40%,60%,80%{transform:rotate(-6deg)}}.bell-ringing{animation:bellRing 2s ease-in-out infinite;transform-origin:50% 0%}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:5px}.notif-content{flex:1}.notif-text{font-size:13px;color:var(--text);line-height:1.4}.notif-time{font-size:11px;color:var(--text-3);margin-top:3px}.role-owner{color:#f5a623;background:#f5a62315}.role-admin{color:#3b9eff;background:#3b9eff15}.role-proveedor{color:#22c97a;background:#22c97a15}.role-distribuidor{color:#c97aee;background:#c97aee15}.role-cliente{color:#9090a8;background:#9090a815}.loader{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:999;flex-direction:column;gap:var(--gap)}.loading-screen .loader{width:36px;height:36px;border-width:3px}.hidden{display:none!important}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.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}.mb-24{margin-bottom:24px}.text-right{text-align:right}.text-center{text-align:center}.w-full{width:100%}.toast-container{position:fixed;bottom:24px;right:24px;z-index:999999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;background:var(--bg-2);border:1px solid var(--border-hover);border-radius:var(--radius);padding:12px 16px;font-size:13.5px;color:var(--text);box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;min-width:240px;animation:toastIn .22s cubic-bezier(.16,1,.3,1)}.toast svg{width:16px;height:16px;flex-shrink:0}.toast-success{border-left:3px solid var(--green)}.toast-error{border-left:3px solid var(--red)}.toast-info{border-left:3px solid var(--accent)}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.dashboard-empty{padding:14px 4px;display:flex;align-items:center;justify-content:center}.divider{height:1px;background:var(--border);margin:20px 0}.search-bar{position:relative;display:flex;align-items:center;width:100%;max-width:280px}.search-bar--compact{max-width:260px}.search-bar>svg:first-child,.search-bar>.icon:first-child{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-2);pointer-events:none}.search-bar input{width:100%;box-sizing:border-box;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text);font-size:13.5px;outline:none;transition:var(--transition)}.search-bar:has(>svg:first-child) input,.search-bar:has(>.icon:first-child) input{padding-left:34px}.search-bar:has(.search-bar-btn) input{padding-right:34px}.search-bar input::placeholder{color:var(--text-3);opacity:.9}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-bar-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;outline:none;padding:0;margin:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-3);transition:color .2s ease;z-index:2}.search-bar-btn:hover{color:var(--text)}.section-toolbar{display:flex;align-items:center;gap:var(--gap);margin-bottom:var(--gap);flex-wrap:wrap;max-width:100%}.section-toolbar--compact{margin-bottom:var(--gap)}.section-toolbar .search-bar{flex:1 1 260px;min-width:0;max-width:320px}.section-toolbar .form-select{width:auto;min-width:0;padding:8px 12px}.section-toolbar__spacer{margin-left:auto}.section-toolbar__meta{font-size:13px;color:var(--text-3)}.toolbar,.toolbar-grid{display:flex;flex-direction:column;gap:var(--gap);margin-bottom:var(--gap);width:100%}.toolbar-search-row{width:100%}.toolbar-search-row .search-bar{width:100%!important;max-width:100%!important;flex:1 1 100%!important}.toolbar-filters-row{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap;width:100%}.toolbar-filters-row select,.toolbar-filters-row .form-select{width:auto!important;flex:0 0 auto!important;min-width:0!important;max-width:190px!important;height:var(--ctl-h)!important;padding:0 10px!important;font-size:13px!important}.toolbar-filters-row .btn{flex:0 0 auto!important;white-space:nowrap!important;height:var(--ctl-h)!important}.toolbar-filters-row .toolbar-meta{margin-left:auto;font-size:12.5px;color:var(--text-3);white-space:nowrap;flex-shrink:0}.controls-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap);flex-wrap:wrap;gap:var(--gap)}.controls-inline{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.controls-inline .form-select{width:auto;flex:1 1 auto;min-width:0;max-width:100%}.controls-inline .form-select--compact,.controls-inline .btn{flex:0 0 auto;max-width:none}@media (max-width: 768px){.inventario-header{flex-direction:column;align-items:stretch;gap:14px}.inventario-actions{display:flex;flex-direction:column;width:100%;gap:8px}.inventario-actions>.btn-primary{width:100%;justify-content:center;order:-1;padding:10px 16px;font-size:13.5px;font-weight:600}.inventario-secondary-actions{display:flex;width:100%;gap:6px}.inventario-secondary-actions .btn{flex:1 1 0;min-width:0;justify-content:center;padding:7px 4px;font-size:11px;white-space:nowrap}.inventario-secondary-actions .btn span{overflow:hidden;text-overflow:ellipsis}.inventory-filters-row{width:100%;display:flex;gap:6px}.inventory-filters-row .form-select{flex:1 1 0;min-width:0;padding:7px 6px;font-size:12px}.section-toolbar{gap:8px;flex-wrap:wrap}.section-toolbar .search-bar{flex:1 1 100%;max-width:100%}.section-toolbar .form-select,.section-toolbar>button,.section-toolbar .btn{flex:1 1 auto;font-size:12.5px;padding:6px 10px}.section-toolbar__meta{width:100%;margin-left:0;text-align:right;font-size:12px}.section-toolbar__spacer{margin-left:0}.form-row,.card-grid--two,.card-grid--services,.card-grid--groups{grid-template-columns:1fr}.form-row{gap:12px}.tabs{margin-bottom:16px}.tab-btn{padding:10px 10px 8px;font-size:12.5px}.controls-row{align-items:center;gap:8px}.controls-row>*{flex:0 0 auto}.controls-inline{width:auto;flex:0 0 auto;align-items:center;gap:6px}.controls-inline span{white-space:nowrap}.controls-inline .form-select{width:auto;min-width:0;flex:1 1 auto;max-width:100%}.controls-inline .form-select--compact{min-width:72px;flex:0 0 auto;max-width:none}thead th{padding:var(--cell-y) var(--cell-x);font-size:10px}tbody td{padding:var(--cell-y) var(--cell-x);font-size:12.5px}.empty-state{padding:36px 16px;gap:10px}.modal-overlay{display:flex!important;align-items:center!important;justify-content:center!important;padding:var(--modal-gutter-vh, 2.5dvh) var(--modal-gutter-vw, 2.5vw)!important;margin:0!important}.modal,.modal-system{width:min(calc(100vw - (2 * var(--modal-gutter-vw, 2.5vw))),560px)!important;min-width:auto!important;max-width:calc(100vw - (2 * var(--modal-gutter-vw, 2.5vw)))!important;margin:auto!important;border-radius:var(--radius-lg, 16px)!important;border:1px solid var(--border)!important;max-height:calc(100dvh - (2 * var(--modal-gutter-vh, 2.5dvh)))!important}.modal.modal-sm,.modal.modal--compact,.modal.modal-confirm{width:min(calc(100vw - (2 * var(--modal-gutter-vw, 2.5vw))),380px)!important;max-width:380px!important;min-width:0!important}.modal.modal-chat-ticket,.modal-system.modal-chat-ticket{width:min(calc(100vw - (2 * var(--modal-gutter, var(--layout-gutter, .5%)))),500px)!important;max-width:500px!important;min-width:0!important}.modal.modal-md,.modal-system.modal-md,.modal.modal--form{width:min(calc(100vw - (2 * var(--modal-gutter-vw, 2.5vw))),560px)!important;max-width:560px!important;min-width:0!important}.modal.modal-lg,.modal-system.modal-lg{width:min(calc(100vw - (2 * var(--modal-gutter-vw, 2.5vw))),720px)!important;max-width:720px!important;min-width:0!important}.modal-header{padding:16px 16px 0}.modal-body{padding:16px}.modal-footer{padding:12px 16px!important;display:flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;border-top:1px solid var(--border)!important}.modal-footer>.btn,.modal-footer>button,.modal-footer>a{flex:1 1 0px!important;min-width:0!important;justify-content:center!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.modal-footer.modal-footer--recarga-actions,.modal-footer--recarga-actions{display:grid!important;grid-template-columns:1fr 1fr!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;padding:10px 14px!important;align-items:center!important}.modal-footer.modal-footer--recarga-actions>.btn,.modal-footer.modal-footer--recarga-actions>button,.modal-footer--recarga-actions>.btn,.modal-footer--recarga-actions>button{flex:1 1 0!important;width:100%!important;min-width:0!important;margin:0!important;padding:8px 6px!important;font-size:12.5px!important;white-space:nowrap!important;justify-content:center!important}.notif-panel{position:fixed!important;top:calc(var(--topbar-h, 54px) + 6px)!important;right:max(8px,var(--layout-gutter, 8px))!important;left:auto!important;width:min(340px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;max-height:min(440px,calc(100dvh - var(--topbar-h, 54px) - 16px))!important;z-index:99999!important;display:flex!important;flex-direction:column!important;box-shadow:0 12px 36px #00000059!important;border-radius:var(--radius-lg, 12px)!important}.notif-panel.open{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;visibility:visible!important}.notif-panel-header{padding:10px 12px!important}.notif-panel-title{font-size:13px!important}.notif-list{max-height:250px!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.notif-item{padding:8px 12px!important;gap:8px!important}.notif-panel-footer{padding:8px 10px!important}.sidebar-menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-2);background:var(--bg-3);border:1px solid var(--border);cursor:pointer;transition:var(--transition)}.sidebar-menu-toggle:hover{color:var(--text);border-color:var(--border-hover)}.sidebar-menu-toggle svg{width:18px;height:18px;overflow:visible}.app-layout{grid-template-columns:minmax(0,1fr)!important;max-width:100vw!important;width:100%!important;overflow-x:hidden!important}.app-sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:var(--sidebar-w)!important;z-index:1200!important;transform:translate3d(-100%,0,0);transition:transform .28s cubic-bezier(.16,1,.3,1);will-change:transform;box-shadow:4px 0 28px #00000061}.app-sidebar .sidebar{height:100%}.app-sidebar.sidebar-open{transform:translateZ(0)!important;z-index:1200!important}.sidebar-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#00000080!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:1150!important;animation:sidebarOverlayFadeIn .16s cubic-bezier(.16,1,.3,1) forwards;cursor:pointer;will-change:opacity}@keyframes sidebarOverlayFadeIn{0%{opacity:0}to{opacity:1}}.app-sidebar,.app-topbar,.app-content{grid-column:1!important}.app-topbar{width:100%!important;max-width:100vw!important;min-width:0!important;overflow:visible!important;box-sizing:border-box!important;position:relative!important;z-index:100!important}.app-content{padding:var(--layout-gutter, var(--page-margin, .5%));padding-bottom:max(var(--layout-gutter, var(--page-margin, .5%)),env(safe-area-inset-bottom,0px));max-height:calc(100vh - var(--topbar-h));max-height:calc(100dvh - var(--topbar-h));min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}}.card-compact{padding:0!important;overflow:hidden}.card-compact-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.card-compact-body{border-top:1px solid var(--border);padding:var(--pad);background:#00000004}[data-theme=light] .card-compact-body{background:#00000001}.compact-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);gap:var(--gap)}.compact-list-item:last-child{border-bottom:none}.compact-list-item-left{flex:1;min-width:0}.compact-list-item-right{display:flex;align-items:center;gap:var(--gap);flex-shrink:0}.compact-list-item-title{font-size:13.5px;font-weight:500;color:var(--text)}.compact-list-item-subtitle{font-size:12px;color:var(--text-3);margin-top:2px}.compact-list-item-value{font-size:14px;font-weight:600}.compact-list-item-value--green{color:var(--green)}.compact-list-item-value--yellow{color:var(--yellow)}.stock-alert-card{display:none;border:1px solid var(--stock-alert-border)!important;background:var(--stock-alert-bg)!important}.stock-alert-header{cursor:pointer;padding:16px;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.stock-alert-header-left{display:flex;align-items:center;gap:8px}.stock-alert-title{color:var(--red);font-size:14px;font-weight:700;line-height:1.2}.stock-alert-subtitle{font-size:11px;color:var(--text-3);margin-top:2px}.stock-alert-header-right{display:flex;align-items:center;gap:12px}.stock-alert-badges{display:flex;gap:6px;font-size:11px}.stock-alert-chevron{width:16px;height:16px;transition:transform .2s}.stock-alert-body{display:none;border-top:1px solid var(--stock-alert-body-border);padding:16px;background:#00000004}[data-theme=light] .stock-alert-body{background:#00000001}.stock-alert-list{display:flex;flex-direction:column;gap:10px}.stock-alert-item{border-radius:var(--radius-sm);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.stock-alert-item-left{min-width:0;flex:1}.stock-alert-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.stock-alert-item--depleted{background:var(--stock-alert-item-depleted-bg);border:1px solid var(--stock-alert-item-depleted-border)}.stock-alert-item--warning{background:var(--stock-alert-item-warning-bg);border:1px solid var(--stock-alert-item-warning-border)}.stock-alert-item-title{font-size:13.5px;font-weight:700}.stock-alert-item-title--depleted{color:var(--red)}.stock-alert-item-title--warning{color:var(--yellow)}.stock-alert-item-subtitle{font-size:12px;color:var(--text-3);margin-top:2px}.stock-alert-item-highlight{color:var(--yellow)}.stock-alert-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;flex-shrink:0;white-space:nowrap}.stock-alert-badge--depleted{background:var(--red);color:#fff}.stock-alert-badge--warning{background:var(--yellow);color:#000}.btn-cargar-stock-directo{padding:4px 10px;font-size:11px;display:flex;align-items:center;gap:4px;background:var(--bg-3)}.stock-alert-summary-badge{padding:2px 8px;border-radius:4px;font-weight:600;font-size:11px}.stock-alert-summary-badge--depleted{background:var(--stock-alert-item-depleted-bg);color:var(--red);border:1px solid var(--stock-alert-item-depleted-border)}.stock-alert-summary-badge--warning{background:var(--stock-alert-item-warning-bg);color:var(--yellow);border:1px solid var(--stock-alert-item-warning-border)}.stock-alert-summary-badge--accent{background:#6c63ff1a;color:var(--accent);border:1px solid rgba(108,99,255,.2)}.stock-alert-summary-badge--neutral{background:var(--border);color:var(--text-3);border:1px solid transparent}.stock-alert-summary-badge--green{background:var(--green-bg);color:var(--green);border:1px solid var(--border-hover)}.card-compact-header--collapsible{cursor:pointer}.premium-switch{position:relative;display:inline-block;width:38px;height:20px}.premium-switch input{opacity:0;width:0;height:0}.premium-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-3);transition:.3s;border-radius:20px;border:1px solid var(--border)}.premium-slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:var(--text-3);transition:.3s;border-radius:50%}.premium-switch input:checked+.premium-slider{background-color:var(--green);border-color:var(--green)}.premium-switch input:checked+.premium-slider:before{transform:translate(18px);background-color:#fff}.charts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);margin-bottom:0;width:100%;max-width:100%;box-sizing:border-box}.charts-grid>*{min-width:0;max-width:100%;box-sizing:border-box}.chart-container-card{min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box}.charts-grid-wide{grid-column:span 2}.charts-grid-full{grid-column:1 / -1}@media (max-width: 1200px){.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.charts-grid-wide{grid-column:span 2}.charts-grid-full{grid-column:1 / -1}}@media (max-width: 768px){.charts-grid{grid-template-columns:minmax(0,1fr);gap:var(--gap)}.charts-grid-wide,.charts-grid-full{grid-column:span 1}}.dashboard-wrapper{max-width:100%;margin:0;width:100%}.segmented-bar{display:flex;height:8px;width:100%;background-color:var(--bg-3);border-radius:4px;overflow:hidden;margin-bottom:8px;border:1px solid var(--border)}.segmented-segment{height:100%;transition:width .3s ease}.segmented-segment.red{background-color:var(--red)}.segmented-segment.yellow{background-color:var(--yellow)}.segmented-segment.green{background-color:var(--green)}.segmented-segment.blue{background-color:var(--blue)}.segmented-segment.purple{background-color:var(--accent)}.segmented-segment.gray{background-color:var(--text-3)}.segmented-legend{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--text-3);margin-bottom:12px}.segmented-legend-item{display:flex;align-items:center;gap:4px}.segmented-legend-dot{width:6px;height:6px;border-radius:50%}.segmented-legend-dot.red{background-color:var(--red)}.segmented-legend-dot.yellow{background-color:var(--yellow)}.segmented-legend-dot.green{background-color:var(--green)}.segmented-legend-dot.blue{background-color:var(--blue)}.segmented-legend-dot.purple{background-color:var(--accent)}.segmented-legend-dot.gray{background-color:var(--text-3)}.dashboard-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:4px}.dashboard-tab-btn{padding:8px 16px;font-size:13.5px;font-weight:600;color:var(--text-3);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.dashboard-tab-btn:hover{color:var(--text);background:var(--bg-3)}.dashboard-tab-btn.active{color:var(--accent-2);background:var(--accent-glow)}.health-badge{padding:2px 8px;border-radius:4px;font-weight:700;font-size:11.5px}.health-badge--excellent{background:#10b9811a;color:var(--green);border:1px solid rgba(16,185,129,.2)}.health-badge--warning{background:#f59e0b1a;color:var(--yellow);border:1px solid rgba(245,158,11,.2)}.health-badge--danger{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.2)}@media (max-width: 1024px){.table-wrap,.table-container{border:none!important;background:transparent!important;box-shadow:none!important;overflow-x:visible!important;margin-bottom:var(--gap)!important}table{display:block!important;width:100%!important}table thead{display:none!important}table tbody{display:block!important;width:100%!important}table tr{display:block!important;background:var(--bg-2)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;padding:var(--pad)!important;margin-bottom:var(--gap)!important;box-shadow:0 2px 4px #0000000d!important}table tr:hover{background:var(--bg-2)!important}table td{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px 0!important;border-bottom:1px solid var(--border)!important;text-align:right!important;font-size:13px!important;min-height:36px!important}table td:empty{display:none!important}table td:last-child{border-bottom:none!important}table td:first-child{font-weight:600!important;color:var(--text)!important}table td:before{content:attr(data-label);font-weight:600!important;color:var(--text-3)!important;text-align:left!important;margin-right:8px!important;font-size:12px!important;text-transform:uppercase!important}table td[colspan]{display:block!important;text-align:center!important;padding:24px 0!important;border:none!important}table td[colspan]:before{display:none!important}}.venta-id-highlight{color:var(--yellow);font-weight:700}@keyframes msZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ms-lightbox-img{animation:msZoomIn .3s cubic-bezier(.16,1,.3,1) forwards}#sidebar-install-btn{transition:padding .3s cubic-bezier(.16,1,.3,1),gap .3s cubic-bezier(.16,1,.3,1)}.sidebar-install-label{opacity:1;max-width:150px;transition:opacity .18s ease,max-width .3s cubic-bezier(.16,1,.3,1);overflow:hidden;white-space:nowrap;display:inline-block}.sidebar-user svg:last-child{opacity:1;max-width:16px;transition:opacity .18s ease,max-width .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@media (min-width: 769px){:root{--sidebar-collapsed-w: 51px}.app-sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);max-width:var(--sidebar-w);overflow:hidden;transition:width .3s cubic-bezier(.16,1,.3,1),min-width .3s cubic-bezier(.16,1,.3,1),max-width .3s cubic-bezier(.16,1,.3,1);will-change:width}.app-layout.sidebar-collapsed .app-sidebar{width:var(--sidebar-collapsed-w);min-width:var(--sidebar-collapsed-w);max-width:var(--sidebar-collapsed-w)}.app-layout,.app-layout.sidebar-collapsed{grid-template-columns:auto minmax(0,1fr)!important}.sidebar{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden;box-sizing:border-box;transition:none!important}.sidebar.collapsed{width:100%!important;min-width:0!important;max-width:100%!important}.sidebar.collapsed .sidebar-logo{padding:0 9.5px;gap:0}.sidebar.collapsed .sidebar-logo-text{opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed .sidebar-item{padding:7px 8px 7px 10px;gap:0;transform:none!important}.sidebar.collapsed .sidebar-item svg{margin:0}.sidebar.collapsed .sidebar-item-label{opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed .sidebar-section-label{height:1px;padding:0;margin:12px 8px 12px 10px;background:var(--border);font-size:0;color:transparent;overflow:hidden}.sidebar.collapsed .sidebar-item:hover{background:transparent;transform:none}.sidebar.collapsed .sidebar-item .sidebar-badge{position:absolute;top:4px;right:12px;font-size:9px;min-width:14px;height:14px;line-height:14px;padding:0;border-radius:50%}.sidebar.collapsed .sidebar-footer{padding:8px}.sidebar.collapsed .sidebar-user{justify-content:flex-start;padding:7px 10px;gap:0}.sidebar.collapsed .sidebar-user-avatar{width:17px!important;height:17px!important;margin:0!important;display:flex!important;flex-shrink:0}.sidebar.collapsed .sidebar-user-avatar svg{width:17px!important;height:17px!important;margin:0!important;opacity:.7;color:var(--text-2);transition:var(--transition)}.sidebar.collapsed .sidebar-user-info{opacity:0;max-width:0;pointer-events:none}.sidebar.collapsed .sidebar-logout-icon{opacity:0;max-width:0;margin:0;pointer-events:none}}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;flex-shrink:0}.icon-sm{width:14px;height:14px}.icon-md{width:16px;height:16px}.icon-lg{width:20px;height:20px}.icon-search{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")}.icon-check{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}.icon-close,.icon-x{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")}.icon-refresh{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='23 4 23 10 17 10'/%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/%3E%3C/svg%3E")}.icon-plus,.icon-add{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E")}.icon-filter{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/%3E%3C/svg%3E")}.icon-note,.icon-paper,.icon-file-text{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E")}.result-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;font-weight:600}.result-header-icon{display:flex;align-items:center}.result-error-msg{font-size:13px;opacity:.85;line-height:1.5}.btn-code-link{display:inline-flex;align-items:center;gap:8px;background:var(--green-bg);border:1.5px solid #22c97a40;border-radius:var(--radius-sm);padding:10px 16px;color:var(--green);font-size:14px;font-weight:600;font-family:var(--font-display);text-decoration:none;transition:var(--transition);margin-top:4px}.btn-code-link:hover{background:#22c97a25;border-color:var(--green)}.btn-manual-toggle{position:fixed;bottom:16px;right:16px;display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:8px 14px;color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 4px 12px #00000014;transition:var(--transition);z-index:100}.btn-manual-toggle:hover{background:var(--c-border-strong, var(--border-hover));color:var(--text)}.btn-manual-toggle svg{flex-shrink:0;opacity:.8}@media (max-width: 480px){.btn-manual-toggle{bottom:12px;right:12px;padding:6px 10px;font-size:11px}}.codigos-page-root{min-height:100vh;min-height:100dvh;background-color:var(--c-bg);background-image:var(--radial-bg);color:var(--text);display:flex;align-items:center;justify-content:center;padding:var(--layout-gutter, .5%);box-sizing:border-box;position:relative;font-family:var(--font-body);width:100%}.codigos-page-root .top-actions{position:fixed;top:16px;right:16px;z-index:1000;display:flex;align-items:center;gap:10px}.codigos-page-root .theme-toggle-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.codigos-page-root .theme-toggle-btn:hover{background:var(--bg-3);color:var(--text);border-color:var(--border-hover);transform:scale(1.05)}.codigos-page-root .user-topbar{position:fixed!important;top:16px!important;left:16px!important;z-index:1000!important;display:flex;align-items:center;justify-content:space-between;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px 14px;box-shadow:var(--shadow);width:auto!important;max-width:340px!important;box-sizing:border-box;gap:12px}.codigos-page-root .user-info{display:flex;align-items:center;gap:12px}.codigos-page-root .user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;flex-shrink:0}.codigos-page-root .user-details{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.codigos-page-root .user-name{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.2;white-space:nowrap}.codigos-page-root .user-email{font-size:11.5px;color:var(--text-2);line-height:1.2;margin-top:2px;white-space:nowrap}.codigos-page-root .btn-logout{display:inline-flex;align-items:center;gap:6px;background:var(--red-bg);color:var(--red);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);flex-shrink:0;text-decoration:none}.codigos-page-root .btn-logout:hover{background:var(--red);color:#fff;border-color:var(--red);transform:translateY(-1px)}.codigos-page-root .btn-login-pill{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;text-decoration:none;transition:var(--transition)}.codigos-page-root .btn-login-pill:hover{background:var(--accent-2);transform:translateY(-1px)}.codigos-page-root .page-wrapper{width:100%;max-width:900px;display:flex;flex-direction:column;gap:18px;padding:0 10px;margin:0 auto;box-sizing:border-box}.codigos-page-root .header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto 20px;gap:8px;width:100%}.codigos-page-root .brand{display:flex;align-items:center;gap:9px;justify-content:center}.codigos-page-root .brand-logo{width:36px;height:36px;border-radius:25%;box-shadow:0 0 20px var(--accent-glow)}.codigos-page-root .brand-name{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.4px;color:var(--text)}.codigos-page-root .brand-name span{color:var(--accent-2)}.codigos-page-root .header-title{font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:-.6px;color:var(--text);line-height:1.15;margin:0}.codigos-page-root .header-sub{font-size:13.5px;color:var(--text-2);line-height:1.5;margin:0}.codigos-page-root .card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px;box-shadow:var(--shadow-lg);transition:var(--transition);box-sizing:border-box;width:100%}.codigos-page-root .main-content-grid{display:grid;grid-template-columns:310px 1fr;gap:24px;align-items:start;width:100%}.codigos-page-root .main-content-grid.no-services{grid-template-columns:1fr;max-width:480px;margin:0 auto}@media (max-width: 767px){.codigos-page-root .page-wrapper{max-width:440px}.codigos-page-root .main-content-grid{display:flex;flex-direction:column;gap:20px}.codigos-page-root .card{padding:20px 16px}}.codigos-page-root .active-services-section{margin-bottom:0;text-align:left;border-right:1px solid var(--border);padding-right:20px}@media (max-width: 767px){.codigos-page-root .active-services-section{border-right:none;padding-right:0;border-bottom:1px solid var(--border);padding-bottom:20px}}.codigos-page-root .section-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.codigos-page-root .section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}.codigos-page-root .services-count-badge{background:var(--accent-glow);color:var(--accent);font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border)}.codigos-page-root .services-chips-grid{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding-right:4px}.codigos-page-root .service-chip{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-3);border:1px solid var(--border);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none}.codigos-page-root .service-chip:hover{background:var(--bg-2);border-color:var(--border-hover);transform:translate(2px)}.codigos-page-root .service-chip.active{background:var(--accent-glow);border-color:var(--accent)}.codigos-page-root .service-chip-left{display:flex;align-items:center;gap:10px;min-width:0}.codigos-page-root .service-chip-logo{width:32px;height:32px;border-radius:25%;object-fit:cover;background:var(--bg-2);border:1px solid var(--border);padding:0;overflow:hidden;flex-shrink:0;display:block;transform:scale(1.15)}.codigos-page-root .service-chip-info{display:flex;flex-direction:column;min-width:0;text-align:left}.codigos-page-root .service-chip-name-row{display:flex;align-items:center;gap:6px;min-width:0}.codigos-page-root .service-chip-num{font-family:var(--font-display);font-weight:700;font-size:11px;color:var(--accent);background:var(--accent-glow);padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);letter-spacing:.02em;flex-shrink:0;line-height:1.3}.codigos-page-root .service-chip.active .service-chip-num{background:var(--accent);color:#fff;border-color:var(--accent)}.codigos-page-root .service-chip-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codigos-page-root .service-chip-email{font-size:11px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codigos-page-root .service-chip-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.codigos-page-root .chip-tag-external{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);background:var(--yellow-bg);color:var(--yellow);border:1px solid var(--border)}.codigos-page-root .search-form-col{display:flex;flex-direction:column;min-width:0;width:100%;gap:16px}.codigos-page-root .input-group{display:flex;flex-direction:column;gap:7px;margin-bottom:0;text-align:left}.codigos-page-root .field-label{font-size:13px;font-weight:500;color:var(--text-2);letter-spacing:.1px}.codigos-page-root .search-row{display:flex!important;gap:12px!important;align-items:center!important;width:100%!important;box-sizing:border-box!important;margin-top:6px!important}.codigos-page-root .service-logo-box{width:48px!important;height:48px!important;min-width:48px!important;background:var(--bg-3);border:1px solid var(--border);border-radius:25%;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;overflow:hidden!important;box-sizing:border-box;transition:var(--transition);position:relative;cursor:pointer;flex-shrink:0}.codigos-page-root .service-logo-box:hover{border-color:var(--border-hover);transform:scale(1.03)}.codigos-page-root .service-logo-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;transform:scale(1.15)}.codigos-page-root .platform-popover{position:absolute;top:52px;left:-1px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;z-index:1000;width:140px;box-sizing:border-box}.codigos-page-root .popover-item{width:38px;height:38px;border-radius:25%;border:1px solid var(--border);overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--bg-3);transition:var(--transition)}.codigos-page-root .popover-item:hover{border-color:var(--accent);transform:scale(1.05)}.codigos-page-root .popover-item.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.codigos-page-root .popover-item img{width:100%;height:100%;object-fit:cover}.codigos-page-root .search-wrapper{flex-grow:1;position:relative;width:100%}.codigos-page-root .input-icon{position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-3)!important;pointer-events:none!important;transition:var(--transition);display:block!important}.codigos-page-root .search-input{width:100%!important;background:var(--bg-3)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:12px 48px 12px 38px!important;color:var(--text)!important;font-size:14px!important;outline:none!important;transition:var(--transition);height:48px!important;box-sizing:border-box!important}.codigos-page-root .search-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important;background:var(--bg-3)!important}.codigos-page-root .search-submit-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;padding:8px 12px;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:var(--radius-sm)}.codigos-page-root .search-submit-btn:hover{color:var(--accent-2)}.codigos-page-root .search-submit-btn:disabled{cursor:not-allowed;opacity:.6}.codigos-page-root .search-loader{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;box-sizing:border-box}.codigos-page-root .result-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;width:100%}.codigos-page-root .result-header-title-box{display:flex;align-items:center;gap:8px}.codigos-page-root .result-header-text--accent{color:var(--accent-2);font-weight:700;font-size:13.5px}.codigos-page-root .result-header-text--success{color:var(--green);font-weight:700;font-size:13.5px}.codigos-page-root .result-header-auto-badge{font-size:11px;color:var(--text-3);font-weight:500}.codigos-page-root .live-pulse-dot{width:8px;height:8px;background-color:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 0 0 var(--green);animation:pulse-green 1.8s infinite ease-in-out}.codigos-page-root .code-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);text-align:left;margin-bottom:12px}.codigos-page-root .code-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.codigos-page-root .platform-tag{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--text);text-transform:uppercase}.codigos-page-root .profile-tag{font-size:11px;color:var(--text-2);background:var(--bg-3);border:1px solid var(--border);padding:2px 8px;border-radius:12px}.codigos-page-root .code-timer-badge{padding:4px 10px;border-radius:12px;font-weight:600;font-size:11px;letter-spacing:.01em;transition:var(--transition)}.codigos-page-root .code-timer-badge.green{background:var(--green-bg);color:var(--green)}.codigos-page-root .code-timer-badge.yellow{background:var(--yellow-bg);color:var(--yellow)}.codigos-page-root .code-timer-badge.red{background:var(--red-bg);color:var(--red)}.codigos-page-root .code-timer-badge.expired{background:#94a3b81f;color:#94a3b8}.codigos-page-root .code-timer-badge.warning-pulse{background:var(--red-bg);color:var(--red);animation:pulse-alert 1s infinite alternate}.codigos-page-root .code-display{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-3);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:12px 16px;cursor:pointer;transition:var(--transition)}.codigos-page-root .code-display:hover{border-color:var(--accent);background:var(--accent-glow)}.codigos-page-root .code-digits{font-family:monospace;font-size:26px;font-weight:800;letter-spacing:5px;color:var(--accent-2)}.codigos-page-root .copy-hint{font-size:11.5px;font-weight:600;color:var(--text-3);background:var(--bg-2);padding:5px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);transition:var(--transition)}.codigos-page-root .code-display:hover .copy-hint{color:var(--accent);border-color:var(--accent)}.codigos-page-root .copy-hint.copied{background:var(--green);color:#fff;border-color:var(--green)}.codigos-page-root .netflix-direct-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(135deg,#e50914,#b20710);color:#fff;padding:12px 18px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #e5091440;transition:var(--transition);box-sizing:border-box}.codigos-page-root .netflix-direct-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.codigos-page-root .result-panel.external-code{border:1px solid rgba(245,166,35,.28);border-left:3px solid var(--yellow);background:linear-gradient(180deg,rgba(245,166,35,.08) 0%,var(--bg-2) 100%);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow);text-align:left}.codigos-page-root .external-code-box{padding:0;text-align:left}.codigos-page-root .external-code-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.codigos-page-root .external-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:#f5a62324;color:var(--yellow);padding:3px 9px;border-radius:var(--radius-sm);border:1px solid rgba(245,166,35,.25)}.codigos-page-root .external-service-title{font-size:16px;font-weight:800;color:var(--text);margin-bottom:6px}.codigos-page-root .external-code-desc{font-size:12.5px;color:var(--text-2);line-height:1.55;margin:0 0 16px}.codigos-page-root .btn-open-external{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f5a623,#e69512);color:#fff;padding:11px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px #f5a62340;transition:all .2s cubic-bezier(.16,1,.3,1);width:100%;box-sizing:border-box}.codigos-page-root .btn-open-external:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 20px #f5a62359}.catalogo-srv-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.catalogo-srv-toolbar__row1{display:flex;align-items:center;gap:8px;flex:1 1 320px;min-width:0}.catalogo-srv-toolbar__search{flex:1 1 auto;min-width:0}.catalogo-srv-toolbar__select{width:auto!important;min-width:85px!important;max-width:105px!important;height:36px!important;padding:0 22px 0 8px!important;font-size:12px!important;flex-shrink:0!important}.catalogo-srv-toolbar__row2{display:flex;align-items:center;gap:10px;flex-shrink:0}.catalogo-srv-toolbar__btn{height:36px!important;padding:0 12px!important;font-size:12.5px!important;white-space:nowrap!important;width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.catalogo-srv-toolbar__count{font-size:12.5px;color:var(--text-3);font-weight:500;white-space:nowrap}@media (max-width: 768px){.catalogo-srv-toolbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.catalogo-srv-toolbar__row1{width:100%!important;flex:unset!important}.catalogo-srv-toolbar__row2{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important}}.search-wrapper{flex-grow:1;position:relative}.search-input{width:100%;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 48px 12px 38px!important;color:var(--text);font-size:14px;outline:none;transition:var(--transition);height:48px;box-sizing:border-box}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-submit-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;padding:8px 12px;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-radius:var(--radius-sm)}.search-submit-btn:hover{color:var(--accent-2)}.search-submit-btn:disabled{cursor:not-allowed;opacity:.6}.search-wrapper .spinner{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent-2);border-radius:50%;animation:spin .8s linear infinite;display:none}.search-wrapper.loading .search-submit-btn{display:none}.search-wrapper.loading .spinner{display:block}.app-content:has(.publicidad-page){padding-left:0!important;padding-right:0!important}.publicidad-page{padding:var(--gap) 0!important;width:100%!important;box-sizing:border-box!important}.publicidad-header-pad{padding-left:var(--page-margin)!important;padding-right:var(--page-margin)!important}.publicidad-gallery-container{column-count:4!important;column-width:auto!important;column-gap:var(--gap)!important;padding-left:var(--page-margin)!important;padding-right:var(--page-margin)!important;box-sizing:border-box!important;width:100%!important}.publicidad-gallery-item{break-inside:avoid;margin-bottom:var(--gap)!important;position:relative;border-radius:var(--radius);overflow:hidden;background:var(--bg-2);display:inline-block;width:100%}.publicidad-toolbar{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.publicidad-search-box,.publicidad-search-box .search-wrapper{width:100%}.publicidad-actions-box{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}@media (max-width: 768px){.app-content:has(.publicidad-page){overflow-x:hidden!important;max-width:100vw!important}.publicidad-page{padding:var(--gap) 0!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}.publicidad-header-pad{padding-left:var(--page-margin)!important;padding-right:var(--page-margin)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.publicidad-tabs-bar{justify-content:flex-start!important;width:100%!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:6px!important;margin-bottom:12px!important;padding-bottom:8px!important}.publicidad-tabs-bar .btn{flex-shrink:0!important;font-size:12px!important;padding:6px 12px!important}.publicidad-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px 14px!important;margin-bottom:12px!important;width:100%!important;box-sizing:border-box!important}.publicidad-search-box{width:100%!important;min-width:0!important}.publicidad-search-box .search-wrapper{width:100%!important}.publicidad-actions-box{width:100%!important;margin-left:0!important;display:flex!important;gap:8px!important;justify-content:stretch!important}.publicidad-actions-box .btn{flex:1 1 0!important;justify-content:center!important;font-size:12px!important;padding:0 6px!important;height:36px!important;white-space:nowrap!important}.publicidad-gallery-container{column-count:2!important;column-width:auto!important;column-gap:8px!important;padding-left:var(--page-margin)!important;padding-right:var(--page-margin)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.publicidad-gallery-item{margin-bottom:12px!important;border-radius:14px!important;border:none!important;background:transparent!important;box-shadow:none!important;width:100%!important;break-inside:avoid!important}.publicidad-gallery-media-wrap{border-radius:14px!important;overflow:hidden!important;box-shadow:0 2px 8px #00000040!important;background:var(--bg-3)!important;position:relative!important;width:100%!important}.publicidad-gallery-media-wrap>div{width:100%!important}.publicidad-gallery-media-wrap img,.publicidad-gallery-media-wrap video{width:100%!important;height:auto!important;display:block!important}.publicidad-floating-actions,.publicidad-card-owner-bar{display:none!important}.publicidad-card-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px 2px 0!important;gap:4px!important}.publicidad-card-title{font-size:11px!important;font-weight:500!important;color:var(--text-1)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:1!important;line-height:1.25!important}.publicidad-btn-more{width:24px!important;height:24px!important;border-radius:50%!important;background:transparent!important;border:none!important;color:var(--text-2)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;flex-shrink:0!important}.publicidad-btn-more:active{background:var(--bg-3)!important;color:var(--text)!important}}.publicidad-card-footer{display:none}.publicidad-chips-scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 var(--page-margin) 10px var(--page-margin);margin-bottom:2px;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.publicidad-chips-scroll::-webkit-scrollbar{display:none}.publicidad-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:16px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);cursor:pointer;flex-shrink:0;transition:all .15s ease;-webkit-user-select:none;user-select:none}.publicidad-chip:hover{background:var(--bg-3);color:var(--text-1)}.publicidad-chip.active{background:var(--text-1);color:var(--bg-1);border-color:var(--text-1)}.publicidad-video-pill{position:absolute;top:8px;left:8px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:16px;display:flex;align-items:center;gap:5px;z-index:5;box-shadow:0 2px 6px #00000059;border:1px solid rgba(255,255,255,.15)}@media (min-width: 1440px){.publicidad-gallery-container{column-count:5!important}}@media (min-width: 1920px){.publicidad-gallery-container{column-count:6!important}}.publicidad-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.publicidad-sheet-content{width:100%;max-width:480px;background:var(--bg-2);border-top-left-radius:20px;border-top-right-radius:20px;border-top:1px solid var(--border);box-shadow:0 -8px 32px #00000080;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px)) 20px;animation:slideUpSheet .25s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.publicidad-sheet-drag{width:36px;height:4px;border-radius:2px;background:var(--text-3);opacity:.4;margin:0 auto 14px}.publicidad-sheet-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;background:transparent;color:var(--text);font-size:14px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background .15s ease}.publicidad-sheet-item:hover,.publicidad-sheet-item:active{background:var(--bg-3)}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.publicidad-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--c-surface-3, #1e2230) 25%,var(--c-surface-2, #262b3d) 50%,var(--c-surface-3, #1e2230) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite;z-index:1}.publicidad-tag-chip{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:500;padding:2px 7px;border-radius:var(--radius-sm);background:var(--c-surface-2, rgba(255, 255, 255, .06));color:var(--c-text-2, var(--text-2));border:1px solid var(--c-border, var(--border));cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.publicidad-tag-chip:hover{background:var(--c-surface-3, rgba(255, 255, 255, .12));color:var(--c-text, var(--text));border-color:var(--accent)}.publicidad-video-badge{position:absolute;top:8px;left:8px;background:#0f1117d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--c-on-primary, #ffffff);font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;z-index:5;border:1px solid rgba(255,255,255,.15)}.publicidad-play-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#0f1117b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;transition:transform .2s ease,background .2s ease;z-index:4}.publicidad-gallery-item:hover .publicidad-play-center{transform:translate(-50%,-50%) scale(1.1);background:#7c3aedd9;border-color:#fff9}.publicidad-tags-3col{display:grid;grid-template-columns:minmax(360px,1.4fr) minmax(280px,1fr) minmax(280px,1fr);gap:10px;align-items:stretch;width:100%}@media (max-width: 960px){.publicidad-tags-3col{grid-template-columns:1fr;gap:10px}}@layer components{.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.btn--primary:hover{background:var(--c-primary-hover);border-color:var(--c-primary-hover)}.btn--ghost{background:transparent;border-color:transparent;color:var(--c-text-2)}.btn--ghost:hover{background:var(--c-row-hover);color:var(--c-text)}.btn--danger{background:var(--c-danger);border-color:var(--c-danger);color:var(--c-on-primary)}.btn--danger:hover{background:var(--c-danger);opacity:.9}.btn--icon{width:var(--ctl-h);height:var(--ctl-h);padding:0;display:inline-flex;align-items:center;justify-content:center}.btn[aria-busy=true]{pointer-events:none}.btn[aria-busy=true]:before{content:"";width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.btn-group{display:inline-flex}.btn-group>.btn{border-radius:0;margin-left:-1px}.btn-group>.btn:first-child{border-top-left-radius:var(--r-md);border-bottom-left-radius:var(--r-md);margin-left:0}.btn-group>.btn:last-child{border-top-right-radius:var(--r-md);border-bottom-right-radius:var(--r-md)}.btn-group>.btn[aria-pressed=true]{background:var(--c-primary-soft);color:var(--c-primary);border-color:var(--c-primary);position:relative}.chips{display:flex;flex-wrap:wrap;gap:var(--s-1)}.chip{display:inline-flex;align-items:center;gap:var(--s-1);height:1.5rem;padding:0 var(--s-2);border:1px solid var(--c-border-strong);border-radius:var(--r-pill);background:var(--c-surface);font-size:var(--fs-xs)}.chip>button{display:grid;place-items:center;padding:0;border:0;background:none;cursor:pointer;color:var(--c-text-2)}.data-view{container:data / inline-size;display:flex;flex-direction:column;min-height:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}@container data (max-width: 72rem){[data-p="3"]{display:none}}@container data (max-width: 48rem){[data-p="2"]{display:none}}@container data (max-width: 40rem){.table--stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table--stack,.table--stack tbody,.table--stack td{display:block}.table--stack tr{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-1) var(--s-3);padding:var(--cell-y) var(--cell-x);border-bottom:1px solid var(--c-border)}.table--stack td{padding:0;border:0;background:none;white-space:normal;min-width:0}.table--stack td:before{content:attr(data-label);display:block;font-size:var(--fs-xs);color:var(--c-text-3)}.table--stack td[data-primary]{grid-column:1;font-weight:500}.table--stack .num{text-align:start}.table--stack td[data-primary]:before,.table--stack td:not([data-label]):before{display:none}.table--stack td.col-actions{grid-column:2;grid-row:1;justify-self:end;width:auto}.table--stack [data-p="2"]{display:block}}.metric{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-1) var(--s-3);align-items:end}.metric-value{font-size:var(--fs-metric);font-weight:650;line-height:var(--lh-tight);font-variant-numeric:tabular-nums}.metric-viz{width:100%;height:2.25rem;color:var(--c-viz-1);fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round}.metric-foot{font-size:var(--fs-xs);color:var(--c-text-2)}@container card (min-width: 14rem){.metric{grid-template-columns:minmax(0,1fr) minmax(4.5rem,40%)}.metric-foot,.metric>.bar{grid-column:1 / -1}}.delta{font-size:var(--fs-sm);font-weight:500;font-variant-numeric:tabular-nums;color:var(--tone, var(--c-text-2))}.bar{--value: 0;height:.375rem;border-radius:var(--r-pill);background:var(--c-surface-3);overflow:hidden}.bar:after{content:"";display:block;height:100%;width:calc(var(--value) * 1%);background:var(--tone, var(--c-primary))}.legend{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-3);font-size:var(--fs-xs);color:var(--c-text-2)}.state{display:grid;justify-items:center;gap:var(--s-2);padding:var(--g-4) var(--s-4);text-align:center;color:var(--c-text-2)}.state>*{max-width:var(--w-state)}.state--compact{--w-art: 2.25rem;gap:var(--s-1);padding:var(--s-4)}.state-art{display:grid;place-items:center;width:var(--w-art);height:var(--w-art);border-radius:var(--r-pill);background:var(--tone-soft, var(--c-surface-3));color:var(--tone, var(--c-text-3))}.state-art>.icon,.state-art>svg{width:50%;height:50%}.state-title{text-wrap:balance;color:var(--c-text);font-size:var(--fs-lg);font-weight:600;line-height:var(--lh-tight)}.state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2);margin-top:var(--s-2)}.state-steps{list-style:none;padding:0;display:grid;gap:var(--s-2);text-align:start;counter-reset:step}.state-steps>li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-2);align-items:start}.state-steps>li:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:calc(var(--s-4) + var(--s-1));height:calc(var(--s-4) + var(--s-1));border-radius:var(--r-pill);background:var(--c-primary-soft);color:var(--c-primary);font-size:var(--fs-xs);font-weight:600}.skeleton{min-height:1em;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--c-surface-3),var(--c-surface-2),var(--c-surface-3));background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton--lg{height:var(--s-5)}.portal-page{min-height:100vh;min-height:100dvh;background:var(--c-bg);color:var(--c-text);padding:clamp(20px,3.5vh,48px) var(--layout-gutter, var(--page-margin, .5%));padding-bottom:max(clamp(20px,3.5vh,48px),env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;overflow-y:auto;overflow-x:clip}.portal-shell{width:100%;max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:14px;transition:max-width .2s ease}.portal-shell--single{max-width:580px}.portal-shell--split{max-width:840px}.portal-voucher{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md, 12px);overflow:hidden;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;position:relative}.portal-voucher-hero{position:relative;padding:14px 20px;background:var(--c-surface-2);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:14px}.portal-voucher-hero-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.portal-voucher-logo{width:44px;height:44px;border-radius:25%;object-fit:cover;background:var(--c-surface-3);border:1px solid var(--c-border);flex-shrink:0;padding:0}.portal-voucher-title{font-size:17px;font-weight:800;line-height:1.25;color:var(--c-text);margin:0 0 4px;word-break:break-word}.portal-voucher-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.portal-voucher-cols{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;padding:16px 20px;align-items:start}.portal-col-left,.portal-col-right{display:flex;flex-direction:column;gap:12px;min-width:0}.portal-section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px}.portal-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-3)}.portal-creds-list{display:flex;flex-direction:column;gap:7px}.portal-cred-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--r-sm);background:var(--c-surface-2);border:1px solid var(--c-border);gap:10px;min-height:42px}.portal-cred-meta{display:flex;flex-direction:column;min-width:0;flex:1}.portal-cred-label{font-size:10.5px;font-weight:600;color:var(--c-text-3);margin-bottom:2px}.portal-cred-val{font-size:13px;font-weight:600;color:var(--c-text);word-break:break-all}.portal-cred-split{display:grid;grid-template-columns:1fr 1fr;gap:7px}.btn-icon-action{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:var(--c-surface-3);border:1px solid var(--c-border);color:var(--c-text-2);cursor:pointer;flex-shrink:0;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.btn-icon-action:hover{background:var(--c-surface-4, var(--c-surface-3));color:var(--c-text);border-color:var(--c-primary)}.portal-profile-item{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-radius:var(--r-sm);background:var(--c-surface-2);border:1px solid var(--c-border);font-size:12px}.portal-profile-item--active{background:var(--c-primary-soft);border-color:#6c63ff66}.portal-buttons-row{display:flex;flex-direction:row;gap:8px;width:100%;align-items:stretch}.portal-buttons-row>*{flex:1 1 0;min-width:0}.portal-voucher-cols--single{grid-template-columns:1fr}.portal-normas{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-sm);overflow:hidden;padding:12px 14px;font-size:11.5px;color:var(--c-text-3);line-height:1.5;position:relative;grid-column:1 / -1;width:100%}.portal-normas-title{font-size:11px;font-weight:800;color:var(--c-danger);margin-bottom:6px;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.portal-normas-list{margin:0;padding-left:18px}.portal-normas-list li{margin-bottom:4px}.portal-normas-list li:last-child{margin-bottom:0}.portal-normas-content{white-space:pre-line}.portal-pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--c-success);display:inline-block}.portal-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;padding:var(--pad)}@media (max-width: 820px){.portal-voucher-cols{grid-template-columns:1fr;padding:14px 16px;gap:14px}}@media (max-width: 600px){.portal-voucher-hero{padding:12px 14px}.portal-cred-split{grid-template-columns:1fr}}@media (max-width: 480px){.portal-buttons-row>*{padding:9px 8px;font-size:11.5px;gap:5px}}.configuracion-page{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.config-page-header{width:100%;box-sizing:border-box}.config-metodo-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:100%;box-sizing:border-box}.config-metodo-header__left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.config-metodo-header__right{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (max-width: 520px){.config-metodo-header{flex-direction:column;align-items:stretch;gap:10px}.config-metodo-header__left{width:100%;min-width:0}.config-metodo-header__left input.form-input{flex:1;min-width:0;max-width:none!important;width:auto!important}.config-metodo-header__right{width:100%;justify-content:space-between}}@media (max-width: 640px){.config-page-header{flex-direction:column;align-items:stretch;gap:12px}.config-page-header .btn{width:100%;justify-content:center}}.proveedor-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;width:100%;box-sizing:border-box}@media (max-width: 768px){.proveedor-config-grid{grid-template-columns:1fr;gap:16px}}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.muted{color:var(--c-text-2)}.num{font-variant-numeric:tabular-nums}.stack{display:grid;gap:var(--gap)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.grow{flex:1 1 0;min-width:0}.pad{padding:var(--pad)}.ratio-phi{aspect-ratio:var(--phi)}.t-sub{font-size:var(--fs-phi-1);line-height:var(--lh-tight);font-weight:600}.t-head{font-size:var(--fs-phi-2);line-height:var(--lh-tight);font-weight:600}.t-display{font-size:var(--fs-display);line-height:var(--lh-tight);font-weight:650}.scroll-y{overflow-y:auto;min-height:0}}