/* Don Topo — generado por _dev/build_css.php (auth). No editar. */
@font-face{font-family: "Valley Sans";src: url("../fonts/valley-sans.woff2") format("woff2");font-weight: 100 900;font-style: normal;font-display: swap}@font-face{font-family: "Fuzzy Bubbles";src: url("../fonts/fuzzy-bubbles-bold.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap}:root{color-scheme: light;--bg: #F6F1E4;--bg-soft: #EFE6D4;--surface: #FFFFFF;--surface-2: #EFE6D4;--surface-3: #E6DCC8;--surface-warm: #FFFCF3;--surface-rgb: 255 255 255;--ink: #1A100C;--ink-soft: #3F322C;--muted: #6B5F55;--muted-soft: #A3978C;--on-accent: #FFFFFF;--on-ink: #FFFFFF;--black: #000000;--line: #EDE3CC;--line-strong: #D9CBA8;--accent: #450e00;--accent-strong: #2e0900;--accent-soft: rgb(var(--brand-rgb) / 0.08);--accent-ink: #FFFFFF;--accent-text: #450e00;--brand-brown: #450e00;--brand-cream: #fff1c4;--brand-peach: #fdd7a2;--brand-green: #006428;--brand-green-bright: #27a739;--brand-red: #e30613;--brand-yellow: #ffce44;--brand-gold: #e6a520;--gold: var(--brand-gold);--gold-strong: #c48a12;--gold-soft: #F8F1DF;--gold-text: #7F5300;--ok: #006428;--ok-soft: #E4F2EA;--ok-text: #006428;--ok-on-dark: #D8F7E6;--warn: #8F5208;--warn-soft: #FBEFDC;--warn-text: #8F5208;--danger: #C8102E;--danger-soft: #FBE9E7;--danger-text: #C8102E;--danger-line: #E6B8B3;--danger-on-dark: #FFDCD3;--info: #2F5F82;--info-soft: #EAF1F6;--info-text: #2F5F82;--shade-rgb: 26 16 12;--brand-rgb: 69 14 0;--white-rgb: 255 255 255;--red-rgb: 227 6 19;--green-rgb: 39 167 57;--gold-rgb: 200 146 46;--r-xs: 4px;--r-sm: 6px;--r: 8px;--r-lg: 12px;--r-pill: 999px;--shadow: 0 1px 2px rgb(var(--brand-rgb) / 0.06);--shadow-lift: 0 18px 44px -18px rgb(var(--brand-rgb) / 0.28);--space-0: 4px;--space-1: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--touch: 44px;--rail-w: 0px;--topnav-h: 56px;--tabbar-h: 60px;--content-max: 1440px;--font: "Valley Sans","Segoe UI Variable Text","Segoe UI","Helvetica Neue",system-ui,sans-serif;--display: var(--font);--title: "Fuzzy Bubbles",var(--font);--ease: cubic-bezier(0.22,1,0.36,1);--ease-out: cubic-bezier(0.16,1,0.3,1);--dur: 140ms;--dur-slow: 220ms;--dur-enter: 180ms;--linen: var(--bg);--scrim: rgb(var(--shade-rgb) / 0.46);--focus-ring: 0 0 0 2px var(--surface),0 0 0 4px rgb(var(--brand-rgb) / 0.45);--focus-ring-gold: 0 0 0 2px var(--surface),0 0 0 4px rgb(230 165 32 / 0.4);--z-sticky: 30;--z-tabbar: 50;--z-fab: 45;--z-backdrop: 60;--z-drawer: 70;--z-modal: 85;--z-keypad: 95;--z-toast: 100;--z-busy: 200}:root[data-theme="dark"]{color-scheme: dark;--bg: #15100D;--bg-soft: #1E1713;--surface: #211915;--surface-2: #2A211C;--surface-3: #342922;--surface-warm: #251C17;--surface-rgb: 33 25 21;--ink: #F5ECE0;--ink-soft: #DCCFC1;--muted: #AE9F91;--muted-soft: #7E7065;--on-ink: #15100D;--line: #3A2E27;--line-strong: #56463C;--accent: #9C3D12;--accent-strong: #7E2F0B;--accent-soft: rgb(253 215 162 / 0.10);--accent-text: #FDD7A2;--brand-cream: #2E2417;--gold-strong: #F0B840;--gold-soft: #2E2614;--gold-text: #F0C35A;--ok: #1A7F41;--ok-soft: #17281D;--ok-text: #6FD394;--warn: #9A600F;--warn-soft: #33260F;--warn-text: #F2C26B;--danger: #C8283A;--danger-soft: #3A1A1A;--danger-text: #FF8F8F;--danger-line: #6B2B2B;--info: #2F6A99;--info-soft: #16222E;--info-text: #8EC1EA;--shade-rgb: 0 0 0;--shadow: 0 1px 2px rgb(0 0 0 / 0.4);--shadow-lift: 0 18px 44px -18px rgb(0 0 0 / 0.7);--scrim: rgb(0 0 0 / 0.6);--focus-ring: 0 0 0 2px var(--surface),0 0 0 4px rgb(253 215 162 / 0.55)}
*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: auto;-webkit-text-size-adjust: 100%;text-size-adjust: 100%}html,body{height: 100%}body{margin: 0;font-family: var(--font);font-size: 14px;line-height: 1.35;color: var(--ink);background: var(--bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;font-feature-settings: "tnum" 1}h1,h2,h3,h4,h5,h6{margin: 0;font-weight: 700;letter-spacing: -0.02em;color: var(--ink)}p{margin: 0}a{color: inherit;text-decoration: none}a[href]:not(.btn):not(.tab):not(.topnav-link):not(.topnav-more-link):not(.topnav-cash):not(.topnav-brand):not(.alert-item):not(.more-link):not(.chip):not(.period-tab):not(.iconbtn):not(.pedido-view):not(.pedido-back){text-underline-offset: 2px}@media (hover: hover){a[href]:not(.btn):not(.tab):not(.topnav-link):not(.topnav-more-link):not(.topnav-cash):not(.topnav-brand):not(.alert-item):not(.more-link):not(.chip):not(.period-tab):not(.iconbtn):not(.pedido-view):not(.pedido-back):hover{text-decoration: underline}}button,input,select,textarea{font: inherit;color: inherit}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{font-size: 1rem}button{cursor: pointer;background: none;border: none;padding: 0}img,svg{display: block;max-width: 100%}ul,ol{margin: 0;padding: 0}small{font-size: 0.8rem}strong{font-weight: 700}.appbar h1,.auth-card-head h2,.auth-brand-name,.modal-head h3,.confirm-card h3,.alert-empty strong{font-family: var(--title);font-weight: 700;letter-spacing: 0}.brand strong,.panel-hero-amt,.cart-total strong,.auth-brand-mark,.auth-card h1,.keypad-display,.logo,.metric strong,.stat strong,.tnum.display{font-family: var(--display)}:focus{outline: none}:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.btn:focus-visible,.iconbtn:focus-visible,.chip:focus-visible,.period-tab:focus-visible,.tab:focus-visible,.topnav-link:focus-visible,.pager-btn:focus-visible,.pager-num:focus-visible{outline: none;box-shadow: var(--focus-ring)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}@media (pointer: coarse){.btn,.iconbtn{min-height: var(--touch)}.iconbtn{min-width: var(--touch)}}.js-theme-toggle{display: flex;align-items: center;gap: var(--space-2)}.theme-ico-light,:root[data-theme="dark"] .theme-ico-dark{display: none}:root[data-theme="dark"] .theme-ico-light{display: inline-flex}.theme-ico-dark,.theme-ico-light{width: 18px;height: 18px}.more-theme{width: 100%;justify-content: center;margin-top: var(--space-3)}.hide{display: none !important}.muted{color: var(--muted)}.muted.sm,.sm{font-size: 0.78rem}.muted.sm{font-style: italic}.tnum{font-variant-numeric: tabular-nums;font-feature-settings: "tnum" 1}.tnum.accent{color: var(--accent-text)}.stack>* + *{margin-top: var(--space-3)}.grid{display: grid;gap: var(--space-3)}.grid>*{min-width: 0}.grid.cols2{grid-template-columns: 1fr 1fr}.grid.cols3{grid-template-columns: 1fr 1fr 1fr}.eyebrow{color: var(--gold-text);font-size: 0.75rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.1em;line-height: 1.2}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.search input[type="search"]::-webkit-search-cancel-button,.search input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;appearance: none}@media (pointer: coarse),(max-width: 900px){.search-hotkey{display: none !important}}.mt-1{margin-top: var(--space-1)}.mt-2{margin-top: 10px}.mt-3{margin-top: 14px}.mb-2{margin-bottom: 10px}.mb-3{margin-bottom: 14px}.ml-auto{margin-left: auto}.full-span{grid-column: 1 / -1}.section-title{font-size: 0.76rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--muted);font-weight: 700;margin: 14px 0 10px}.actions-end{justify-content: flex-end}.actions-single{grid-template-columns: 1fr}.inline-actions{display: inline-flex;gap: var(--space-0);align-items: center;flex-wrap: wrap}.is-hidden-form{display: none}.divider-top{margin-top: 14px;border-top: 1px solid var(--line);padding-top: 12px}.grow{flex: 1;min-width: 0}
.app{min-height: 100dvh;min-height: 100vh;display: grid;grid-template-columns: 1fr;position: relative}.view{min-width: 0;width: 100%;max-width: var(--content-max);margin-inline: auto;padding: var(--space-3) var(--space-3) calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + var(--space-4))}.topnav{display: none}.appbar{position: sticky;top: 0;z-index: var(--z-sticky);display: flex;align-items: center;gap: var(--space-3);padding: 10px 14px 12px;margin: calc(var(--space-3) * -1) calc(var(--space-3) * -1) var(--space-3);background: var(--bg);border-bottom: 1px solid var(--line);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);isolation: isolate}.appbar-cash,.topnav-cash{display: inline-flex;align-items: center;gap: 8px;flex: none;min-height: 34px;padding: 4px 11px 4px 9px;border: 1px solid var(--line);border-radius: 2px;background: var(--surface);color: var(--ink-soft);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.01em;white-space: nowrap;text-decoration: none !important;transition: border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.topnav-cash-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--muted);box-shadow: 0 0 0 3px color-mix(in srgb,var(--muted) 18%,transparent);flex: none}.topnav-cash-copy{display: grid;line-height: 1.05;gap: 1px}.topnav-cash-copy small{color: var(--muted);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.08em;text-transform: uppercase}.topnav-cash-copy strong{color: var(--ink);font-size: 0.75rem;font-weight: 800;letter-spacing: -0.01em}.appbar-cash.is-ok,.topnav-cash.is-ok{background: color-mix(in srgb,var(--ok-soft) 70%,var(--surface));border-color: color-mix(in srgb,var(--ok) 22%,var(--line));color: var(--ok-text)}.topnav-cash.is-ok .topnav-cash-dot{background: var(--ok);box-shadow: 0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}.topnav-cash.is-ok .topnav-cash-copy strong{color: color-mix(in srgb,var(--ok-text) 72%,var(--ink))}.appbar-cash.is-off,.topnav-cash.is-off{background: color-mix(in srgb,var(--danger-soft) 65%,var(--surface));border-color: color-mix(in srgb,var(--danger) 20%,var(--line));color: var(--danger-text)}.topnav-cash.is-off .topnav-cash-dot{background: var(--danger);box-shadow: 0 0 0 3px color-mix(in srgb,var(--danger) 16%,transparent)}.topnav-cash.is-off .topnav-cash-copy strong{color: color-mix(in srgb,var(--danger-text) 70%,var(--ink))}.appbar-cash.is-warn,.topnav-cash.is-warn{background: color-mix(in srgb,var(--warn-soft) 70%,var(--surface));border-color: color-mix(in srgb,var(--warn) 28%,var(--line));color: var(--warn-text)}.topnav-cash.is-warn .topnav-cash-dot{background: var(--warn);box-shadow: 0 0 0 3px color-mix(in srgb,var(--warn) 20%,transparent);animation: topnavCashPulse 1.6s ease-in-out infinite}.topnav-cash.is-warn .topnav-cash-copy strong{color: color-mix(in srgb,var(--warn-text) 75%,var(--ink))}@keyframes topnavCashPulse{0%,100%{box-shadow: 0 0 0 3px color-mix(in srgb,var(--warn) 16%,transparent)}50%{box-shadow: 0 0 0 5px color-mix(in srgb,var(--warn) 10%,transparent)}}@media (hover: hover){.topnav-cash:hover{border-color: color-mix(in srgb,var(--ink) 16%,var(--line));background: var(--surface)}}@media (prefers-reduced-motion: reduce){.topnav-cash.is-warn .topnav-cash-dot{animation: none}.topnav-more-panel,.topnav-user-panel{animation: none}}.appbar .grow{flex: 1;min-width: 0}.appbar h1{font-size: 1.05rem;line-height: 1.15;letter-spacing: -0.02em}.appbar .sub{color: var(--muted);font-size: 0.75rem;margin-top: 1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.appbar .eyebrow{display: inline-flex;align-items: center;gap: 8px;margin-bottom: 2px}.appbar .eyebrow .brand-kicker-mark{width: 16px;height: 16px}.appbar-date{display: none;text-align: right;font-size: 0.75rem;line-height: 1.25;flex: none}.appbar-date strong{display: block;font-weight: 700;color: var(--ink)}.appbar-date span{color: var(--muted)}.appbar-bell{display: inline-flex;flex: none}.tabbar{position: fixed;left: 0;right: 0;bottom: 0;z-index: var(--z-tabbar);display: grid;grid-template-columns: repeat(5,1fr);height: calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding: 4px 4px env(safe-area-inset-bottom,0px);background: var(--bg);border-top: 1px solid var(--line);box-shadow: 0 -6px 24px rgb(var(--shade-rgb) / 0.04);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px)}.tab{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;min-width: 0;color: var(--muted);font-size: 0.75rem;font-weight: 650;background: none;border: none;border-radius: var(--r-sm);text-decoration: none;-webkit-tap-highlight-color: transparent;transition: color var(--dur) var(--ease),background var(--dur) var(--ease)}.tab svg{width: 20px;height: 20px;flex: none}.tab span{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tab.is-active{color: var(--accent-text)}.tab.is-active::after{content: '';position: absolute;bottom: 3px;left: 50%;transform: translateX(-50%);width: 16px;height: 2px;background: var(--accent);border-radius: 1px}@media (hover: hover){.tab:hover{color: var(--ink-soft);background: var(--accent-soft)}}.tab:active{opacity: 0.88}@media (min-width: 768px) and (max-width: 1023px){.view{padding-inline: var(--space-5);padding-top: var(--space-4)}.appbar{margin-inline: calc(var(--space-5) * -1);padding: 12px var(--space-5) 14px;gap: var(--space-4)}.appbar h1{font-size: 1.12rem}.appbar .sub{font-size: 0.76rem;white-space: normal}.appbar-date{display: grid;gap: 1px}.tabbar{padding-inline: var(--space-2)}.tab{font-size: 0.75rem;gap: 3px}.tab svg{width: 22px;height: 22px}}@media (min-width: 1024px){.app{padding-top: var(--topnav-h);padding-left: 0}.topnav{position: fixed;z-index: calc(var(--z-tabbar) + 10);inset: 0 0 auto 0;display: flex;flex-direction: row;align-items: center;width: 100%;height: var(--topnav-h);padding: 0 clamp(14px,2.2vw,32px);background: var(--bg);border-bottom: 1px solid var(--line);border-right: 0;box-shadow: 0 1px 0 rgb(var(--shade-rgb) / 0.03);overflow: visible}.topnav-brand{display: flex;align-items: center;gap: 10px;margin: 0 16px 0 0;padding: 0;border-radius: 2px;text-decoration: none;color: var(--ink);flex: none;transition: opacity var(--dur) var(--ease)}.topnav-brand:hover{text-decoration: none;opacity: 0.92}.logo,.av{display: grid;place-items: center;width: 36px;height: 36px;border-radius: 2px;background: var(--ink);color: var(--on-ink);font-family: var(--display);font-weight: 850;font-size: 0.82rem;letter-spacing: -0.02em;flex: none}.logo{border: 1px solid var(--ink);border-left: 3px solid var(--gold)}.logo.logo-img{display: block;width: 40px;height: 40px;padding: 0;object-fit: contain;background: var(--brand-cream);border: 1px solid var(--line);border-left: 3px solid var(--brand-red)}.topnav-brand-text{display: grid;gap: 1px;line-height: 1.1;min-width: 0}.topnav-brand-text strong{font-family: var(--display);font-size: 0.95rem;font-weight: 850;letter-spacing: -0.03em;color: var(--accent-text)}.topnav-brand-text small{color: var(--gold-text);font-size: 0.75rem;font-weight: 800;text-transform: uppercase;letter-spacing: 0.1em}.topnav-nav{display: flex;flex-direction: row;align-items: stretch;align-self: stretch;gap: 2px;flex: 1 1 auto;min-width: 0;overflow-x: auto;overflow-y: visible;padding: 0;scrollbar-width: none}.topnav-nav::-webkit-scrollbar{display: none}.topnav-link{position: relative;display: flex;align-items: center;gap: 7px;min-height: 100%;height: 100%;padding: 0 12px;border-radius: 0;color: var(--muted);font-weight: 700;font-size: 0.8rem;letter-spacing: -0.01em;text-decoration: none;white-space: nowrap;transition: color var(--dur) var(--ease),background var(--dur) var(--ease)}.topnav-link svg{width: 15px;height: 15px;flex: none;opacity: 0.72}.topnav-link span{min-width: 0}@media (hover: hover){.topnav-link:hover{background: color-mix(in srgb,var(--surface-2) 70%,transparent);color: var(--ink);text-decoration: none}.topnav-link:hover svg{opacity: 1}}.topnav-link.is-active,.topnav-more.is-active>.topnav-link,.topnav-more.is-active>summary.topnav-link{background: transparent;color: var(--accent-text);font-weight: 800}.topnav-link.is-active svg,.topnav-more.is-active>summary.topnav-link svg{opacity: 1}.topnav-link.is-active::after,.topnav-more.is-active>.topnav-link::after,.topnav-more.is-active>summary.topnav-link::after{content: '';position: absolute;left: 12px;right: 12px;bottom: 0;top: auto;width: auto;height: 2px;background: var(--accent);border-radius: 2px 2px 0 0}.topnav-more{position: relative;align-self: stretch;display: flex;align-items: stretch;flex: none;margin-inline: 2px 4px;z-index: 2}.topnav-more summary{list-style: none;cursor: pointer;height: 100%}.topnav-more summary::-webkit-details-marker{display: none}.topnav-more-chev{width: 0;height: 0;margin-left: 2px;border-left: 3.5px solid transparent;border-right: 3.5px solid transparent;border-top: 4px solid currentColor;opacity: 0.55;transition: transform 160ms var(--ease)}.topnav-more[open] .topnav-more-chev{transform: rotate(180deg);opacity: 0.9}.topnav-more[open]>summary.topnav-link,.topnav-more.is-active>summary.topnav-link{background: transparent;color: var(--ink)}.topnav-more-panel{position: absolute;top: calc(100% + 6px);left: 0;z-index: 120;width: min(300px,calc(100vw - 32px));max-height: min(70vh,480px);overflow: auto;padding: 12px 8px 10px;background: var(--surface-warm);border: 1px solid var(--line);border-radius: 2px;box-shadow: 0 1px 2px rgb(var(--shade-rgb) / 0.04),0 18px 40px -18px rgb(var(--shade-rgb) / 0.28);animation: topnavMoreIn 180ms var(--ease) both}.topnav-more-panel::before{content: "";position: absolute;left: 18px;top: -6px;width: 10px;height: 10px;background: var(--surface);border-left: 1px solid var(--line);border-top: 1px solid var(--line);transform: rotate(45deg)}@keyframes topnavMoreIn{from{opacity: 0;transform: translateY(-6px)}to{opacity: 1;transform: translateY(0)}}.topnav-more-label{margin: 0 10px 8px;color: var(--gold-text);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase}.topnav-more-label:not(:first-child){margin-top: 12px;padding-top: 12px;border-top: 1px solid var(--line)}.topnav-more-link{display: grid;grid-template-columns: 34px minmax(0,1fr);align-items: center;gap: 10px;padding: 9px 10px;border-radius: 2px;color: var(--ink-soft);font-size: 0.8rem;font-weight: 600;text-decoration: none}.topnav-more-ico{display: grid;place-items: center;width: 34px;height: 34px;border: 1px solid var(--line);border-radius: 2px;background: var(--surface-2);color: var(--ink)}.topnav-more-ico svg{width: 16px;height: 16px}.topnav-more-copy{display: grid;gap: 1px;min-width: 0}.topnav-more-copy strong{color: var(--ink);font-size: 0.84rem;font-weight: 750;letter-spacing: -0.015em}.topnav-more-copy em{color: var(--muted);font-size: 0.75rem;font-style: normal;font-weight: 550;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.topnav-more-link svg{width: 16px;height: 16px;flex: none}@media (hover: hover){.topnav-more-link:hover{background: var(--surface-2);color: var(--ink);text-decoration: none}.topnav-more-link:hover .topnav-more-ico{border-color: color-mix(in srgb,var(--ink) 16%,var(--line));background: var(--surface)}}.topnav-more-link.is-active{background: color-mix(in srgb,var(--gold-soft) 55%,var(--surface));color: var(--ink)}.topnav-more-link.is-active .topnav-more-ico{border-color: color-mix(in srgb,var(--gold) 35%,var(--line));background: var(--surface)}.topnav-aside{display: flex;flex-direction: row;align-items: center;gap: 8px;margin: 0 0 0 auto;padding: 0 0 0 14px;border-top: 0;border-left: 1px solid var(--line);flex: none;position: relative;align-self: stretch}.topnav-bell{position: static}.topnav-bell .dot{top: 2px;right: 2px}.topnav-user{position: relative;display: flex;align-items: stretch;align-self: stretch;flex: none;z-index: 2}.topnav-user-sum{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 8px;min-height: 100%;margin: 0;padding: 0 8px 0 6px;border: 0;border-radius: 2px;background: transparent;color: var(--ink);cursor: pointer;list-style: none}.topnav-user-sum::-webkit-details-marker{display: none}@media (hover: hover){.topnav-user-sum:hover{background: color-mix(in srgb,var(--surface-2) 80%,transparent)}}.topnav-user[open]>.topnav-user-sum{background: color-mix(in srgb,var(--gold-soft) 40%,var(--surface))}.topnav-user[open] .topnav-more-chev{transform: rotate(180deg);opacity: 0.9}.topnav-user .av{width: 32px;height: 32px;font-size: 0.78rem;background: var(--ink);color: var(--on-ink);border: 1px solid var(--ink);border-left: 3px solid var(--gold)}.topnav-user-meta{display: grid;min-width: 0;max-width: 110px;font-size: 0.75rem;line-height: 1.15}.topnav-user-meta strong,.topnav-user-meta small{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.topnav-user-meta strong{font-weight: 800;letter-spacing: -0.02em}.topnav-user-meta small{color: var(--muted);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.06em;text-transform: uppercase}.topnav-user-panel{position: absolute;top: calc(100% + 6px);right: 0;z-index: 120;width: min(260px,calc(100vw - 24px));padding: 12px;background: var(--surface-warm);border: 1px solid var(--line);border-radius: 2px;box-shadow: 0 1px 2px rgb(var(--shade-rgb) / 0.04),0 18px 40px -18px rgb(var(--shade-rgb) / 0.28);animation: topnavMoreIn 180ms var(--ease) both}.topnav-user-panel::before{content: "";position: absolute;right: 22px;top: -6px;width: 10px;height: 10px;background: var(--surface-warm);border-left: 1px solid var(--line);border-top: 1px solid var(--line);transform: rotate(45deg)}.topnav-user-head{display: grid;grid-template-columns: 40px minmax(0,1fr);gap: 10px;align-items: center;padding: 0 2px 12px;margin: 0 0 10px;border-bottom: 1px solid var(--line)}.topnav-user-head .av{width: 40px;height: 40px;font-size: 0.9rem}.topnav-user-head strong{display: block;font-size: 0.9rem;font-weight: 800;letter-spacing: -0.02em;line-height: 1.2}.topnav-user-head small{display: block;margin-top: 2px;color: var(--muted);font-size: 0.75rem;font-weight: 700}.topnav-logout{margin: 0}.topnav-logout-btn{display: flex;align-items: center;gap: 10px;width: 100%;margin: 0;padding: 10px 12px;border: 1px solid var(--line);border-radius: 2px;background: var(--surface);color: var(--ink);font: inherit;font-size: 0.84rem;font-weight: 750;letter-spacing: -0.01em;cursor: pointer;text-align: left;transition: border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.topnav-logout-btn svg{width: 16px;height: 16px;flex: none;opacity: 0.75}@media (hover: hover){.topnav-logout-btn:hover{border-color: color-mix(in srgb,var(--danger) 28%,var(--line));background: color-mix(in srgb,var(--danger-soft) 55%,var(--surface));color: color-mix(in srgb,var(--danger-text) 80%,var(--ink))}.topnav-logout-btn:hover svg{opacity: 1}}.topnav-logout-btn:disabled{opacity: 0.7;cursor: wait}.view{padding: var(--space-5) clamp(20px,2.8vw,44px) var(--space-8)}.appbar{position: relative;margin: 0 0 var(--space-5);padding: 0 0 var(--space-4);background: transparent;border-bottom: 1px solid var(--line);backdrop-filter: none;-webkit-backdrop-filter: none}.appbar .appbar-bell{display: none !important}.appbar-date{display: grid;gap: 2px}.appbar h1{font-size: 1.2rem}.appbar .sub{white-space: normal;font-size: 0.8rem}.tabbar{display: none}}@media (min-width: 1280px){.topnav-brand-text{display: grid}}@media (min-width: 1440px){.view{padding-top: 28px}.topnav{padding-inline: max(36px,calc((100vw - 1440px) / 2 + 24px))}}
.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-1);min-height: var(--touch);padding: 0 var(--space-3);border-radius: var(--r-sm);border: 1px solid var(--accent);background: var(--accent);color: var(--accent-ink);font-family: var(--font);font-size: 0.86rem;font-weight: 700;width: 100%;box-shadow: none;text-decoration: none;transition: background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease),transform var(--dur) var(--ease);-webkit-tap-highlight-color: transparent}.btn svg{width: 16px;height: 16px;flex: none}.btn:active{transform: scale(0.985);opacity: 0.92}.btn:disabled,.btn.is-busy,.btn[aria-disabled="true"]{opacity: 0.55;cursor: not-allowed;transform: none;pointer-events: none}@media (hover: hover){.btn:hover:not(:disabled):not(.is-busy){background: var(--accent-strong);border-color: var(--accent-strong)}}.btn.ghost{background: var(--surface-2);color: var(--ink-soft);border-color: var(--line-strong)}@media (hover: hover){.btn.ghost:hover:not(:disabled){border-color: var(--muted);color: var(--ink);background: var(--surface)}}.btn.ghost:active{background: var(--surface-3)}.btn.danger{background: var(--danger);border-color: var(--danger);color: var(--on-accent)}@media (hover: hover){.btn.danger:hover:not(:disabled){filter: brightness(0.94)}}.btn.sm{min-height: 34px;width: auto;padding: 0 var(--space-2);font-size: 0.78rem;gap: 4px}.btn.sm svg{width: 14px;height: 14px}.brand-kicker{display: inline-flex;align-items: center;margin: 0 0 4px;color: var(--muted);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.04em;text-transform: uppercase;line-height: 1.2}.brand-kicker-mark{width: 18px;height: 18px;flex: none;object-fit: contain}.brand-kicker span{min-width: 0}.brand-empty-mark{display: block;width: 44px;height: 44px;margin: 0 auto 10px;object-fit: contain}.empty .brand-empty-mark,.fiados-empty .brand-empty-mark,.gastos-empty .brand-empty-mark,.pedidos-empty .brand-empty-mark,.inv-catalog-empty .brand-empty-mark,.admin-empty .brand-empty-mark{opacity: 0.95}.iconbtn{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;min-width: 40px;border-radius: var(--r-sm);border: 1px solid var(--line);background: var(--surface);color: var(--ink-soft);box-shadow: none;position: relative;flex: none;transition: background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease)}.iconbtn svg{width: 20px;height: 20px}.iconbtn:active{opacity: 0.88;background: var(--surface-2)}@media (hover: hover){.iconbtn:hover{border-color: var(--line-strong);color: var(--ink);background: var(--surface-2)}}@media (min-width: 1024px){.appbar .appbar-bell{display: none !important}}.iconbtn .dot{position: absolute;top: 5px;right: 5px;min-width: 16px;height: 16px;padding: 0 4px;border-radius: 999px;background: var(--danger);color: var(--on-accent);font-size: 0.75rem;font-weight: 800;line-height: 16px;text-align: center;font-variant-numeric: tabular-nums}.iconbtn.sm{width: 32px;height: 32px;min-width: 32px}.iconbtn.sm svg{width: 17px;height: 17px}.iconbtn.danger{color: var(--danger-text)}@media (hover: hover){.iconbtn.danger:hover{color: var(--danger-text);border-color: color-mix(in srgb,var(--danger) 35%,var(--line));background: var(--danger-soft)}}.iconbtn.is-disabled,.iconbtn:disabled{opacity: 0.35;pointer-events: none;cursor: not-allowed}label.iconbtn{cursor: pointer}.iconbtn.is-pressed,.btn.is-pressed,button.is-pressed,.chip.is-pressed{transform: scale(0.96);opacity: 0.88}.field{display: grid;gap: var(--space-1);margin-bottom: var(--space-3)}.field>label{font-size: 0.84rem;font-weight: 600;color: var(--ink-soft)}.input,select,textarea,.field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),.field select,.field textarea{width: 100%;min-height: 42px;padding: 8px 11px;border: 1px solid var(--line-strong);border-radius: var(--r-sm);background: var(--surface);color: var(--ink);font-size: 0.92rem;font-family: inherit;transition: border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}textarea,.field textarea{min-height: 84px;resize: vertical;padding-top: 10px}.input:focus,select:focus,textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{outline: none;border-color: var(--accent);box-shadow: var(--focus-ring);background: var(--surface)}.input::placeholder,textarea::placeholder{color: var(--muted);opacity: 0.85}.input:disabled,select:disabled,textarea:disabled{opacity: 0.6;cursor: not-allowed;background: var(--surface-2)}.row2{display: grid;grid-template-columns: 1fr 1fr;gap: 10px}@media (max-width: 480px){.row2{grid-template-columns: 1fr}}.check{display: flex;align-items: center;gap: var(--space-2);font-size: 0.88rem;margin: 4px 0 12px;cursor: pointer;user-select: none}.check input{width: 18px;height: 18px;flex: none;accent-color: var(--accent)}.search{position: relative}.search>svg,.search>.search-icon{position: absolute;left: 12px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;color: var(--muted);pointer-events: none}.search input,.search .input{padding-left: 40px;padding-right: 36px}.search-clear{position: absolute;right: 8px;top: 50%;transform: translateY(-50%);width: 28px;height: 28px;border: 0;border-radius: var(--r-sm);background: transparent;color: var(--muted);font-size: 1.2rem;line-height: 1;cursor: pointer;display: grid;place-items: center}@media (hover: hover){.search-clear:hover{background: var(--surface-2);color: var(--ink)}}.search-hotkey{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);display: none;align-items: center;gap: 2px;padding: 2px 6px;border: 1px solid var(--line);border-radius: var(--r-xs);background: var(--surface-2);color: var(--muted);font-size: 0.75rem;font-weight: 700;pointer-events: none}@media (min-width: 1024px) and (hover: hover){.search-hotkey{display: inline-flex}.search:focus-within .search-hotkey{display: none}}.chips{display: flex;gap: 7px;overflow-x: auto;padding-bottom: 4px;-webkit-overflow-scrolling: touch;scrollbar-width: none}.chips::-webkit-scrollbar{display: none}.chip{white-space: nowrap;flex: none;padding: 6px 10px;min-height: 32px;border-radius: var(--r-sm);border: 1px solid var(--line-strong);background: var(--surface-2);color: var(--ink-soft);font-size: 0.76rem;font-weight: 650;cursor: pointer;transition: background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.chip.is-active{background: var(--accent);color: var(--accent-ink);border-color: var(--accent)}.chip-accent{background: var(--gold-soft);border-color: color-mix(in srgb,var(--gold) 32%,var(--line));color: var(--gold-text);font-weight: 750}@media (hover: hover){.chip:hover:not(.is-active){border-color: var(--muted);color: var(--ink)}.chip-accent:hover:not(.is-active){border-color: var(--gold);color: var(--gold-text);background: color-mix(in srgb,var(--gold-soft) 70%,var(--surface))}}.chip:active{opacity: 0.9}.pill{display: inline-flex;align-items: center;gap: 6px;padding: 3px 8px;border-radius: var(--r-sm);font-size: 0.75rem;font-weight: 700;letter-spacing: 0.01em;border: 1px solid var(--line);color: var(--ink-soft);background: var(--surface-2);line-height: 1.2}.pill.ok{color: var(--ok-text);background: var(--ok-soft);border-color: transparent}.pill.warn{color: var(--warn-text);background: var(--warn-soft);border-color: transparent}.pill.danger{color: var(--danger-text);background: var(--danger-soft);border-color: transparent}.card{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r);padding: var(--space-3);box-shadow: none}.card + .card{margin-top: var(--space-2)}.card-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 10px}.card-head h3{font-size: 0.95rem}.card-head a{color: var(--accent-text);font-size: 0.8rem;font-weight: 600}.card-head a:hover{text-decoration: underline}.hero{position: relative;overflow: hidden;background: linear-gradient(145deg,var(--accent) 0%,var(--accent-strong) 100%);color: var(--accent-ink);border: none;border-radius: var(--r);padding: var(--space-4);box-shadow: none}.hero::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 48px 32px;border-color: transparent transparent transparent var(--gold);opacity: 0.9;pointer-events: none}.hero .eyebrow{color: rgb(var(--white-rgb) / 0.78);position: relative}.hero .big{font-family: var(--display);font-size: 1.7rem;font-weight: 800;letter-spacing: -0.02em;margin: 4px 0;position: relative;font-variant-numeric: tabular-nums}.hero p{color: rgb(var(--white-rgb) / 0.86);font-size: 0.84rem;position: relative}.hero .hero-foot{display: flex;gap: 14px;margin-top: 12px;padding-top: 10px;border-top: 1px solid rgb(var(--white-rgb) / 0.18);position: relative;flex-wrap: wrap}.hero .hero-foot div span{display: block;color: rgb(var(--white-rgb) / 0.72);font-size: 0.75rem}.hero .hero-foot div strong{font-size: 1rem;font-variant-numeric: tabular-nums}.hero .delta.up{color: var(--ok-on-dark)}.hero .delta.down{color: var(--danger-on-dark)}.metrics{display: grid;grid-template-columns: repeat(2,1fr);gap: var(--space-2)}.metrics>*{min-width: 0}.metrics.cols3{grid-template-columns: repeat(3,1fr)}.metric{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r);padding: 10px 12px;box-shadow: none}.metric span{color: var(--muted);font-size: 0.75rem;font-weight: 600}.metric strong{display: block;font-size: 1.15rem;margin: 2px 0 1px;letter-spacing: -0.01em;font-variant-numeric: tabular-nums}.metric strong.v-pos{color: var(--ok-text)}.metric strong.v-warn{color: var(--warn-text)}.metric strong.v-crit{color: var(--danger-text)}.metric small{color: var(--muted)}.stat-row{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin-bottom: var(--space-4)}.stat{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r);padding: 10px 12px;box-shadow: none}.stat span{display: block;color: var(--muted);font-size: 0.75rem;font-weight: 600}.stat strong{display: block;font-size: 1.05rem;margin-top: 2px;font-variant-numeric: tabular-nums}.stat.is-warn strong{color: var(--warn-text)}.stat.is-danger strong{color: var(--danger-text)}.stat.is-ok strong{color: var(--ok-text)}@media (min-width: 768px){.metrics.cols3{grid-template-columns: repeat(3,1fr)}.stat-row{grid-template-columns: repeat(4,1fr)}}.table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch;margin: 0 -4px}table{width: 100%;border-collapse: collapse;font-size: 0.88rem}th,td{text-align: left;padding: 10px 8px;border-bottom: 1px solid var(--line);white-space: nowrap}th{color: var(--muted);font-weight: 700;font-size: 0.76rem;text-transform: uppercase;letter-spacing: 0.03em}td.num,th.num{text-align: right;font-variant-numeric: tabular-nums}tr:last-child td{border-bottom: none}td.truncate{max-width: 260px;overflow: hidden;text-overflow: ellipsis}.paged{display: flex;flex-direction: column;min-height: 0}.paged>.table-wrap,.paged>.list{max-height: min(58dvh,560px);overflow: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain}.paged>.table-wrap table{margin: 0}.paged>.table-wrap thead th{position: sticky;top: 0;z-index: 2;background: var(--surface);box-shadow: 0 1px 0 var(--line)}.paged>.pager{flex: none}.pager{display: flex;align-items: center;justify-content: center;gap: 6px;margin-top: 12px;flex-wrap: wrap}.pager-info{font-size: 0.8rem;color: var(--muted);font-variant-numeric: tabular-nums;min-width: 44px;text-align: center}.pager-btn,.pager-num{min-width: 34px;height: 34px;padding: 0 8px;border-radius: var(--r-sm);border: 1px solid var(--line-strong);background: var(--surface);color: var(--ink);font-size: 0.88rem;font-weight: 700;line-height: 1;cursor: pointer;transition: background var(--dur) var(--ease),border-color var(--dur) var(--ease)}@media (hover: hover){.pager-btn:hover:not(:disabled),.pager-num:hover:not(.is-active){background: var(--surface-2);border-color: var(--muted)}}.pager-nums{display: inline-flex;align-items: center;gap: 4px;flex-wrap: wrap;justify-content: center}.pager-num.is-active{background: var(--accent);border-color: var(--accent);color: var(--on-accent)}.pager-ellipsis{color: var(--muted);padding: 0 2px;font-weight: 700}.pager-btn:disabled{opacity: 0.4;pointer-events: none}.pager-size{display: inline-flex;align-items: center;gap: 6px;margin-right: 4px;font-size: 0.8rem;font-weight: 700;color: var(--muted)}.pager-size-sel{min-height: 34px;padding: 0 28px 0 10px;border-radius: var(--r-sm);border: 1px solid var(--line-strong);background: var(--surface);color: var(--ink);font: inherit;font-size: 0.86rem;font-weight: 700;cursor: pointer}.empty{color: var(--muted);text-align: center;padding: 24px 12px;border: 1px dashed var(--line-strong);border-radius: var(--r);background: transparent}@media (max-width: 720px){table.cards thead{display: none}table.cards,table.cards tbody,table.cards tr,table.cards td{display: block;width: 100%}table.cards tr{background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-sm);box-shadow: none;padding: 9px 11px;margin-bottom: 6px}table.cards tr:last-child{margin-bottom: 2px}table.cards td{border: none;padding: 4px 0;white-space: normal;display: flex;align-items: baseline;justify-content: space-between;gap: 14px;text-align: right}table.cards td::before{content: attr(data-label);flex: none;color: var(--muted);font-size: 0.78rem;font-weight: 600;text-align: left}table.cards td.truncate{max-width: none;overflow: visible;text-overflow: clip}table.cards td.is-actions{justify-content: flex-end;padding-top: 8px}table.cards td.is-actions::before{display: none}table.cards .table-empty td{justify-content: center}.table-wrap:has(table.cards){overflow-x: visible;margin: 0}}.list{display: grid;gap: var(--space-2)}.item{display: grid;grid-template-columns: 1fr auto;gap: 10px;align-items: center;padding: 10px;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--surface);box-shadow: none}.item .i-name{font-weight: 600}.item .i-meta{color: var(--muted);font-size: 0.78rem;margin-top: 2px}.item .i-right{text-align: right;display: grid;gap: 4px;justify-items: end}.item .i-amount{font-weight: 800;font-variant-numeric: tabular-nums;font-family: var(--display)}.item.has-thumb{grid-template-columns: auto 1fr auto}a.item.is-link{color: inherit;text-decoration: none}@media (hover: hover){a.item.is-link:hover{background: var(--surface-2)}}.bar{height: 7px;border-radius: var(--r-xs);background: var(--line);overflow: hidden;margin-top: 6px;max-width: 160px}.bar>span{display: block;height: 100%;background: var(--accent);border-radius: inherit}.item.is-low .bar>span{background: var(--warn)}.item.is-empty .bar>span{background: var(--danger)}.bar-wide{max-width: none;height: 10px;margin-top: 12px}.period-tabs{display: flex;gap: 6px;overflow-x: auto;padding-bottom: 2px;scrollbar-width: none;margin-bottom: var(--space-3)}.period-tabs::-webkit-scrollbar{display: none}.period-tab{white-space: nowrap;flex: none;padding: 7px 12px;min-height: 34px;border-radius: var(--r-sm);border: 1px solid var(--line-strong);background: var(--surface);color: var(--ink-soft);font-size: 0.8rem;font-weight: 700;cursor: pointer;transition: background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.period-tab.is-active{background: var(--accent);border-color: var(--accent);color: var(--on-accent)}@media (hover: hover){.period-tab:hover:not(.is-active){border-color: var(--muted);color: var(--ink)}}.period-tab:active{opacity: 0.92}.tabs-scope{min-width: 0}.tabs-scope.hide{display: none !important}.modal-wrap{position: fixed;inset: 0;z-index: var(--z-modal);background: var(--scrim);display: flex;align-items: center;justify-content: center;padding: var(--space-4);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity var(--dur) var(--ease),visibility var(--dur) var(--ease);overflow-y: auto;-webkit-overflow-scrolling: touch}.modal-wrap.open{opacity: 1;visibility: visible;pointer-events: auto}.modal{width: min(400px,100%);max-height: calc(100dvh - 32px);background: var(--surface);border: 1px solid var(--line);border-radius: var(--r);padding: var(--space-4);box-shadow: var(--shadow-lift);display: flex;flex-direction: column;overflow: hidden;margin: auto}.modal-lg{width: min(560px,100%)}.modal h3{font-size: 1.02rem;margin-bottom: 6px}.modal p{margin-bottom: 14px}.modal-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 10px;flex: none}.modal-head h3{margin: 0}.modal-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;flex: none}.modal-actions.actions-single{grid-template-columns: 1fr}.modal form{display: flex;flex-direction: column;min-height: 0;overflow: auto}.modal form .modal-actions{margin-top: 18px}.modal>.paged{flex: 1 1 auto;min-height: 0}.modal>.paged>.table-wrap,.modal>.paged>.list{flex: 1 1 auto;min-height: 0;max-height: none}.modal>.table-wrap,.modal>.list,.modal>.empty{flex: 1 1 auto;min-height: 0;overflow: auto;-webkit-overflow-scrolling: touch}.modal>.search{flex: none;margin-bottom: 12px}.modal .table-wrap thead th{position: sticky;top: 0;z-index: 2;background: var(--surface)}#confirm-modal{z-index: calc(var(--z-modal) + 8);background: rgb(var(--shade-rgb) / 0.42);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);padding: 20px}#confirm-modal .confirm-card,#confirm-modal .modal.confirm-card{position: relative;width: min(400px,100%);padding: 26px 24px 22px;border: 1px solid var(--line);border-radius: 2px;background: var(--surface);box-shadow: 0 1px 2px rgb(var(--shade-rgb) / 0.05),0 28px 60px -24px rgb(var(--shade-rgb) / 0.45);overflow: hidden}#confirm-modal .confirm-card-top{display: flex;align-items: center;gap: 10px;margin-bottom: 14px}#confirm-modal .confirm-mark{display: block;width: 36px;height: 36px;object-fit: contain;border: 1px solid var(--line);border-left: 3px solid var(--gold);border-radius: 2px;background: var(--brand-cream);padding: 4px;box-sizing: border-box}#confirm-modal .confirm-kicker{margin: 0;color: var(--gold-text);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase}#confirm-modal #confirm-title{margin: 0 0 8px;color: var(--ink);font-family: var(--display);font-size: 1.45rem;font-weight: 750;letter-spacing: -0.01em;line-height: 1.15}#confirm-modal #confirm-msg{margin: 0 0 22px;color: var(--ink-soft);font-size: 0.95rem;font-weight: 500;line-height: 1.45}#confirm-modal .confirm-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin: 0}#confirm-modal .confirm-actions .btn{min-height: 44px;border-radius: 2px;font-weight: 750;gap: 8px}#confirm-modal #confirm-yes.confirm-yes-ink,#confirm-modal #confirm-yes:not(.danger){background: var(--accent);border-color: var(--accent);color: var(--accent-ink)}#confirm-modal #confirm-yes.danger{background: var(--danger);border-color: var(--danger);color: var(--on-accent)}#confirm-modal .confirm-kbd{display: inline-grid;place-items: center;min-width: 2.1em;padding: 2px 5px;border: 1px solid rgb(var(--white-rgb) / 0.28);border-radius: 2px;background: rgb(var(--white-rgb) / 0.12);color: inherit;font-family: var(--font);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.04em;line-height: 1.2}#confirm-modal #confirm-no .confirm-kbd{border-color: var(--line);background: var(--surface-2);color: var(--muted)}#modal-order{z-index: var(--z-keypad)}#modal-order .modal{width: min(560px,100%)}#modal-order .modal-head{align-items: flex-start}#modal-order #order-title{margin: 0 0 2px;font-size: 1.05rem}#modal-order #order-meta{display: block;font-size: 0.78rem}#modal-order #order-body{flex: 1 1 auto;min-height: 0;overflow: auto;-webkit-overflow-scrolling: touch;margin-bottom: var(--space-2)}#modal-order #order-cancel-hint{flex: none;margin: 0 0 var(--space-3)}#modal-order.is-readonly #order-cancel-hint{display: none}#modal-order.is-readonly .modal{position: relative;width: min(440px,100%);max-height: min(88dvh,720px);padding: 0;border: 1px solid var(--line);border-radius: 2px;background: var(--surface-warm);box-shadow: 0 1px 0 rgb(var(--shade-rgb) / 0.04),0 22px 56px rgb(var(--shade-rgb) / 0.12);overflow: hidden;display: flex;flex-direction: column}#modal-order.is-readonly .modal-head{display: none !important}#modal-order.is-readonly #order-body{flex: 1 1 auto;min-height: 0;margin: 0;padding: 0;overflow: hidden;display: flex;flex-direction: column}#modal-order.is-readonly .modal-actions,#modal-order.is-readonly .modal-actions.actions-single{flex: none;display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin: 0;padding: 12px 18px 14px;border-top: 1px solid var(--line);background: var(--surface)}#modal-order.is-readonly .modal-actions .btn{width: 100%;min-height: 40px;margin: 0;border-radius: 2px;font-weight: 750}#modal-order.is-readonly .order-copy,#modal-order.is-readonly #order-copy{width: 100%;margin: 0;flex: none}#modal-order .modal-actions{margin-top: 0}#modal-order.is-readonly .order-ticket{flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column;gap: 0;border: 0;border-radius: 0;background: var(--surface-warm);overflow: hidden}#modal-order.is-readonly .order-ticket-top{flex: none;display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 16px 16px 14px 18px;border-bottom: 1px solid var(--line);background: linear-gradient(90deg,var(--gold) 0 3px,transparent 3px),var(--surface)}#modal-order.is-readonly .order-ticket-brand{display: flex;align-items: center;gap: 12px;min-width: 0}#modal-order.is-readonly .order-ticket-mark{display: block;width: 40px;height: 40px;object-fit: contain;border: 1px solid var(--line);border-radius: 2px;background: var(--brand-cream);padding: 4px;box-sizing: border-box}#modal-order.is-readonly .order-ticket-brand-copy{display: grid;gap: 2px;min-width: 0}#modal-order.is-readonly .order-ticket-brand-copy strong{color: var(--accent-text);font-family: var(--display);font-size: 1.1rem;font-weight: 850;letter-spacing: -0.035em;line-height: 1.1}#modal-order.is-readonly .order-ticket-brand-copy span{color: var(--muted);font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}#modal-order.is-readonly .order-ticket-close{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;min-width: 34px;margin: 0;padding: 0;border: 1px solid var(--line);border-radius: 2px;background: var(--surface);color: var(--ink-soft);cursor: pointer;flex: none}#modal-order.is-readonly .order-ticket-close svg{width: 15px;height: 15px;display: block}#modal-order.is-readonly .order-ticket-close:hover{border-color: var(--gold);color: var(--ink);background: var(--surface-warm)}#modal-order.is-readonly .order-ticket-idrow{flex: none;display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 8px 12px;padding: 14px 18px 4px;background: var(--surface-warm)}#modal-order.is-readonly .order-ticket-id{color: var(--ink);font-family: var(--display);font-size: 1.45rem;font-weight: 850;letter-spacing: -0.045em;font-variant-numeric: tabular-nums;line-height: 1}#modal-order.is-readonly .order-ticket-pay{display: inline-flex;align-items: center;gap: 7px;color: var(--ink);font-size: 0.8rem;font-weight: 780;letter-spacing: -0.01em}#modal-order.is-readonly .order-ticket-pay::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: var(--gold)}#modal-order.is-readonly .order-ticket-pay.is-efectivo::before{background: var(--ok)}#modal-order.is-readonly .order-ticket-pay.is-transferencia::before{background: var(--info)}#modal-order.is-readonly .order-ticket-pay.is-mixto::before{background: var(--warn)}#modal-order.is-readonly .order-ticket-sub{flex: none;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 6px 12px;margin: 0;padding: 0 18px 12px;border-bottom: 1px dashed var(--line);background: var(--surface-warm)}#modal-order.is-readonly .order-ticket-when{margin: 0;color: var(--muted);font-size: 0.78rem;font-weight: 600;letter-spacing: -0.015em;font-variant-numeric: tabular-nums}#modal-order.is-readonly .order-ticket-count{color: var(--warn-text);font-size: 0.75rem;font-weight: 750;letter-spacing: -0.01em}#modal-order.is-readonly .order-ticket-lines{flex: 1 1 auto;min-height: 0;display: block;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;overscroll-behavior: contain;padding: 4px 0;background: var(--surface);scrollbar-width: thin;scrollbar-color: var(--line) transparent}#modal-order.is-readonly .order-ticket-lines::-webkit-scrollbar{width: 8px}#modal-order.is-readonly .order-ticket-lines::-webkit-scrollbar-thumb{background: var(--line);border-radius: 4px}#modal-order.is-readonly .order-ticket-empty{padding: 28px 18px;color: var(--muted);font-size: 0.88rem;font-weight: 600}#modal-order.is-readonly .order-ticket-line{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: start;gap: 14px;margin: 0;padding: 12px 18px;border: 0;border-bottom: 1px solid var(--line);border-radius: 0;background: transparent}#modal-order.is-readonly .order-ticket-line:last-child{border-bottom: 0}#modal-order.is-readonly .order-ticket-line-main{display: grid;gap: 2px;min-width: 0}#modal-order.is-readonly .order-ticket-line-main strong{color: var(--ink);font-size: 0.92rem;font-weight: 750;letter-spacing: -0.02em;white-space: normal;overflow: visible;text-overflow: unset}#modal-order.is-readonly .order-ticket-line-main span{color: var(--muted);font-size: 0.75rem;font-weight: 650;font-variant-numeric: tabular-nums}#modal-order.is-readonly .order-ticket-line-amt{color: var(--ink);font-family: var(--display);font-size: 1rem;font-weight: 850;letter-spacing: -0.025em;font-variant-numeric: tabular-nums}#modal-order.is-readonly .order-ticket-foot{flex: none;display: grid;grid-template-columns: 1.15fr 0.85fr;gap: 0;margin: 0;padding: 0;border: 0;border-top: 1px solid var(--line);box-shadow: inset 0 3px 0 var(--gold);background: var(--surface-2);color: var(--ink)}#modal-order.is-readonly .order-ticket-foot>div{display: grid;gap: 3px;margin: 0;padding: 14px 18px;border: 0;border-radius: 0;background: transparent}#modal-order.is-readonly .order-ticket-foot>div + div{border-left: 1px solid var(--line)}#modal-order.is-readonly .order-ticket-foot span{display: block;margin: 0;color: var(--muted);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.08em;text-transform: uppercase}#modal-order.is-readonly .order-ticket-foot strong{color: var(--ink);font-family: var(--display);font-size: 1.28rem;font-weight: 850;letter-spacing: -0.035em;font-variant-numeric: tabular-nums;line-height: 1.05}#modal-order.is-readonly .order-ticket-profit strong{color: var(--warn-text)}.order-copy,#order-copy{width: auto;flex: none;align-self: center}#modal-order:not(.is-readonly) .modal-head .order-copy,#modal-order:not(.is-readonly) .modal-head #order-copy{margin-left: auto;margin-right: 4px}.order-lines{display: grid;gap: 8px}.order-line{display: grid;gap: 6px;padding: 12px;border-radius: var(--r-sm);border: 1px solid var(--line);background: var(--surface-2)}.order-line-top{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px}.order-line-main{min-width: 0;display: grid;gap: 2px}.order-line-main strong{font-size: 0.92rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.order-line-main .muted{font-size: 0.76rem}.order-line-side{text-align: right;flex-shrink: 0;display: grid;gap: 1px}.order-line-side .muted{font-size: 0.75rem}.order-profit{color: var(--ok-text);font-size: 0.95rem;font-weight: 750;font-variant-numeric: tabular-nums}.order-line-link{font-size: 0.8rem;font-weight: 700;color: var(--ink);text-decoration: none}@media (hover: hover){.order-line-link:hover{text-decoration: underline;color: var(--gold-text)}}.order-foot{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-top: 12px;padding-top: 12px;border-top: 1px solid var(--line)}.order-foot>div{padding: 10px 12px;border-radius: var(--r-sm);border: 1px solid var(--line);background: var(--surface-2)}.order-foot span{display: block;font-size: 0.75rem;margin-bottom: 2px;color: var(--muted);font-weight: 600}.order-foot strong{font-size: 1.1rem;font-variant-numeric: tabular-nums;font-family: var(--display)}@media (max-width: 420px){.order-foot{grid-template-columns: 1fr}}.alerts-panel{position: fixed;z-index: var(--z-drawer);display: flex;flex-direction: column;background: var(--surface-warm);border: 1px solid var(--line);border-radius: 2px;box-shadow: 0 1px 2px rgb(var(--shade-rgb) / 0.04),0 22px 48px -20px rgb(var(--shade-rgb) / 0.32);opacity: 0;pointer-events: none;transform: translateY(-6px);transition: opacity 160ms var(--ease),transform 180ms var(--ease)}.alerts-panel.open{opacity: 1;pointer-events: auto;transform: translateY(0)}@media (max-width: 1023px){.alerts-panel{left: 10px;right: 10px;bottom: calc(10px + env(safe-area-inset-bottom,0px));top: auto;width: auto;max-height: min(72dvh,520px);transform: translateY(12px)}.alerts-panel.open{transform: translateY(0)}}@media (min-width: 1024px){.alerts-panel{top: calc(var(--topnav-h) + 8px);right: clamp(14px,2.2vw,32px);bottom: auto;width: min(360px,calc(100vw - 28px));max-height: min(70vh,480px)}.alerts-panel::before{content: "";position: absolute;right: 18px;top: -6px;width: 10px;height: 10px;background: var(--surface-warm);border-left: 1px solid var(--line);border-top: 1px solid var(--line);transform: rotate(45deg)}}.alerts-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;padding: 14px 14px 12px;border-bottom: 1px solid var(--line);flex: none}.alerts-head-copy{display: grid;gap: 2px;min-width: 0}.alerts-head-copy strong{font-family: var(--display);font-size: 1rem;font-weight: 850;letter-spacing: -0.03em;line-height: 1.15}.alerts-head-copy small{color: var(--muted);font-size: 0.75rem;font-weight: 650}.alerts-body{padding: 10px;overflow-y: auto;display: grid;gap: 8px;flex: 1 1 auto;min-height: 0}.alert-empty{display: grid;justify-items: center;gap: 6px;padding: 28px 16px;text-align: center}.alert-empty-ico{display: grid;place-items: center;width: 44px;height: 44px;margin-bottom: 4px;border: 1px solid color-mix(in srgb,var(--ok) 28%,var(--line));border-radius: 2px;background: color-mix(in srgb,var(--ok-soft) 70%,var(--surface));color: var(--ok-text)}.alert-empty-ico svg{width: 20px;height: 20px}.alert-empty strong{font-size: 0.95rem;font-weight: 800;letter-spacing: -0.02em}.alert-empty p{margin: 0;color: var(--muted);font-size: 0.8rem;font-weight: 550;max-width: 22ch}.alert-item{display: grid;grid-template-columns: 38px minmax(0,1fr);gap: 12px;align-items: start;padding: 12px;border: 1px solid var(--line);border-radius: 2px;background: var(--surface);color: inherit;text-decoration: none;transition: border-color var(--dur) var(--ease),background var(--dur) var(--ease)}a.alert-item{cursor: pointer}@media (hover: hover){a.alert-item:hover{border-color: color-mix(in srgb,var(--ink) 16%,var(--line));background: var(--surface-2);text-decoration: none}}.alert-item-ico{display: grid;place-items: center;width: 38px;height: 38px;border: 1px solid var(--line);border-radius: 2px;background: var(--surface-2);color: var(--ink);flex: none}.alert-item-ico svg{width: 17px;height: 17px}.alert-item-copy{display: grid;gap: 3px;min-width: 0;padding-top: 1px}.alert-item-copy strong{font-size: 0.88rem;font-weight: 800;letter-spacing: -0.02em;line-height: 1.2}.alert-item-copy em{color: var(--ink-soft);font-size: 0.78rem;font-style: normal;font-weight: 550;line-height: 1.35}.alert-item-cta{display: inline-flex;align-items: center;gap: 4px;margin-top: 6px;color: var(--ink);font-size: 0.76rem;font-weight: 800;letter-spacing: -0.01em}.alert-item-cta::after{content: "→";opacity: 0.55}.alert-item.is-warn .alert-item-ico{border-color: color-mix(in srgb,var(--warn) 30%,var(--line));background: color-mix(in srgb,var(--warn-soft) 75%,var(--surface));color: color-mix(in srgb,var(--warn-text) 85%,var(--ink))}.alert-item.is-danger .alert-item-ico{border-color: color-mix(in srgb,var(--danger) 28%,var(--line));background: color-mix(in srgb,var(--danger-soft) 70%,var(--surface));color: color-mix(in srgb,var(--danger-text) 80%,var(--ink))}.alert-item.is-info .alert-item-ico{border-color: color-mix(in srgb,var(--info) 28%,var(--line));background: color-mix(in srgb,var(--info-soft) 70%,var(--surface))}.iconbtn.has-alerts{border-color: color-mix(in srgb,var(--warn) 32%,var(--line));background: color-mix(in srgb,var(--warn-soft) 55%,var(--surface));color: color-mix(in srgb,var(--warn-text) 70%,var(--ink))}.iconbtn.has-alerts .dot{background: var(--warn);color: var(--on-accent)}@media (prefers-reduced-motion: reduce){.alerts-panel{transition: none}}.sheet-backdrop{position: fixed;inset: 0;z-index: var(--z-backdrop);background: var(--scrim);opacity: 0;pointer-events: none;transition: opacity var(--dur-slow) var(--ease);touch-action: none}.sheet-backdrop.open{opacity: 1;pointer-events: auto}html.is-scroll-locked,html.is-scroll-locked body{overflow: hidden !important;overscroll-behavior: none}.more-sheet{position: fixed;left: 0;right: 0;bottom: 0;z-index: var(--z-drawer);background: var(--surface);border-radius: var(--r-lg) var(--r-lg) 0 0;padding: 8px 14px calc(16px + env(safe-area-inset-bottom,0px));box-shadow: var(--shadow-lift);transform: translateY(100%);transition: transform var(--dur-enter) var(--ease);max-height: 80dvh;overflow-y: auto}.more-sheet.open{transform: translateY(0)}.sheet-grip{width: 36px;height: 4px;border-radius: 2px;background: var(--line-strong);margin: 4px auto 10px}.more-brand{display: flex;align-items: center;gap: 10px;margin: 0 0 12px;padding: 0 2px 10px;border-bottom: 1px solid var(--line)}.more-brand img{width: 22px;height: 22px;flex: none;object-fit: contain}.more-brand span{color: var(--gold-text);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase}.more-user{display: grid;grid-template-columns: 40px minmax(0,1fr);gap: 10px;align-items: center;margin: 0 0 12px;padding: 10px 12px;border: 1px solid var(--line);border-radius: 2px;background: var(--surface-warm)}.more-user .av{width: 40px;height: 40px;border-left: 3px solid var(--gold)}.more-user strong{display: block;font-size: 0.92rem;font-weight: 800;letter-spacing: -0.02em;line-height: 1.2}.more-user small{display: block;margin-top: 2px;color: var(--muted);font-size: 0.75rem;font-weight: 700}.more-label{margin: 14px 2px 6px;color: var(--gold-text);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase}.more-label:first-of-type{margin-top: 4px}.more-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-2);margin-top: 6px}.more-logout{margin: 16px 0 0;padding-top: 12px;border-top: 1px solid var(--line)}.more-logout .btn{width: 100%;justify-content: center;gap: 8px}.more-link{display: flex;flex-direction: column;align-items: center;gap: 6px;text-align: center;padding: 12px 6px;border: 1px solid var(--line);border-radius: var(--r);background: var(--surface);color: var(--ink-soft);font-size: 0.76rem;font-weight: 600;text-decoration: none;transition: background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.more-link svg{width: 22px;height: 22px;color: var(--ink)}@media (hover: hover){.more-link:hover{background: var(--surface-2);border-color: var(--line-strong);color: var(--ink);text-decoration: none}}.more-link:active{opacity: 0.9}.keypad-wrap{position: fixed;inset: 0;z-index: var(--z-keypad);background: var(--scrim);display: flex;align-items: center;justify-content: center;padding: var(--space-4);opacity: 0;pointer-events: none;transition: opacity var(--dur) var(--ease)}.keypad-wrap.open{opacity: 1;pointer-events: auto}.keypad{width: min(400px,100%);max-height: calc(100dvh - 32px);overflow-y: auto;background: var(--surface);border: 1px solid var(--line-strong);border-radius: var(--r);padding: var(--space-3);box-shadow: var(--shadow-lift)}.keypad-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-2)}.keypad-head strong{font-size: 0.95rem;letter-spacing: -0.01em}.keypad-display{border: 1px solid var(--line-strong);border-radius: var(--r-sm);padding: 12px 14px;text-align: right;font-size: 1.85rem;font-weight: 800;font-variant-numeric: tabular-nums;margin-bottom: var(--space-2);background: var(--bg);color: var(--ink);letter-spacing: -0.03em;font-family: var(--display)}.keypad-info{min-height: 20px;margin: -2px 2px 8px;text-align: right;font-weight: 700;font-size: 0.82rem}.keypad-info.is-ok{color: var(--ok-text)}.keypad-info.is-short{color: var(--danger-text)}.keypad.shake{animation: kpShake 0.3s var(--ease)}@keyframes kpShake{0%,100%{transform: translateX(0)}20%,60%{transform: translateX(-7px)}40%,80%{transform: translateX(7px)}}.keypad-chips{display: flex;gap: 6px;margin-bottom: var(--space-3);flex-wrap: wrap}.keypad-chips button{flex: 1;min-width: 62px;min-height: var(--touch);border: 1px solid var(--line-strong);border-radius: var(--r-sm);background: var(--surface-2);color: var(--ink-soft);font-weight: 700;font-size: 0.82rem;cursor: pointer;transition: border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.keypad-chips button:active{border-color: var(--accent);color: var(--accent-text)}.keypad-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;margin-bottom: var(--space-3)}.keypad-grid button{min-height: 54px;border-radius: var(--r-sm);border: 1px solid var(--line);background: var(--surface-2);font-size: 1.35rem;font-weight: 700;color: var(--ink);cursor: pointer;font-variant-numeric: tabular-nums;transition: background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.keypad-grid button:active{background: var(--accent-soft);border-color: var(--accent)}.keypad-grid button.act{color: var(--danger-text)}.keypad-alt{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;margin: 0 0 var(--space-2)}.keypad-alt.hide{display: none}.keypad-alt button{border: 1px dashed var(--line-strong);background: transparent;color: var(--muted);border-radius: var(--r-sm);padding: 8px;font-size: 0.78rem;font-weight: 600;cursor: pointer}.keypad-alt button:active{color: var(--ink);border-color: var(--ink-soft)}#keypad-ok,.keypad-ok{width: 100%}.toast{position: fixed;left: 50%;right: auto;top: calc(12px + env(safe-area-inset-top,0px));bottom: auto;z-index: var(--z-toast);width: min(360px,calc(100vw - 28px));margin: 0;padding: 10px 14px;border-radius: 2px;background: var(--surface-warm);color: var(--ink);border: 1px solid var(--line);border-top: 3px solid var(--gold);box-shadow: 0 1px 2px rgb(var(--shade-rgb) / 0.04),0 12px 24px -14px rgb(var(--shade-rgb) / 0.22);display: flex;align-items: center;gap: 10px;font-size: 0.84rem;font-weight: 600;line-height: 1.3;opacity: 0;transform: translate(-50%,-6px) scale(0.98);pointer-events: none;transition: opacity 120ms cubic-bezier(0.22,1,0.36,1),transform 120ms cubic-bezier(0.22,1,0.36,1)}.toast.show{opacity: 1;transform: translate(-50%,0) scale(1);pointer-events: auto}.toast.error{border-top-color: var(--danger);background: var(--danger-soft)}.toast.success{border-top-color: var(--ok)}.toast.warn{border-top-color: var(--warn);background: var(--surface-warm)}.toast svg{width: 18px;height: 18px;flex: none}.toast>span{flex: 1;min-width: 0}.toast-undo{margin: 0;flex: none}.toast-undo-btn{border: 1px solid var(--line);background: var(--surface-2);color: var(--ink);font-weight: 750;font-size: 0.76rem;padding: 6px 10px;border-radius: 2px;cursor: pointer}@media (hover: hover){.toast-undo-btn:hover{border-color: var(--ink)}}.toast-x{background: none;border: none;color: var(--muted);opacity: 0.9;font-size: 1.25rem;line-height: 1;cursor: pointer;padding: 0 2px;margin-left: 4px;flex: none}@media (hover: hover){.toast-x:hover{color: var(--ink);opacity: 1}}@media (min-width: 1024px){.toast{top: calc(var(--topnav-h) + 10px)}}@media (prefers-reduced-motion: reduce){.toast{transition: opacity 70ms linear;transform: translate(-50%,0) scale(1)}}#busy-overlay{position: fixed;inset: 0;z-index: var(--z-busy);display: grid;place-items: center;background: color-mix(in srgb,var(--bg) 72%,transparent)}#busy-overlay .busy-card{display: flex;align-items: center;gap: 10px;background: var(--surface);color: var(--ink);border: 1px solid var(--line);border-radius: var(--r);padding: 12px 16px;box-shadow: var(--shadow-lift);font-weight: 700;font-size: 0.88rem}#busy-overlay .busy-spin{width: 22px;height: 22px;flex: none;border: 3px solid var(--line-strong);border-top-color: var(--accent);border-radius: 999px;animation: busySpin 0.7s linear infinite}@keyframes busySpin{to{transform: rotate(360deg)}}.thumb{display: block;background-size: cover;background-position: center;background-repeat: no-repeat;flex: none;border-radius: var(--r-sm);background-color: var(--surface-3)}.thumb-mono{display: grid;place-items: center;font-weight: 800;letter-spacing: 0.01em;background: var(--surface-3);color: var(--ink-soft)}.thumb-mono svg{width: 58%;height: 58%}.tile-thumb{width: 100%;height: 52px;border-radius: var(--r-sm);font-size: 1rem;margin-bottom: 3px}.prod-photo{width: 58px;height: 58px;border-radius: var(--r);font-size: 1.05rem}.i-thumb{width: 42px;height: 42px;border-radius: var(--r-sm);font-size: 0.8rem;background-size: cover;background-position: center;background-repeat: no-repeat}.i-thumb.thumb-mono svg{width: 56%;height: 56%}.hint{font-size: 0.78rem;margin: 8px 0 2px;color: var(--muted);line-height: 1.4}.hint.muted{color: var(--muted)}.soft-banner{display: flex;flex-wrap: wrap;align-items: baseline;gap: 6px 10px;padding: 10px 12px;border: 1px solid var(--line);border-radius: var(--r);border-color: var(--accent-soft) !important;background: var(--accent-soft) !important;font-size: 0.86rem}.soft-banner a{color: var(--accent-text);font-weight: 700;text-decoration: underline;text-underline-offset: 2px}.link-btn{background: none;border: none;color: var(--ink);font-weight: 700;font-size: 0.8rem;cursor: pointer;padding: 2px 4px;text-decoration: none;border-bottom: 1px solid transparent;transition: color var(--dur) var(--ease),border-color var(--dur) var(--ease)}@media (hover: hover){.link-btn:hover{color: var(--gold-text);border-bottom-color: color-mix(in srgb,var(--gold) 45%,transparent);text-decoration: none}}.link-btn:active{opacity: 0.85}.back-link{color: var(--ink);font-weight: 700;font-size: 0.9rem}.back-link:hover{text-decoration: underline;color: var(--gold-text)}.cart-fab{position: fixed;right: 16px;bottom: calc(var(--tabbar-h) + 12px);z-index: var(--z-fab);display: inline-flex;align-items: center;gap: 10px;padding: 9px 14px;border-radius: var(--r);background: var(--accent);color: var(--on-accent);border: none;font-weight: 700;box-shadow: var(--shadow);transform: translateY(180%);transition: transform var(--dur-enter) var(--ease)}.cart-fab.show{transform: translateY(0)}.cart-fab svg{width: 20px;height: 20px}.cart-fab .cf-count{min-width: 22px;height: 22px;padding: 0 6px;border-radius: var(--r-sm);background: rgb(var(--white-rgb) / 0.22);display: inline-grid;place-items: center;font-size: 0.8rem;font-weight: 800;font-variant-numeric: tabular-nums}.cart-fab .cf-total{font-size: 0.95rem;font-variant-numeric: tabular-nums;font-family: var(--display)}@media (min-width: 1024px){.cart-fab{display: none}}.staff-seg{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0;min-height: 40px;height: 40px;border: 1px solid var(--line-strong);border-radius: 2px;background: var(--surface);overflow: hidden;box-sizing: border-box}.staff-seg.is-3{grid-template-columns: repeat(3,minmax(0,1fr))}.staff-seg button{min-height: 0;height: 100%;margin: 0;border: 0;border-radius: 0;border-right: 1px solid var(--line);background: var(--surface);color: var(--ink-soft);font: inherit;font-size: 0.82rem;font-weight: 760;cursor: pointer;box-shadow: none}.staff-seg button:last-child{border-right: 0}.staff-seg button.is-active{background: var(--accent);color: var(--on-accent);font-weight: 800}.staff-duty-field{margin: 0}.staff-duty-field label{display: block;margin-bottom: 6px;font-size: 0.78rem;font-weight: 740}.staff-duty-form{display: grid;gap: 12px;padding: 4px 0 0}.staff-duty-modal .modal-actions{margin-top: 4px}
:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]),.auth-body{--pa-paper: var(--bg);--pa-paper-deep: var(--bg-soft);--pa-surface: var(--surface);--pa-wash: var(--surface-2);--pa-ink: var(--ink);--pa-ink-2: var(--ink-soft);--pa-muted: var(--muted);--pa-line: var(--line);--pa-line-strong: var(--line-strong);--pa-gold: var(--gold);--pa-gold-strong: var(--gold-strong);--pa-ok: var(--ok);--pa-ok-soft: var(--ok-soft);--pa-warn: var(--warn);--pa-warn-soft: var(--warn-soft);--pa-danger: var(--danger);--pa-danger-soft: var(--danger-soft);--pa-focus: var(--info);--pa-r: var(--r-sm);--pa-font: var(--font);--pa-display: var(--display);--pa-ease: var(--ease);--pa-dur: var(--dur);color: var(--pa-ink);accent-color: var(--pa-ink);font-family: var(--pa-font)}body[data-page="gastos"] :is(a,button,input,select,textarea,summary):focus-visible,body[data-page="anulaciones"] :is(a,button,input,select,textarea,summary):focus-visible,body[data-page="usuarios"] :is(a,button,input,select,textarea,summary):focus-visible,body[data-page="personal"] :is(a,button,input,select,textarea,summary):focus-visible,.auth-body :is(a,button,input,select,textarea,summary):focus-visible{outline: 3px solid var(--pa-focus);outline-offset: 2px;box-shadow: none}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"]) .view{width: min(100%,var(--content-max));margin-inline: auto;min-width: 0;background: var(--bg)}body[data-page="personal"] .view{width: min(100%,var(--content-max));margin-inline: auto;min-width: 0;background: var(--pa-paper,var(--bg))}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .appbar{position: relative;background: var(--bg);border-bottom-color: var(--pa-line);backdrop-filter: blur(10px)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .appbar h1{font-family: var(--pa-display);font-weight: 820;letter-spacing: -.035em}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) :is(.appbar-cash,.topnav-cash){display: inline-flex;align-items: center;justify-content: center;flex: none;min-height: 28px;padding: 4px 10px;border: 1px solid transparent;border-radius: 2px;font-size: 0.75rem;font-weight: 760;letter-spacing: .02em;text-decoration: none;white-space: nowrap;transition: background var(--pa-dur) var(--pa-ease),border-color var(--pa-dur) var(--pa-ease),color var(--pa-dur) var(--pa-ease)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) :is(.appbar-cash,.topnav-cash).is-ok{color: var(--pa-ok);background: var(--pa-ok-soft);border-color: color-mix(in srgb,var(--pa-ok) 22%,transparent)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) :is(.appbar-cash,.topnav-cash).is-off{color: var(--pa-danger);background: var(--pa-danger-soft);border-color: color-mix(in srgb,var(--pa-danger) 22%,transparent)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) :is(.appbar-cash,.topnav-cash).is-warn{color: var(--pa-warn);background: var(--pa-warn-soft);border-color: color-mix(in srgb,var(--pa-warn) 24%,transparent)}@media (hover: hover){body[data-page="gastos"] :is(.appbar-cash,.topnav-cash):hover,body[data-page="anulaciones"] :is(.appbar-cash,.topnav-cash):hover,body[data-page="usuarios"] :is(.appbar-cash,.topnav-cash):hover{filter: brightness(.97);text-decoration: none}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .grid{display: grid;gap: 12px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .grid>*{min-width: 0}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .card{padding: 12px;border: 1px solid var(--pa-line);border-radius: var(--pa-r);background: rgb(var(--surface-rgb) / 0.97)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .card-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 10px;margin-bottom: 10px;padding-bottom: 11px;border-bottom: 1px solid var(--pa-line)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .card-head h3{margin: 0;font-family: var(--pa-display);font-size: .95rem;font-weight: 800;letter-spacing: -.02em}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .metrics{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 8px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .metrics.cols3{grid-template-columns: repeat(3,minmax(0,1fr))}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .metric{min-width: 0;padding: 10px 12px;border: 1px solid var(--pa-line);border-radius: var(--pa-r);background: var(--pa-surface)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .metric span{color: var(--pa-muted);font-size: 0.75rem;font-weight: 750;letter-spacing: .06em;text-transform: uppercase}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .metric strong{display: block;margin: 4px 0 2px;font-size: 1.2rem;letter-spacing: -.02em;font-variant-numeric: tabular-nums lining-nums}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .metric small{color: var(--pa-muted);font-size: 0.75rem}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .table-wrap{overflow-x: auto;-webkit-overflow-scrolling: touch;margin: 0 -2px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) table{width: 100%;border-collapse: collapse;font-size: .86rem}body[data-page="gastos"] :is(th,td),body[data-page="anulaciones"] :is(th,td),body[data-page="usuarios"] :is(th,td){text-align: left;padding: 10px 8px;border-bottom: 1px solid var(--pa-line);white-space: nowrap}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) th{color: var(--pa-ink-2);font-size: 0.75rem;font-weight: 800;letter-spacing: .07em;text-transform: uppercase}body[data-page="gastos"] :is(td.num,th.num),body[data-page="anulaciones"] :is(td.num,th.num),body[data-page="usuarios"] :is(td.num,th.num){text-align: right;font-variant-numeric: tabular-nums}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) td.truncate{max-width: 260px;overflow: hidden;text-overflow: ellipsis}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) tbody tr{transition: background-color var(--pa-dur) var(--pa-ease)}@media (hover: hover){body[data-page="gastos"] tbody tr:hover,body[data-page="anulaciones"] tbody tr:hover,body[data-page="usuarios"] tbody tr:hover{background: rgb(var(--shade-rgb) / 0.035)}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .paged{display: flex;flex-direction: column;min-height: 0}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .pager{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 6px;margin-top: 12px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .pager-info{min-width: 44px;color: var(--pa-muted);font-size: .78rem;font-variant-numeric: tabular-nums;text-align: center}body[data-page="gastos"] :is(.pager-btn,.pager-num),body[data-page="anulaciones"] :is(.pager-btn,.pager-num),body[data-page="usuarios"] :is(.pager-btn,.pager-num){min-height: 32px;padding: 0 10px;border: 1px solid var(--pa-line-strong);border-radius: var(--pa-r);background: var(--pa-surface);color: var(--pa-ink-2);font-size: .78rem;font-weight: 700;cursor: pointer}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .pager-num.is-active{border-color: var(--accent);background: var(--accent);color: var(--on-accent)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .empty{padding: 24px 12px;border: 1px dashed var(--pa-line-strong);border-radius: var(--pa-r);color: var(--pa-muted);text-align: center}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .muted,.auth-body .muted{color: var(--pa-muted)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .muted.sm{font-size: .78rem;font-style: italic}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .tnum,.auth-body .tnum{font-variant-numeric: tabular-nums;font-feature-settings: "tnum" 1}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .hide{display: none !important}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .mb-3{margin-bottom: 14px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .list{display: grid;gap: 0}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .item{display: flex;align-items: center;justify-content: space-between;gap: 10px;min-height: 48px;padding: 8px 2px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .i-name{font-weight: 700}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .i-meta{margin-top: 2px;color: var(--pa-muted);font-size: .76rem}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .i-right{display: grid;gap: 4px;justify-items: end;text-align: right}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .i-amount{font-weight: 800;font-variant-numeric: tabular-nums}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .btn,.auth-body .btn{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-height: 42px;padding: 0 14px;border: 1px solid var(--accent);border-radius: var(--pa-r);background: var(--accent);color: var(--on-accent);font: 750 .86rem/1 var(--pa-font);letter-spacing: -.01em;text-decoration: none;cursor: pointer;transition: background-color var(--pa-dur) var(--pa-ease),border-color var(--pa-dur) var(--pa-ease),color var(--pa-dur) var(--pa-ease)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .btn svg,.auth-body .btn svg{width: 16px;height: 16px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .btn.ghost,.auth-body .btn.ghost{border-color: var(--pa-line-strong);background: var(--pa-wash);color: var(--pa-ink-2);box-shadow: none}@media (hover: hover){body[data-page="gastos"] .btn.ghost:hover,body[data-page="anulaciones"] .btn.ghost:hover,body[data-page="usuarios"] .btn.ghost:hover,.auth-body .btn.ghost:hover{border-color: var(--pa-muted);color: var(--pa-ink)}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .btn.danger{border-color: var(--pa-danger);background: var(--pa-danger);color: var(--on-accent)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .btn.sm,.auth-body .btn.sm{min-height: 34px;width: auto;padding: 0 10px;font-size: .78rem}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .iconbtn{display: inline-grid;place-items: center;width: 40px;height: 40px;padding: 0;border: 1px solid var(--pa-line-strong);border-radius: var(--pa-r);background: var(--pa-surface);color: var(--pa-ink);cursor: pointer}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .iconbtn svg{width: 18px;height: 18px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .iconbtn.sm{width: 34px;height: 34px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .iconbtn.danger{border-color: var(--pa-danger);background: var(--pa-danger-soft);color: var(--pa-danger)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .inline-actions{display: inline-flex;flex-wrap: wrap;gap: 4px;align-items: center;justify-content: flex-end}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .pill{display: inline-flex;align-items: center;padding: 2px 7px;border: 1px solid transparent;border-radius: 2px;background: var(--pa-wash);color: var(--pa-ink-2);font-size: 0.75rem;font-weight: 750;letter-spacing: .02em;white-space: nowrap}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .pill.ok{background: var(--pa-ok-soft);color: var(--pa-ok)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .pill.warn{background: var(--pa-warn-soft);color: var(--pa-warn)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .pill.danger{background: var(--pa-danger-soft);color: var(--pa-danger)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .chips{display: flex;gap: 7px;overflow-x: auto;padding-bottom: 4px;scrollbar-width: none;-webkit-overflow-scrolling: touch}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .chips::-webkit-scrollbar{display: none}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .chip{flex: none;min-height: 32px;padding: 0 11px;border: 1px solid var(--pa-line-strong);border-radius: 2px;background: var(--pa-wash);color: var(--pa-ink-2);font-size: .76rem;font-weight: 700;cursor: pointer;white-space: nowrap;transition: background-color var(--pa-dur) var(--pa-ease),border-color var(--pa-dur) var(--pa-ease),color var(--pa-dur) var(--pa-ease)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .chip.is-active{border-color: var(--accent);background: var(--accent);color: var(--on-accent)}@media (hover: hover){body[data-page="gastos"] .chip:hover:not(.is-active),body[data-page="anulaciones"] .chip:hover:not(.is-active),body[data-page="usuarios"] .chip:hover:not(.is-active){border-color: var(--pa-ink);color: var(--pa-ink)}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .period-tabs{display: flex;gap: 7px;overflow-x: auto;padding-bottom: 2px;scrollbar-width: none}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .period-tabs::-webkit-scrollbar{display: none}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .period-tab{flex: none;min-height: 36px;padding: 6px 12px;border: 1px solid var(--pa-line-strong);border-radius: 2px;background: var(--pa-surface);color: var(--pa-ink-2);font-size: .78rem;font-weight: 750;white-space: nowrap;cursor: pointer;transition: background-color var(--pa-dur) var(--pa-ease),border-color var(--pa-dur) var(--pa-ease),color var(--pa-dur) var(--pa-ease)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .period-tab.is-active{border-color: var(--accent);background: var(--accent);color: var(--on-accent)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .field,.auth-body .field{display: grid;gap: 6px;margin-bottom: 12px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .field>label,.auth-body .field>label{color: var(--pa-ink-2);font-size: .82rem;font-weight: 650}body[data-page="gastos"] :is(.input,select,textarea),body[data-page="anulaciones"] :is(.input,select,textarea),body[data-page="usuarios"] :is(.input,select,textarea),.auth-body :is(.input,select,textarea){width: 100%;min-height: 44px;padding: 0 11px;border: 1px solid var(--pa-line-strong);border-radius: var(--pa-r);background: var(--pa-wash);color: var(--pa-ink);font: 500 .92rem/1.2 var(--pa-font);box-sizing: border-box}body[data-page="gastos"] :is(.input,select,textarea):focus,body[data-page="anulaciones"] :is(.input,select,textarea):focus,body[data-page="usuarios"] :is(.input,select,textarea):focus,.auth-body :is(.input,select,textarea):focus{border-color: var(--pa-ink);background: var(--pa-surface);outline: none;box-shadow: none}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .row2,.auth-body .row2{display: grid;grid-template-columns: 1fr 1fr;gap: 10px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .stack>* + *,.auth-body .stack>* + *{margin-top: 12px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .check{display: flex;align-items: center;gap: 8px;margin: 4px 0 12px;font-size: .88rem;cursor: pointer}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .check input{width: 18px;height: 18px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .lbl-help{display: flex;align-items: center;gap: 6px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .help-dot{width: 18px;height: 18px;padding: 0;border: 1px solid var(--pa-line-strong);border-radius: 999px;background: var(--pa-wash);color: var(--pa-ink-2);font-size: 0.75rem;font-weight: 800;line-height: 1;cursor: pointer}@media (hover: hover){body[data-page="gastos"] .help-dot:hover,body[data-page="anulaciones"] .help-dot:hover,body[data-page="usuarios"] .help-dot:hover{border-color: var(--accent);background: var(--accent);color: var(--on-accent)}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .help-list{display: grid;gap: 14px;margin-bottom: 12px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .help-item{display: grid;grid-template-columns: auto 1fr;gap: 10px;align-items: start}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .help-item p{margin: 0;font-size: .9rem;line-height: 1.35}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .price-preview{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 14px;margin: 4px 0 10px;padding: 10px 12px;border: 1px solid var(--pa-line);border-radius: var(--pa-r);background: var(--pa-wash);color: var(--pa-muted);font-size: .82rem}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .price-preview strong{color: var(--pa-ink);font-size: 1.05rem}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .modal-wrap{position: fixed;inset: 0;z-index: var(--z-modal);display: flex;align-items: center;justify-content: center;padding: 16px;overflow-y: auto;background: rgb(var(--shade-rgb) / 0.48);opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 160ms var(--pa-ease),visibility 160ms var(--pa-ease);-webkit-overflow-scrolling: touch}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .modal-wrap.open{opacity: 1;visibility: visible;pointer-events: auto}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .modal{display: flex;flex-direction: column;width: min(420px,100%);max-height: calc(100dvh - 32px);padding: 16px;border: 1px solid var(--pa-line);border-radius: var(--pa-r);background: var(--pa-surface);box-shadow: var(--shadow-lift)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .modal-head{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 8px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .modal-head h3{margin: 0;font-family: var(--pa-display);font-size: 1.02rem;font-weight: 800;letter-spacing: -.02em}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .modal p{margin-bottom: 14px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .modal form{display: flex;flex-direction: column;min-height: 0;overflow: auto}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .modal-actions{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-top: 18px;flex: none}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .actions-single{grid-template-columns: 1fr}@media (max-width: 720px){body[data-page="gastos"] table.cards thead,body[data-page="anulaciones"] table.cards thead,body[data-page="usuarios"] table.cards thead{display: none}body[data-page="gastos"] :is(table.cards,table.cards tbody,table.cards tr,table.cards td),body[data-page="anulaciones"] :is(table.cards,table.cards tbody,table.cards tr,table.cards td),body[data-page="usuarios"] :is(table.cards,table.cards tbody,table.cards tr,table.cards td){display: block;width: 100%}body[data-page="gastos"] table.cards tr,body[data-page="anulaciones"] table.cards tr,body[data-page="usuarios"] table.cards tr{margin-bottom: 6px;padding: 9px 11px;border: 1px solid var(--pa-line);border-radius: var(--pa-r);background: var(--pa-surface)}body[data-page="gastos"] table.cards td,body[data-page="anulaciones"] table.cards td,body[data-page="usuarios"] table.cards td{padding: 4px 0;border: none;white-space: normal}body[data-page="gastos"] table.cards td::before,body[data-page="anulaciones"] table.cards td::before,body[data-page="usuarios"] table.cards td::before{content: attr(data-label);display: block;margin-bottom: 2px;color: var(--pa-muted);font-size: 0.75rem;font-weight: 800;letter-spacing: .06em;text-transform: uppercase}body[data-page="gastos"] table.cards td.num,body[data-page="anulaciones"] table.cards td.num,body[data-page="usuarios"] table.cards td.num{text-align: left}body[data-page="gastos"] table.cards td.is-actions::before,body[data-page="anulaciones"] table.cards td.is-actions::before,body[data-page="usuarios"] table.cards td.is-actions::before,body[data-page="gastos"] table.cards td:not([data-label])::before,body[data-page="anulaciones"] table.cards td:not([data-label])::before,body[data-page="usuarios"] table.cards td:not([data-label])::before{content: none}body[data-page="gastos"] table.cards td.truncate,body[data-page="anulaciones"] table.cards td.truncate,body[data-page="usuarios"] table.cards td.truncate{max-width: none;overflow: visible;text-overflow: clip}body[data-page="gastos"] .table-wrap:has(table.cards),body[data-page="anulaciones"] .table-wrap:has(table.cards),body[data-page="usuarios"] .table-wrap:has(table.cards){overflow-x: visible;margin: 0}}body[data-page="gastos"]{--gx-ink: var(--ink);--gx-muted: var(--muted);--gx-line: var(--line);--gx-paper: var(--bg);--gx-gold: var(--warn);--gx-display: var(--pa-display,var(--display));--gx-ease: var(--pa-ease,var(--ease,cubic-bezier(0.22,1,0.36,1)));background: var(--gx-paper);color: var(--gx-ink)}body[data-page="gastos"] .appbar{display: none !important}body[data-page="gastos"] .view{width: min(100%,1480px);margin-inline: auto;padding: 16px clamp(16px,2.4vw,40px) calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 28px);background: var(--gx-paper)}@media (min-width: 1024px){body[data-page="gastos"] .topnav{background: var(--gx-paper);border-bottom-color: color-mix(in srgb,var(--gx-line) 85%,transparent)}body[data-page="gastos"] .view{padding-inline: clamp(20px,3vw,48px)}}body[data-page="gastos"] .gastos-page{display: grid;gap: 14px;min-width: 0}body[data-page="gastos"] .gastos-mast{position: sticky;top: 0;z-index: 20;display: grid;gap: 12px;padding: 0 0 12px;background: color-mix(in srgb,var(--gx-paper) 92%,transparent);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid var(--gx-line);animation: gxMastIn 420ms var(--gx-ease) both}@keyframes gxMastIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: none}}body[data-page="gastos"] .gastos-kicker{margin: 0 0 4px;color: var(--muted);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.04em;text-transform: uppercase}body[data-page="gastos"] .gastos-title{margin: 0;max-width: 14ch;color: var(--gx-ink);font-family: var(--gx-display);font-size: clamp(1.55rem,3.4vw,2rem);font-weight: 750;letter-spacing: -0.01em;line-height: 1.05;text-wrap: balance}body[data-page="gastos"] .gastos-lede{margin: 4px 0 0;max-width: 36ch;color: var(--gx-muted);font-size: 0.86rem;line-height: 1.35}body[data-page="gastos"] .gastos-tools{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}body[data-page="gastos"] .gastos-tools .btn{border: 0;border-radius: 2px;background: var(--gx-ink);color: var(--on-ink);font-weight: 760;flex-shrink: 0}body[data-page="gastos"] .gastos-search{position: relative;display: flex;align-items: center;flex: 1 1 200px;min-width: min(100%,200px);max-width: 360px}body[data-page="gastos"] .gastos-search svg{position: absolute;left: 10px;width: 16px;height: 16px;color: var(--gx-muted);pointer-events: none}body[data-page="gastos"] .gastos-search .input{width: 100%;min-height: 40px;padding: 8px 34px 8px 34px;border: 1px solid var(--gx-line);border-radius: 2px;background: var(--surface)}body[data-page="gastos"] .gastos-search .input:focus{outline: none !important;border-color: var(--gx-ink);box-shadow: inset 0 0 0 1px var(--gx-ink)}body[data-page="gastos"] .gastos-search .search-clear{position: absolute;right: 6px;width: 28px;height: 28px;border: 0;border-radius: 2px;background: transparent;color: var(--gx-muted);font-size: 1.1rem;line-height: 1;cursor: pointer}body[data-page="gastos"] .gastos-search .search-clear.hide{display: none}@media (min-width: 700px){body[data-page="gastos"] .gastos-mast{grid-template-columns: minmax(0,1fr) auto;align-items: end;gap: 12px 28px}body[data-page="gastos"] .gastos-tools{justify-content: flex-end;width: 100%}}body[data-page="gastos"] .gastos-hero{display: grid;grid-template-columns: 1fr auto;align-items: end;gap: 12px;margin: 2px 0 0;padding: 2px 0 8px;border-bottom: 3px solid var(--gx-ink);animation: gxHeroIn 0.5s 0.04s var(--gx-ease) both}@keyframes gxHeroIn{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: none}}body[data-page="gastos"] .gastos-hero-main,body[data-page="gastos"] .gastos-hero-side{display: grid;gap: 2px;min-width: 0}body[data-page="gastos"] .gastos-hero-side{text-align: right}body[data-page="gastos"] .gastos-hero-amt{color: var(--gx-ink);font-family: var(--gx-display);font-size: clamp(2.1rem,5.2vw,2.85rem);font-weight: 850;letter-spacing: -0.05em;line-height: 1;font-variant-numeric: tabular-nums}body[data-page="gastos"] .gastos-hero-side strong{color: var(--gx-ink);font-family: var(--gx-display);font-size: clamp(1.35rem,3vw,1.7rem);font-weight: 850;letter-spacing: -0.04em;line-height: 1;font-variant-numeric: tabular-nums}body[data-page="gastos"] .gastos-hero span{color: var(--gx-muted);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase}body[data-page="gastos"] .gastos-hero-meta{margin: -4px 0 0;font-size: 0.75rem;line-height: 1.4}body[data-page="gastos"] .gastos-paged>.list,body[data-page="gastos"] #gastos-paged>.list{max-height: none;overflow: visible;overscroll-behavior: auto}body[data-page="gastos"] .gastos-fixed{display: grid;gap: 10px;margin-top: 2px;padding: 14px 14px 12px;border: 1px solid var(--gx-line);border-radius: 2px;background: var(--surface);animation: gxBlockIn 480ms 0.06s var(--gx-ease) both}@keyframes gxBlockIn{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: none}}body[data-page="gastos"] .gastos-fixed-head{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px}body[data-page="gastos"] .gastos-fixed-head h3{margin: 0;font-family: var(--gx-display);font-size: 1.05rem;font-weight: 820;letter-spacing: -0.02em}body[data-page="gastos"] .gastos-fixed-hint{margin: 3px 0 0;font-size: 0.75rem;line-height: 1.35}body[data-page="gastos"] .gastos-fixed-list{display: grid;gap: 0;border-top: 1px solid var(--gx-line)}body[data-page="gastos"] .gastos-fixed-row{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: 8px 12px;padding: 12px 0;border-bottom: 1px solid color-mix(in srgb,var(--gx-line) 80%,transparent)}body[data-page="gastos"] .gastos-fixed-row:last-child{border-bottom: 0}body[data-page="gastos"] .gastos-row-main{display: grid;gap: 2px;min-width: 0}body[data-page="gastos"] .gastos-row-main strong{color: var(--gx-ink);font-size: 0.94rem;font-weight: 780;letter-spacing: -0.015em}body[data-page="gastos"] .gastos-row-main .muted{font-size: 0.75rem}body[data-page="gastos"] .gastos-fixed-amt{font-family: var(--gx-display);font-size: 1.08rem;font-weight: 850;letter-spacing: -0.03em}body[data-page="gastos"] .gastos-fixed-actions{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 6px;grid-column: 1 / -1}body[data-page="gastos"] .gastos-fixed-actions .btn{border: 0;border-radius: 2px;background: var(--gx-ink);color: var(--on-ink);font-weight: 740}@media (min-width: 700px){body[data-page="gastos"] .gastos-fixed-row{grid-template-columns: minmax(0,1fr) auto auto}body[data-page="gastos"] .gastos-fixed-actions{grid-column: auto}}body[data-page="gastos"] .gastos-commit{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;padding-top: 10px;border-top: 1px dashed var(--gx-line)}body[data-page="gastos"] .gastos-commit span{color: var(--gx-muted);font-size: 0.75rem;font-weight: 780;letter-spacing: 0.08em;text-transform: uppercase}body[data-page="gastos"] .gastos-commit strong{color: var(--gx-ink);font-family: var(--gx-display);font-size: 1.25rem;font-weight: 850;letter-spacing: -0.03em}body[data-page="gastos"] .link-btn{border: 0;background: none;color: var(--gx-gold);font-size: 0.78rem;font-weight: 760;cursor: pointer;text-decoration: underline;text-underline-offset: 2px}body[data-page="gastos"] .gastos-feed{display: grid;gap: 10px;min-width: 0;margin-top: 2px;animation: gxBlockIn 480ms 0.1s var(--gx-ease) both}body[data-page="gastos"] .gastos-feed-head{display: flex;align-items: baseline;justify-content: space-between;gap: 10px}body[data-page="gastos"] .gastos-feed-head h3{margin: 0;font-family: var(--gx-display);font-size: 1.05rem;font-weight: 820;letter-spacing: -0.02em}body[data-page="gastos"] .gastos-bar{display: grid;gap: 8px;min-width: 0}body[data-page="gastos"] .gastos-period{display: flex;gap: 6px;overflow-x: auto;margin: 0;padding: 0;scrollbar-width: none}body[data-page="gastos"] .gastos-period::-webkit-scrollbar{display: none}body[data-page="gastos"] .gastos-period .period-tab{flex: 0 0 auto;min-height: 36px;padding: 0 14px;border: 1px solid var(--gx-line);border-radius: 2px;background: var(--surface);color: var(--gx-ink);font-size: 0.82rem;font-weight: 740;text-decoration: none}body[data-page="gastos"] .gastos-period .period-tab.is-active{border-color: var(--gx-ink);background: var(--gx-ink);color: var(--on-ink)}body[data-page="gastos"] .gastos-daynav{display: flex;flex-wrap: wrap;align-items: center;gap: 6px}body[data-page="gastos"] .gastos-pick{min-width: 0}body[data-page="gastos"] .gastos-pick .input,body[data-page="gastos"] .gastos-daynav .input{min-height: 36px;border-radius: 2px}body[data-page="gastos"] .gastos-daynav .iconbtn.is-disabled{opacity: 0.35;pointer-events: none}body[data-page="gastos"] .gastos-paged{overflow: hidden;border: 1px solid var(--gx-line);border-radius: 2px;background: var(--surface)}body[data-page="gastos"] .gastos-table{--gx-cols: 3.25rem minmax(0,1fr) auto;--gx-gap: 0 12px;--gx-pad-x: 14px;display: grid;gap: 0;min-width: 0;background: var(--surface)}body[data-page="gastos"] .gastos-table-head{display: none}body[data-page="gastos"] .gastos-table-head,body[data-page="gastos"] .gastos-row{display: grid;grid-template-columns: var(--gx-cols);gap: var(--gx-gap);align-items: center;padding: 12px var(--gx-pad-x)}body[data-page="gastos"] .gastos-row{border-bottom: 1px solid color-mix(in srgb,var(--gx-line) 85%,transparent);background: transparent;transition: background 140ms ease;animation: gxRowIn 380ms var(--gx-ease) both}body[data-page="gastos"] .gastos-row:last-child{border-bottom: 0}@keyframes gxRowIn{from{opacity: 0;transform: translateY(4px)}to{opacity: 1;transform: none}}@media (hover: hover){body[data-page="gastos"] .gastos-row:hover{background: color-mix(in srgb,var(--gx-paper) 65%,var(--surface))}}body[data-page="gastos"] .gastos-cell.is-id{color: var(--gx-muted);font-size: 0.78rem;font-weight: 740;font-variant-numeric: tabular-nums;letter-spacing: -0.02em}body[data-page="gastos"] .gastos-cell.is-motivo{min-width: 0}body[data-page="gastos"] .gastos-cell.is-motivo strong{display: block;overflow: hidden;color: var(--gx-ink);font-size: 0.94rem;font-weight: 780;letter-spacing: -0.015em;text-overflow: ellipsis;white-space: nowrap}body[data-page="gastos"] .gastos-row-meta{display: block;margin-top: 2px;overflow: hidden;font-size: 0.75rem;text-overflow: ellipsis;white-space: nowrap}body[data-page="gastos"] .gastos-cell.is-fecha,body[data-page="gastos"] .gastos-cell.is-tipo,body[data-page="gastos"] .gastos-cell.is-pago{display: none}body[data-page="gastos"] .gastos-type{color: var(--gx-muted);font-size: 0.8rem;font-weight: 720;letter-spacing: -0.01em;white-space: nowrap}body[data-page="gastos"] .gastos-type.is-fixed{color: var(--ok-text);font-weight: 760}body[data-page="gastos"] .gastos-type.is-invest{color: var(--warn-text);font-weight: 760}body[data-page="gastos"] .gastos-cell.is-amt{text-align: right}body[data-page="gastos"] .gastos-row-amt{color: var(--danger-text);font-family: var(--gx-display);font-size: 1.05rem;font-weight: 850;letter-spacing: -0.03em;white-space: nowrap;font-variant-numeric: tabular-nums}@media (min-width: 700px){body[data-page="gastos"] .gastos-bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px 16px}body[data-page="gastos"] .gastos-table{--gx-cols: 3.5rem minmax(0,1fr) 6.75rem 6.25rem 7.5rem 5.75rem;--gx-gap: 0 16px}body[data-page="gastos"] .gastos-table-head{display: grid;border-bottom: 1px solid var(--gx-line);background: color-mix(in srgb,var(--gx-paper) 55%,var(--surface));color: var(--gx-muted);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.09em;text-transform: uppercase}body[data-page="gastos"] .gastos-table-head .is-amt,body[data-page="gastos"] .gastos-cell.is-amt{text-align: right}body[data-page="gastos"] .gastos-row-meta{display: none}body[data-page="gastos"] .gastos-cell.is-fecha,body[data-page="gastos"] .gastos-cell.is-tipo,body[data-page="gastos"] .gastos-cell.is-pago{display: block;overflow: hidden;font-size: 0.8rem;text-overflow: ellipsis;white-space: nowrap}}body[data-page="gastos"] .gastos-empty{display: grid;gap: 8px;justify-items: start;padding: 28px 4px}body[data-page="gastos"] .gastos-empty.is-first{padding-top: 18px}body[data-page="gastos"] .gastos-empty.is-soft{padding: 8px 0 4px}body[data-page="gastos"] .gastos-empty strong{font-family: var(--gx-display);font-size: 1.1rem;font-weight: 820;letter-spacing: -0.02em}body[data-page="gastos"] .gastos-empty p{margin: 0;max-width: 36ch}body[data-page="gastos"] .gastos-empty.hide{display: none}body[data-page="gastos"] #gastos-paged>.pager{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px;margin-top: 0;padding: 10px 14px;border-top: 1px solid var(--gx-line);background: var(--surface)}body[data-page="gastos"] :is(#modal-expense,#modal-recurring) .modal{width: min(460px,100%);max-height: calc(100dvh - 24px);padding: 14px 16px 12px;border-top: 3px solid var(--gx-ink);overflow: hidden}body[data-page="gastos"] :is(#modal-expense,#modal-recurring) .modal-head{flex: none;margin-bottom: 6px}body[data-page="gastos"] :is(#modal-expense,#modal-recurring) .modal>p{flex: none;margin: 0 0 8px;font-size: 0.82rem;line-height: 1.35}body[data-page="gastos"] :is(#modal-expense,#modal-recurring) form{display: flex;flex: 1 1 auto;flex-direction: column;min-height: 0;overflow: hidden}body[data-page="gastos"] .gastos-form-body{display: grid;gap: 10px;flex: 1 1 auto;min-height: 0;overflow: auto;padding-right: 2px}body[data-page="gastos"] #modal-recurring .gastos-form-body{gap: 10px}body[data-page="gastos"] .gastos-expense-modal .field{margin: 0}body[data-page="gastos"] .gastos-expense-modal .field>label,body[data-page="gastos"] #modal-recurring .field>label{margin-bottom: 4px;font-size: 0.78rem}body[data-page="gastos"] .gastos-expense-modal .row2{display: grid;grid-template-columns: minmax(0,1.35fr) minmax(7.5rem,0.85fr);gap: 10px;margin: 0}body[data-page="gastos"] .gastos-amt-block{display: grid;gap: 4px;margin: 0;padding: 10px 12px;border: 1px solid var(--gx-line);border-radius: 2px;background: var(--gx-paper)}body[data-page="gastos"] .gastos-amt-block label{margin: 0;color: var(--gx-muted);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.1em;text-transform: uppercase}body[data-page="gastos"] .gastos-amt-field{display: flex;align-items: center;gap: 4px;min-width: 0}body[data-page="gastos"] .gastos-amt-field>span{color: var(--gx-ink);font-family: var(--gx-display);font-size: 1.35rem;font-weight: 850;letter-spacing: -0.04em;line-height: 1}body[data-page="gastos"] .gastos-amt-field .input{flex: 1 1 auto;min-width: 0;min-height: 40px;padding: 4px 8px;border: 0;border-radius: 0;background: transparent;color: var(--gx-ink);font-family: var(--gx-display);font-size: 1.45rem;font-weight: 850;letter-spacing: -0.04em;box-shadow: none !important}body[data-page="gastos"] .gastos-amt-field .input:focus,body[data-page="gastos"] .gastos-amt-field .input:focus-visible{outline: none !important;box-shadow: none !important}body[data-page="gastos"] .gastos-seg{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0;overflow: hidden;border: 1px solid var(--gx-line);border-radius: 2px;background: var(--surface-2)}body[data-page="gastos"] .gastos-seg.is-2{grid-template-columns: repeat(2,minmax(0,1fr))}body[data-page="gastos"] .gastos-seg>button{min-height: 38px;padding: 0 6px;border: 0;border-radius: 0;background: transparent;color: var(--gx-ink);font-size: 0.8rem;font-weight: 740;cursor: pointer}body[data-page="gastos"] .gastos-seg>button + button{border-left: 1px solid var(--gx-line)}body[data-page="gastos"] .gastos-seg>button.is-active{background: var(--gx-ink);color: var(--on-ink)}body[data-page="gastos"] #expense-cash-hint{margin: 5px 0 0;font-size: 0.75rem}body[data-page="gastos"] :is(#modal-expense,#modal-recurring) .modal-actions{flex: none;gap: 8px;margin-top: 10px;padding-top: 10px;border-top: 1px solid var(--gx-line)}body[data-page="gastos"] .gastos-help-lede{margin: 0 0 12px;font-size: 0.9rem}body[data-page="gastos"] .gastos-help-list{display: grid;gap: 10px}body[data-page="gastos"] .gastos-help-card{display: grid;gap: 4px;padding: 12px 12px 12px 14px;border: 1px solid var(--gx-line);border-left-width: 3px;border-radius: 2px;background: var(--surface)}body[data-page="gastos"] .gastos-help-card.is-var{border-left-color: var(--muted)}body[data-page="gastos"] .gastos-help-card.is-fixed{border-left-color: var(--ok)}body[data-page="gastos"] .gastos-help-card.is-invest{border-left-color: var(--warn)}body[data-page="gastos"] .gastos-help-card strong{font-family: var(--gx-display);font-size: 1.05rem;font-weight: 820;letter-spacing: -0.02em}body[data-page="gastos"] .gastos-help-card p{margin: 0;font-size: 0.92rem;line-height: 1.4}body[data-page="gastos"] .gastos-help-card .muted{font-size: 0.75rem;line-height: 1.35}body[data-page="gastos"] .gastos-help-tip{margin: 14px 0 0;padding: 10px 12px;border: 1px dashed var(--gx-line);border-radius: 2px;background: var(--gx-paper);font-size: 0.8rem;line-height: 1.4}body[data-page="gastos"] .modal-wrap :is(input,select,textarea):focus,body[data-page="gastos"] .modal-wrap :is(input,select,textarea):focus-visible{outline: none !important;outline-offset: 0 !important;border-color: var(--gx-ink);box-shadow: inset 0 0 0 1px var(--gx-ink)}@media (prefers-reduced-motion: reduce){body[data-page="gastos"] .gastos-mast,body[data-page="gastos"] .gastos-hero,body[data-page="gastos"] .gastos-fixed,body[data-page="gastos"] .gastos-feed,body[data-page="gastos"] .gastos-row{animation: none !important}}body[data-page="anulaciones"]{--risk: var(--danger);--risk-dark: var(--danger);--risk-soft: var(--danger-soft);--risk-line: var(--danger-line)}body[data-page="anulaciones"] :is(input,select,textarea):focus,body[data-page="anulaciones"] :is(input,select,textarea):focus-visible{outline: none !important;outline-offset: 0 !important;border-color: var(--pa-ink,var(--ink));box-shadow: inset 0 0 0 1px var(--pa-ink,var(--ink))}body[data-page="anulaciones"] .anul-panel{min-width: 0}body[data-page="anulaciones"] .btn.danger,body[data-page="anulaciones"] .iconbtn.danger{border-color: var(--risk);background: var(--risk);color: var(--on-accent)}@media (hover: hover){body[data-page="anulaciones"] .btn.danger:hover,body[data-page="anulaciones"] .iconbtn.danger:hover{border-color: var(--risk-dark);background: var(--risk-dark)}}body[data-page="anulaciones"] #modal-cancel .modal{border: 1px solid var(--pa-line,var(--line));border-top: 3px solid var(--risk)}body[data-page="anulaciones"] #cancel-desc{padding: 10px 12px;border-left: 3px solid var(--risk);background: var(--risk-soft);color: var(--pa-ink,var(--ink))}body[data-page="usuarios"] :is(#modal-user-new,#modal-user-edit,#modal-user-pass) .modal{border: 1px solid var(--pa-line,var(--line));border-top: 3px solid var(--brand-gold)}body[data-page="usuarios"] :is(#ue-sub,#up-sub){margin: 0 0 12px;padding: 8px 10px;border-left: 3px solid var(--pa-gold,var(--warn));background: var(--pa-wash,var(--surface-2));color: var(--pa-ink-2,var(--ink-soft));font-family: ui-monospace,"Cascadia Code","SFMono-Regular",Consolas,monospace;font-size: 0.78rem}.auth-body{margin: 0;min-height: 100dvh;color: var(--pa-ink,var(--ink));background: var(--pa-paper,var(--bg))}.auth{isolation: isolate;display: grid;grid-template-columns: 1fr;min-height: 100dvh;background: var(--pa-paper,var(--bg))}.auth-brand{position: relative;display: flex;flex-direction: column;justify-content: space-between;gap: 22px;overflow: hidden;min-height: 0;padding: clamp(22px,4vw,36px) clamp(18px,4vw,40px) 8px;color: var(--brand-cream);background: radial-gradient(ellipse 52% 44% at 88% 8%,rgb(var(--red-rgb) / 0.18),transparent 58%),radial-gradient(ellipse 42% 36% at 12% 90%,rgb(var(--green-rgb) / 0.14),transparent 55%),var(--brand-brown);animation: authBrandIn 420ms cubic-bezier(0.22,1,0.36,1) both}.auth-brand::before{content: "";position: absolute;inset: 0 auto 0 0;width: 3px;background: linear-gradient(180deg,var(--brand-yellow),var(--brand-red) 55%,var(--brand-green-bright));pointer-events: none}.auth-orb{display: none}.auth-brand-top,.auth-brand-body,.auth-brand-foot{position: relative;z-index: 1}.auth-brand-top{display: flex;align-items: center;gap: 12px}.auth-brand-top-copy{display: grid;gap: 2px;min-width: 0}.auth-brand-mark{display: grid;place-items: center;flex: none;width: 44px;height: 44px;border: 1px solid color-mix(in srgb,var(--brand-cream) 28%,transparent);border-left: 3px solid var(--brand-yellow);border-radius: 2px;background: var(--surface);color: var(--accent-text);font-family: var(--pa-display,"Bahnschrift",sans-serif);font-size: 0.95rem;font-weight: 850;letter-spacing: -0.03em;animation: authMarkIn 380ms cubic-bezier(0.22,1,0.36,1) both}.auth-brand-mark-img{flex: none;width: 44px;height: 44px;object-fit: contain;border-radius: 2px;background: var(--surface);border: 1px solid color-mix(in srgb,var(--brand-cream) 28%,transparent);animation: authMarkIn 380ms cubic-bezier(0.22,1,0.36,1) both}.auth-brand-place{color: var(--brand-yellow);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase}.auth-brand-kicker{margin: 0;color: color-mix(in srgb,var(--brand-cream) 72%,transparent);font-size: 0.75rem;font-weight: 650;letter-spacing: 0.02em}.auth-brand-body{align-self: center;max-width: 520px;width: 100%}.auth-brand-logo{display: block;margin: 0 0 16px;max-width: min(100%,440px);animation: authLogoIn 560ms 60ms cubic-bezier(0.22,1,0.36,1) both}.auth-brand-logo img{display: block;width: 100%;height: auto;max-height: clamp(120px,28vw,220px);object-fit: contain;object-position: left center}@keyframes authLogoIn{from{opacity: 0;transform: translateY(14px) scale(0.97)}to{opacity: 1;transform: translateY(0) scale(1)}}.auth-brand-name{max-width: 9ch;margin: 0 0 10px;color: var(--brand-cream);font-family: var(--pa-display,"Bahnschrift",sans-serif);font-size: clamp(2.6rem,10vw,4.6rem);font-weight: 900;letter-spacing: -0.055em;line-height: 0.92;text-wrap: balance}.auth-brand-tag{max-width: 36ch;margin: 0 0 20px;color: color-mix(in srgb,var(--brand-cream) 86%,var(--on-accent));font-size: clamp(0.92rem,2vw,1.05rem);font-weight: 500;line-height: 1.45}.auth-features{display: grid;gap: 0;max-width: 400px;margin: 0;padding: 0;list-style: none;border-top: 1px solid color-mix(in srgb,var(--brand-cream) 22%,transparent)}.auth-features li{display: grid;grid-template-columns: 36px 1fr;gap: 12px;align-items: center;padding: 11px 0;border-bottom: 1px solid color-mix(in srgb,var(--brand-cream) 18%,transparent)}.auth-features li:last-child{border-bottom: 0}.auth-feat-ico{display: grid;place-items: center;width: 36px;height: 36px;border: 1px solid color-mix(in srgb,var(--brand-cream) 28%,transparent);border-radius: 2px;background: color-mix(in srgb,var(--black) 22%,transparent);color: var(--brand-cream)}.auth-feat-ico svg{width: 16px;height: 16px}.auth-features strong{display: block;color: var(--brand-cream);font-size: 0.86rem;font-weight: 750;letter-spacing: -0.01em}.auth-features em{display: block;margin-top: 2px;color: color-mix(in srgb,var(--brand-cream) 68%,transparent);font-size: 0.75rem;font-style: normal;font-weight: 500}.auth-brand-foot{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;color: color-mix(in srgb,var(--brand-cream) 62%,transparent);font-size: 0.75rem;font-weight: 600}.auth-panel{display: grid;place-items: center;align-content: center;padding: clamp(12px,3vw,40px) 18px clamp(28px,5vw,48px);background: transparent}.auth-panel-inner{display: grid;gap: 14px;width: min(100%,400px);justify-items: stretch;animation: authCardIn 460ms cubic-bezier(0.22,1,0.36,1) both;animation-delay: 60ms}.auth-card{position: relative;width: 100%;margin: 0;padding: 24px 20px 20px;border: 1px solid var(--pa-line,var(--line));border-radius: 2px;background: var(--surface);box-shadow: 0 1px 2px rgb(var(--shade-rgb) / 0.04),0 22px 48px -22px rgb(var(--shade-rgb) / 0.22)}.auth-card::before{content: "";position: absolute;inset: 0 0 auto;height: 3px;background: linear-gradient(90deg,var(--brand-yellow),var(--brand-red) 45%,var(--brand-green-bright))}.auth-card-head{margin-bottom: 10px}.auth-card-top{display: flex;align-items: center;gap: 10px;margin-bottom: 12px}.auth-card-mark{display: grid;place-items: center;width: 34px;height: 34px;border: 1px solid var(--pa-line,var(--line));border-left: 3px solid var(--brand-gold);border-radius: 2px;background: var(--pa-paper,var(--bg));color: var(--pa-ink,var(--ink));font-family: var(--pa-display,"Bahnschrift",sans-serif);font-size: 0.75rem;font-weight: 850;letter-spacing: -0.03em}.auth-card-mark-img{width: 36px;height: 36px;object-fit: contain;border-radius: 2px;background: var(--surface);border: 1px solid var(--pa-line,var(--line));flex: none}.auth-card-eyebrow{margin: 0;color: var(--pa-gold-strong,var(--gold-text));font-size: 0.75rem;font-weight: 800;letter-spacing: 0.12em;text-transform: uppercase}.auth-card h2{margin: 0 0 6px;color: var(--pa-ink,var(--ink));font-family: var(--pa-display,"Bahnschrift",sans-serif);font-size: clamp(1.45rem,3.6vw,1.85rem);font-weight: 850;letter-spacing: -0.035em;line-height: 1.12}.auth-sub{margin: 0 0 18px;font-size: 0.88rem;line-height: 1.4}.auth-msg{margin-bottom: 14px;padding: 10px 12px;border-radius: 2px;font-size: 0.86rem;font-weight: 650}.auth-msg.ok{background: var(--pa-ok-soft,var(--ok-soft));color: var(--pa-ok,var(--ok-text))}.auth-msg.err{background: var(--pa-danger-soft,var(--danger-soft));color: var(--pa-danger,var(--danger-text))}.auth-form .field{margin-bottom: 0}.auth-form .field>label{color: var(--pa-ink,var(--ink));font-size: 0.76rem;font-weight: 750}.auth-card .input,.auth-card select{min-height: 48px;border: 1px solid var(--pa-line,var(--line));border-radius: 2px;background: var(--surface);box-shadow: none;outline: 0;transition: border-color 120ms ease}.auth-card .input:focus,.auth-card select:focus{border-color: var(--pa-ink,var(--ink));background: var(--surface);box-shadow: none;outline: 0}.auth-submit{width: 100%;min-height: 48px;margin-top: 6px;border: 0;border-radius: 2px;background: var(--accent);color: var(--on-accent);font-size: 0.96rem;font-weight: 800;letter-spacing: -0.01em}@media (hover: hover){.auth-submit:hover{background: var(--ink-soft)}}.auth-alt{margin-top: 16px;color: var(--pa-muted,var(--muted));font-size: 0.84rem;line-height: 1.4;text-align: left}.auth-alt a{color: var(--pa-ink,var(--ink));font-weight: 750;text-decoration-thickness: 1px;text-underline-offset: 3px}.auth-panel-foot{margin: 0;color: var(--pa-muted,var(--muted));font-size: 0.75rem;font-weight: 650;text-align: center}@keyframes authBrandIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}@keyframes authMarkIn{from{opacity: 0;transform: scale(0.94)}to{opacity: 1;transform: scale(1)}}@keyframes authCardIn{from{opacity: 0;transform: translateY(12px)}to{opacity: 1;transform: translateY(0)}}.view>.grid>.card:only-child:has(.card-head>h3:only-child):has(>p.muted):has(a.btn.ghost){max-width: 560px;margin-inline: auto;padding: clamp(18px,3vw,28px);border-color: var(--pa-line,var(--line));border-top: 3px solid var(--brand-gold);border-radius: 2px;background: var(--pa-surface,var(--surface));box-shadow: 0 8px 28px rgb(var(--shade-rgb) / 0.06)}.view>.grid>.card:only-child:has(.card-head>h3:only-child):has(>p.muted):has(a.btn.ghost) .card-head{margin-bottom: 8px;padding-bottom: 10px;border-bottom: 1px solid var(--pa-line,var(--line))}.view>.grid>.card:only-child:has(.card-head>h3:only-child):has(>p.muted):has(a.btn.ghost) .card-head h3{font-family: var(--pa-display,"Bahnschrift",sans-serif);font-size: 1.15rem;font-weight: 850;letter-spacing: -.03em}.view>.grid>.card:only-child:has(.card-head>h3:only-child):has(>p.muted):has(a.btn.ghost)>p.muted{max-width: 48ch;line-height: 1.5}.view>.grid>.card:only-child:has(.card-head>h3:only-child):has(>p.muted):has(a.btn.ghost) a.btn.ghost{min-height: 40px}@media (max-width: 359px){body[data-page="gastos"] .metrics,body[data-page="anulaciones"] .metrics.cols3{grid-template-columns: 1fr}body[data-page="gastos"] .metric{min-height: 76px;border-right: 0;border-bottom: 1px solid var(--pa-line)}body[data-page="gastos"] .metric:last-child{border-bottom: 0}body[data-page="gastos"] .card-head,body[data-page="anulaciones"] .card-head,body[data-page="usuarios"] .card-head{flex-direction: column}body[data-page="gastos"] .card-head .btn,body[data-page="anulaciones"] .card-head .btn,body[data-page="usuarios"] .card-head .btn{width: 100%}.auth-card .row2,body[data-page="gastos"] .row2,body[data-page="usuarios"] .row2{grid-template-columns: 1fr}body[data-page="gastos"] .gastos-expense-modal .row2{grid-template-columns: minmax(0,1.2fr) minmax(7.2rem,0.9fr)}}@media (min-width: 360px) and (max-width: 767px){body[data-page="gastos"] .metrics{grid-template-columns: repeat(2,minmax(0,1fr))}body[data-page="gastos"] .metric:nth-child(2){border-right: 0}body[data-page="gastos"] .metric:nth-child(-n + 2){border-bottom: 1px solid var(--pa-line)}body[data-page="anulaciones"] .metrics.cols3{grid-template-columns: repeat(3,minmax(0,1fr))}body[data-page="anulaciones"] .metric{padding-inline: 10px}body[data-page="anulaciones"] .metric span,body[data-page="anulaciones"] .metric small{font-size: 0.75rem}body[data-page="usuarios"] .card-head{gap: 12px}body[data-page="usuarios"] table.cards tr{border-left: 3px solid var(--pa-ink);border-radius: 2px}body[data-page="usuarios"] table.cards td.is-actions,body[data-page="anulaciones"] table.cards td.is-actions{border-left: 0}.auth-brand{gap: 16px;padding: 20px 16px 6px}.auth-brand-logo{max-width: min(100%,280px);margin-inline: auto}.auth-brand-logo img{max-height: 160px;object-position: center;margin-inline: auto}.auth-brand-name{max-width: none;font-size: clamp(2.4rem,13vw,3.2rem)}.auth-brand-tag{margin-bottom: 14px;text-align: center;margin-inline: auto}.auth-features{display: none}.auth-brand-foot{display: none}.auth-panel{align-content: start;padding: 8px 14px 28px}}@media (min-width: 768px){body[data-page="gastos"] .grid,body[data-page="anulaciones"] .grid,body[data-page="usuarios"] .grid{gap: 16px}body[data-page="gastos"] .metrics{grid-template-columns: repeat(4,minmax(0,1fr))}body[data-page="gastos"] .card,body[data-page="anulaciones"] .card,body[data-page="usuarios"] .card{padding: 16px 18px}body[data-page="usuarios"] .card-head{margin: -16px -18px 12px;padding: 15px 18px}.auth{grid-template-columns: minmax(0,1.05fr) minmax(380px,0.95fr);background: var(--pa-paper,var(--bg))}.auth-brand{min-height: 100dvh;padding: clamp(36px,5vw,72px) clamp(28px,4vw,56px);border-right: 1px solid color-mix(in srgb,var(--black) 35%,var(--brand-brown));background: radial-gradient(ellipse 52% 44% at 88% 8%,rgb(var(--red-rgb) / 0.18),transparent 58%),radial-gradient(ellipse 42% 36% at 12% 90%,rgb(var(--green-rgb) / 0.14),transparent 55%),var(--brand-brown)}.auth-panel{min-height: 100dvh;padding: 40px 28px;background: color-mix(in srgb,var(--pa-paper,var(--bg)) 88%,var(--surface))}.auth-card{padding: 30px 28px 26px}}@media (min-width: 1024px){body[data-page="gastos"] .view,body[data-page="anulaciones"] .view,body[data-page="usuarios"] .view,body[data-page="personal"] .view{padding-inline: clamp(28px,4vw,58px)}body[data-page="gastos"] .view>.grid,body[data-page="anulaciones"] .view>.grid,body[data-page="usuarios"] .view>.grid,body[data-page="personal"] .view>.admin-page{width: min(100%,1180px);margin-inline: auto}body[data-page="gastos"] .metric{min-height: 112px;padding: 18px}body[data-page="anulaciones"] .tabs-scope{min-height: 360px}body[data-page="usuarios"] table td{padding-block: 14px}.auth{grid-template-columns: minmax(480px,1.1fr) minmax(420px,0.9fr)}}@media (min-width: 1440px){body[data-page="gastos"] .view>.grid,body[data-page="anulaciones"] .view>.grid,body[data-page="usuarios"] .view>.grid{width: min(100%,1320px)}body[data-page="gastos"] .metric strong{font-size: 2rem}body[data-page="anulaciones"] .tabs-scope{padding: 22px 24px}body[data-page="usuarios"] .card{padding: 20px 24px}body[data-page="usuarios"] .card-head{margin: -20px -24px 14px;padding-inline: 24px}.auth-panel-inner{width: min(440px,100%)}.auth-brand-logo{max-width: 480px}.auth-brand-name{font-size: 5rem}}@media (prefers-reduced-motion: reduce){body[data-page="gastos"] *,body[data-page="anulaciones"] *,body[data-page="usuarios"] *,.auth-body *,body[data-page="gastos"] *::before,body[data-page="anulaciones"] *::before,body[data-page="usuarios"] *::before,.auth-body *::before,body[data-page="gastos"] *::after,body[data-page="anulaciones"] *::after,body[data-page="usuarios"] *::after,.auth-body *::after{scroll-behavior: auto !important;animation-duration: .001ms !important;animation-iteration-count: 1 !important;transition-duration: .001ms !important}}@media (prefers-contrast: more){body[data-page="gastos"] :is(.card,.metric,.period-tab,th,td,.btn,.chip),body[data-page="anulaciones"] :is(.card,.metric,.period-tab,th,td,.btn,.chip),body[data-page="usuarios"] :is(.card,.metric,.period-tab,th,td,.btn,.chip){border-color: currentColor}.auth-card,.auth-card .input{border-width: 2px;border-color: var(--pa-ink,var(--ink))}}@media (forced-colors: active){body[data-page="gastos"] :is(.btn,.iconbtn,.period-tab,.pill,.card,.metric,.chip),body[data-page="anulaciones"] :is(.btn,.iconbtn,.period-tab,.pill,.card,.metric,.chip),body[data-page="usuarios"] :is(.btn,.iconbtn,.period-tab,.pill,.card,.metric,.chip),.auth-body :is(.btn,.auth-card){border: 1px solid CanvasText;forced-color-adjust: auto}body[data-page="gastos"] :is(a,button,input,select,textarea):focus-visible,body[data-page="anulaciones"] :is(a,button,input,select,textarea):focus-visible,body[data-page="usuarios"] :is(a,button,input,select,textarea):focus-visible,.auth-body :is(a,button,input,select,textarea):focus-visible{outline: 3px solid Highlight}}@media print{body[data-page="gastos"] :is(.topnav,.tabbar,.appbar-bell,button),body[data-page="anulaciones"] :is(.topnav,.tabbar,.appbar-bell,button),body[data-page="usuarios"] :is(.topnav,.tabbar,.appbar-bell,button),body[data-page="personal"] :is(.topnav,.tabbar,.appbar-bell){display: none !important}body[data-page="gastos"] .view,body[data-page="anulaciones"] .view,body[data-page="usuarios"] .view,body[data-page="personal"] .view{padding: 0;background: var(--surface)}body[data-page="gastos"] :is(.card,.metric),body[data-page="anulaciones"] :is(.card,.metric),body[data-page="usuarios"] :is(.card,.metric),body[data-page="personal"] :is(.card,.metric,.personal-rol){break-inside: avoid;box-shadow: none}.auth-brand,.auth-panel{background: var(--surface) !important;color: var(--black) !important}.auth-brand{border-right: 0 !important}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .appbar{display: none !important}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .view{width: min(100%,1480px);margin-inline: auto;padding: 16px clamp(16px,2.4vw,40px) calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 28px);background: var(--pa-paper)}@media (min-width: 1024px){:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .topnav{background: var(--pa-paper);border-bottom-color: color-mix(in srgb,var(--pa-line) 85%,transparent)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .view{padding-inline: clamp(20px,3vw,48px)}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-page{display: grid;gap: 14px;min-width: 0}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-mast{display: grid;gap: 12px;margin: 0;padding: 0 0 12px;border-bottom: 1px solid var(--pa-line);animation: adminMastIn 420ms var(--pa-ease) both}@keyframes adminMastIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: none}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-title{margin: 0;max-width: 18ch;color: var(--pa-ink);font-family: var(--pa-display);font-size: clamp(1.45rem,3.2vw,1.85rem);font-weight: 750;letter-spacing: -0.01em;line-height: 1.05;text-wrap: balance}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-lede{margin: 2px 0 0;max-width: 42ch;color: var(--pa-muted);font-size: 0.8rem;font-weight: 500;line-height: 1.35}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-tools{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-tools .btn:not(.ghost){border: 0;border-radius: 2px;background: var(--accent);color: var(--on-accent);font-weight: 760}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-tools .btn.ghost{border-radius: 2px;font-weight: 720}@media (min-width: 700px){:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-mast{grid-template-columns: minmax(0,1fr) auto;align-items: end;gap: 12px 24px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-tools{justify-content: flex-end}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-hero{position: relative;display: grid;gap: 2px;padding: 4px 0 4px 14px;animation: adminHeroIn 0.5s 0.05s var(--pa-ease) both}@keyframes adminHeroIn{from{opacity: 0;transform: translateY(6px)}to{opacity: 1;transform: none}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-hero::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: var(--pa-gold)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-hero-label{color: var(--pa-muted);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.08em;text-transform: uppercase}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-hero-amt{color: var(--pa-ink);font-family: var(--pa-display);font-size: clamp(1.85rem,6vw,2.35rem);font-weight: 850;letter-spacing: -0.045em;line-height: 1}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-hero-meta{font-size: 0.76rem}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-status-row{display: flex;flex-wrap: wrap;gap: 7px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-pill{display: inline-flex;align-items: center;min-height: 28px;padding: 4px 10px;border: 1px solid var(--pa-line);border-radius: 999px;background: var(--surface);color: var(--pa-ink-2);font-size: 0.75rem;font-weight: 760}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-pill.is-warn{border-color: transparent;background: var(--pa-warn-soft);color: var(--pa-warn)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-pill.is-ok{border-color: transparent;background: var(--pa-ok-soft);color: var(--pa-ok)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-pill.is-danger{border-color: transparent;background: var(--pa-danger-soft);color: var(--pa-danger)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-block{display: grid;gap: 8px;min-width: 0}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-block-head{display: flex;align-items: baseline;justify-content: space-between;gap: 10px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-block-head h3{margin: 0;font-family: var(--pa-display);font-size: 1rem;font-weight: 820;letter-spacing: -0.02em}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-block-hint{margin: 0;font-size: 0.76rem;line-height: 1.4}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-empty{display: grid;gap: 8px;justify-items: start;padding: 28px 4px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-empty strong{font-family: var(--pa-display);font-size: 1.1rem;font-weight: 820;letter-spacing: -0.02em}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-empty p{margin: 0;max-width: 36ch}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-list.list,:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-list{display: grid;gap: 0;min-width: 0;border-top: 1px solid var(--pa-line)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row.item,:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row{display: grid;grid-template-columns: minmax(0,1fr) auto;align-items: center;gap: 8px 12px;padding: 12px 2px;border-bottom: 1px solid var(--pa-line);background: transparent;animation: adminRowIn 380ms var(--pa-ease) both}@keyframes adminRowIn{from{opacity: 0;transform: translateY(4px)}to{opacity: 1;transform: none}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-main{display: grid;gap: 2px;min-width: 0}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-main strong{font-size: 0.9rem;font-weight: 780;letter-spacing: -0.015em}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-main .muted{overflow: hidden;font-size: 0.75rem;text-overflow: ellipsis;white-space: nowrap}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-amt{font-family: var(--pa-display);font-size: 1.02rem;font-weight: 850;letter-spacing: -0.03em;white-space: nowrap}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-amt.is-in{color: var(--pa-ok)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-amt.is-out{color: var(--pa-danger)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-pill{display: inline-flex;align-items: center;width: fit-content;min-height: 22px;padding: 0 8px;border-radius: 999px;background: var(--surface-2);color: var(--pa-muted);font-size: 0.75rem;font-weight: 760}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-pill.is-ok{background: var(--pa-ok-soft);color: var(--pa-ok)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-pill.is-warn{background: var(--pa-warn-soft);color: var(--pa-warn)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-pill.is-danger{background: var(--pa-danger-soft);color: var(--pa-danger)}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-actions{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 6px;grid-column: 1 / -1}@media (min-width: 700px){:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row.item,:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row{grid-template-columns: minmax(0,1fr) auto auto auto}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row-actions{grid-column: auto}}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .link-btn{border: 0;background: none;color: var(--pa-gold-strong);font-size: 0.78rem;font-weight: 760;cursor: pointer;text-decoration: underline;text-underline-offset: 2px}:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .paged>.pager{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px;margin-top: 10px;padding-top: 10px;border-top: 1px solid var(--pa-line)}body[data-page="anulaciones"] .admin-kicker{margin: 0 0 4px;color: var(--muted);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.04em;text-transform: uppercase}body[data-page="anulaciones"] .admin-title{max-width: 16ch}body[data-page="anulaciones"] #anul-view.admin-tools,body[data-page="anulaciones"] #anul-view{width: auto;gap: 0;padding: 3px;border: 1px solid var(--pa-line,var(--line));border-radius: 2px;background: var(--pa-surface,var(--surface))}body[data-page="anulaciones"] #anul-view .period-tab{flex: 1 1 auto;min-height: 34px;padding: 0 14px;border: 0;border-radius: 2px;background: transparent;color: var(--pa-muted,var(--muted));font-weight: 760}body[data-page="anulaciones"] #anul-view .period-tab.is-active{background: var(--accent);color: var(--on-accent);box-shadow: none}body[data-page="anulaciones"] .admin-subtabs{display: flex;flex-wrap: wrap;gap: 6px;padding: 0 0 4px;border: 0;background: transparent}body[data-page="anulaciones"] .admin-subtabs .period-tab{min-height: 32px;padding: 0 12px;border: 1px solid var(--pa-line,var(--line));border-radius: 2px;background: var(--surface);color: var(--pa-muted,var(--muted));font-size: 0.75rem;font-weight: 720}body[data-page="anulaciones"] .admin-subtabs .period-tab.is-active{border-color: var(--accent);background: var(--accent);color: var(--on-accent);box-shadow: none}body[data-page="anulaciones"] .tabs-scope{padding: 0;border: 0;background: transparent;box-shadow: none}body[data-page="anulaciones"] .view,body[data-page="anulaciones"] .anul-page,body[data-page="anulaciones"] .tabs-scope,body[data-page="anulaciones"] .anul-panel,body[data-page="anulaciones"] .paged,body[data-page="anulaciones"] .table-wrap,body[data-page="anulaciones"] .admin-subtabs{min-width: 0;max-width: 100%}body[data-page="anulaciones"] .view{overflow-x: clip}body[data-page="anulaciones"] .admin-subtabs{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none}body[data-page="anulaciones"] .admin-subtabs::-webkit-scrollbar{display: none}body[data-page="anulaciones"] .admin-subtabs .period-tab{flex: none;white-space: nowrap}body[data-page="anulaciones"] .anul-table thead{display: none}body[data-page="anulaciones"] .anul-table,body[data-page="anulaciones"] .anul-table tbody{display: grid;gap: 8px}body[data-page="anulaciones"] .anul-table tr{display: grid;grid-template-columns: repeat(auto-fit,minmax(8.5rem,1fr));gap: 8px 12px;align-items: end;margin: 0;padding: 12px 14px;border: 1px solid var(--line);border-radius: 2px;background: var(--surface)}body[data-page="anulaciones"] .anul-table td{display: block;min-width: 0;padding: 0;border: 0;white-space: normal;overflow-wrap: anywhere}body[data-page="anulaciones"] .anul-table td::before{content: attr(data-label);display: block;margin-bottom: 2px;color: var(--muted);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.04em;text-transform: uppercase}body[data-page="anulaciones"] .anul-table td.is-actions{grid-column: 1 / -1;display: flex;flex-wrap: wrap;gap: 8px;margin-top: 2px;padding-top: 8px;border-top: 1px solid var(--line)}body[data-page="anulaciones"] .anul-table td.is-actions::before{content: none}body[data-page="anulaciones"] .anul-table td.is-actions .btn,body[data-page="anulaciones"] .anul-table td.is-actions .pill{flex: 1 1 8rem;width: auto;min-height: 44px;justify-content: center}body[data-page="anulaciones"] .anul-table .anul-id{font-size: 1rem}body[data-page="anulaciones"] .admin-empty{display: grid;gap: 6px;justify-items: start;padding: 22px 4px}body[data-page="anulaciones"] .admin-empty p{margin: 0}body[data-page="anulaciones"] .paged>.table-wrap,body[data-page="anulaciones"] .paged>.list{max-height: none;overflow: visible}body[data-page="anulaciones"] .paged>.pager{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;gap: 8px 12px;margin-top: 14px;padding: 12px 0 0;border-top: 1px solid var(--pa-line,var(--line))}body[data-page="anulaciones"] .pager-size{display: inline-flex;align-items: center;gap: 6px;margin-right: auto;color: var(--pa-muted,var(--muted));font-size: 0.75rem;font-weight: 700}body[data-page="anulaciones"] .pager-info{flex: 1 1 100%;min-width: 0;margin: 0;color: var(--pa-muted,var(--muted));font-size: 0.75rem;font-weight: 650;text-align: left}body[data-page="anulaciones"] .anul-table{width: 100%;border-collapse: collapse;font-size: 0.84rem}body[data-page="anulaciones"] .anul-table thead th{padding: 8px 10px;border-bottom: 1px solid var(--pa-ink,var(--ink));background: var(--pa-wash,var(--surface-2));color: var(--pa-muted,var(--muted));font-size: 0.75rem;font-weight: 780;letter-spacing: 0.06em;text-transform: uppercase;white-space: nowrap}body[data-page="anulaciones"] .anul-table td{padding: 10px;border-bottom: 1px solid var(--pa-line,var(--line));vertical-align: middle}body[data-page="anulaciones"] .anul-table .anul-id{font-variant-numeric: tabular-nums;letter-spacing: -0.02em}body[data-page="anulaciones"] .anul-table td.num strong{font-family: var(--pa-display);font-size: 0.95rem;font-weight: 850;letter-spacing: -0.02em}body[data-page="anulaciones"] .anul-table td.is-in{color: var(--pa-ok,var(--ok-text));font-weight: 750}body[data-page="anulaciones"] .anul-table td.is-out{color: var(--pa-danger,var(--danger-text));font-weight: 750}body[data-page="anulaciones"] .anul-table td.is-actions{text-align: right;white-space: nowrap}body[data-page="anulaciones"] .anul-table td.is-actions .btn{min-height: 32px;padding: 0 10px}body[data-page="anulaciones"] .anul-table td.is-actions .btn + .btn{margin-left: 4px}@media (max-width: 720px){body[data-page="anulaciones"] .anul-table td.is-actions{display: flex;flex-wrap: wrap;gap: 6px;justify-content: flex-end;margin-top: 6px;padding-top: 8px;border-top: 1px solid var(--pa-line,var(--line))}body[data-page="anulaciones"] .anul-table td.is-actions .btn + .btn{margin-left: 0}}@media (min-width: 768px){body[data-page="anulaciones"] .anul-table td.truncate{max-width: 34ch}}body[data-page="anulaciones"] .anul-list{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;align-items: stretch;min-width: 0}body[data-page="anulaciones"] .anul-card{display: flex;flex-direction: column;height: 100%;min-width: 0;overflow: hidden;border: 1px solid var(--line);border-radius: 12px;background: var(--surface)}body[data-page="anulaciones"] .pedir-visual{position: relative;aspect-ratio: 1.05 / 1;background: var(--surface-2)}body[data-page="anulaciones"] .pedir-visual.is-plain{display: flex;align-items: center;justify-content: center}body[data-page="anulaciones"] .pedir-photo{width: 100%;height: 100%;border: 0;border-radius: 0;background-color: var(--surface-2);background-size: cover;background-position: center;background-repeat: no-repeat;display: grid;place-items: center}body[data-page="anulaciones"] .pedir-photo.thumb-mono svg{width: 34%;height: 34%}body[data-page="anulaciones"] .pedir-flag{position: absolute;left: 8px;top: 8px;max-width: calc(100% - 16px);padding: 3px 7px;border-radius: 999px;background: rgb(var(--surface-rgb) / 0.92);color: var(--ink);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.01em}body[data-page="anulaciones"] .pedir-flag.is-ok{color: var(--ok-text)}body[data-page="anulaciones"] .pedir-flag.is-warn{color: var(--warn-text)}body[data-page="anulaciones"] .pedir-flag.is-danger{color: var(--danger-text)}body[data-page="anulaciones"] .pedir-need{position: absolute;right: 8px;bottom: 8px;display: flex;flex-direction: column;align-items: center;gap: 0;max-width: calc(100% - 16px);padding: 4px 8px;border-radius: 10px;background: rgb(var(--surface-rgb) / 0.94);color: var(--ink);text-align: center;white-space: nowrap}body[data-page="anulaciones"] .pedir-visual.is-plain .pedir-need{position: static}body[data-page="anulaciones"] .pedir-need em{font-style: normal;font-size: 1.05rem;font-weight: 800;letter-spacing: -0.02em;line-height: 1.1}body[data-page="anulaciones"] .pedir-need small{color: var(--muted);font-size: 0.75rem;font-weight: 750}body[data-page="anulaciones"] .pedir-need.is-in em{color: var(--ok-text)}body[data-page="anulaciones"] .pedir-need.is-out em{color: var(--danger-text)}body[data-page="anulaciones"] .pedir-row-main{display: grid;align-content: start;gap: 3px;flex: 1 1 auto;padding: 8px 10px 4px}body[data-page="anulaciones"] .anul-card.is-hist .pedir-row-main{padding-bottom: 12px}body[data-page="anulaciones"] .pedir-row-title{display: flex;min-width: 0}body[data-page="anulaciones"] .pedir-row-title strong{display: -webkit-box;flex: 1 1 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.4em;min-width: 0;font-size: 0.84rem;font-weight: 750;line-height: 1.2}body[data-page="anulaciones"] .pedir-why{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.6em;margin: 0;color: var(--ink-soft);font-size: 0.75rem;line-height: 1.3}body[data-page="anulaciones"] .pedir-stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 6px;margin-top: 6px}body[data-page="anulaciones"] .anul-card.is-hist .pedir-stats{grid-template-columns: minmax(0,1fr)}body[data-page="anulaciones"] .pedir-stats div{display: grid;min-width: 0}body[data-page="anulaciones"] .pedir-stats strong{font-size: 0.95rem;font-weight: 800;overflow-wrap: anywhere}body[data-page="anulaciones"] .pedir-stats span{display: block;min-height: 2.2em;color: var(--muted);font-size: 0.75rem;font-weight: 700;line-height: 1.1}body[data-page="anulaciones"] .anul-ops{display: grid;gap: 8px;min-width: 0;margin: auto 12px 12px;padding: 0}body[data-page="anulaciones"] .anul-ops .btn{width: 100%;min-height: 44px;padding: 0 12px;border-radius: 10px;font-size: 0.86rem;font-weight: 750;justify-content: center;text-align: center}@media (min-width: 720px){body[data-page="anulaciones"] .anul-list{grid-template-columns: repeat(3,minmax(0,1fr))}}@media (min-width: 1100px){body[data-page="anulaciones"] .anul-list{grid-template-columns: repeat(4,minmax(0,1fr))}}body[data-page="usuarios"] .admin-kicker{margin: 0 0 4px;color: var(--muted);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.04em;text-transform: uppercase}body[data-page="usuarios"] .admin-title{max-width: 14ch}body[data-page="usuarios"] .admin-tools .btn:not(.ghost):not(.danger){border-color: var(--accent);background: var(--accent);color: var(--on-accent)}body[data-page="usuarios"] .admin-subtabs{margin: 0 0 14px;gap: 0;padding: 3px;border: 1px solid var(--pa-line,var(--line));border-radius: 2px;background: var(--pa-surface,var(--surface));width: fit-content;max-width: 100%}body[data-page="usuarios"] .admin-subtabs .period-tab{flex: 0 1 auto;min-height: 34px;padding: 0 14px;border: 0;border-radius: 2px;background: transparent;color: var(--pa-muted,var(--muted));font-weight: 760}body[data-page="usuarios"] .admin-subtabs .period-tab.is-active{border-color: var(--accent);background: var(--accent);color: var(--on-accent);box-shadow: none}body[data-page="usuarios"] .admin-empty{display: grid;gap: 8px;justify-items: start;padding: 22px 4px}body[data-page="usuarios"] .admin-empty p{margin: 0}body[data-page="usuarios"] .paged>.table-wrap,body[data-page="usuarios"] .paged>.list{max-height: none;overflow: visible}body[data-page="usuarios"] .paged>.pager{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;gap: 8px 12px;margin-top: 14px;padding: 12px 0 0;border-top: 1px solid var(--pa-line,var(--line))}body[data-page="usuarios"] .pager-size{display: inline-flex;align-items: center;gap: 6px;margin-right: auto;color: var(--pa-muted,var(--muted));font-size: 0.75rem;font-weight: 700}body[data-page="usuarios"] .pager-info{flex: 1 1 100%;min-width: 0;margin: 0;color: var(--pa-muted,var(--muted));font-size: 0.75rem;font-weight: 650;text-align: left}body[data-page="usuarios"] .usr-table{width: 100%;border-collapse: collapse;font-size: 0.84rem}body[data-page="usuarios"] .usr-table thead th{padding: 8px 10px;border-bottom: 1px solid var(--pa-ink,var(--ink));background: var(--pa-wash,var(--surface-2));color: var(--pa-muted,var(--muted));font-size: 0.75rem;font-weight: 780;letter-spacing: 0.06em;text-transform: uppercase;white-space: nowrap}body[data-page="usuarios"] .usr-table td{padding: 10px;border-bottom: 1px solid var(--pa-line,var(--line));vertical-align: middle}body[data-page="usuarios"] .usr-id{font-variant-numeric: tabular-nums;letter-spacing: -0.02em;color: var(--pa-muted,var(--muted));font-size: 0.84rem}body[data-page="usuarios"] .usr-you.is-root{background: var(--accent);color: var(--on-accent)}body[data-page="usuarios"] .usr-lock-hint{margin: -4px 0 12px;padding: 8px 10px;border-left: 3px solid var(--pa-ink,var(--ink));background: var(--pa-wash,var(--surface-2));color: var(--pa-ink-2,var(--ink-soft));font-size: 0.78rem}body[data-page="usuarios"] .usr-person{display: flex;align-items: center;gap: 10px;min-width: 0}body[data-page="usuarios"] .usr-glyph{flex: none;display: grid;place-items: center;width: 36px;height: 36px;border: 1px solid var(--pa-line-strong,var(--line-strong));border-radius: 2px;background: var(--pa-wash,var(--surface-2));color: var(--pa-ink,var(--ink));font-family: var(--pa-display);font-size: 0.75rem;font-weight: 850;letter-spacing: 0.04em}body[data-page="usuarios"] .usr-person-copy{display: grid;gap: 2px;min-width: 0}body[data-page="usuarios"] .usr-person-copy strong{font-size: 0.92rem;letter-spacing: -0.01em}body[data-page="usuarios"] .usr-person-copy .muted{display: block;max-width: 36ch;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.75rem}body[data-page="usuarios"] .usr-you{display: inline-block;margin-left: 6px;padding: 1px 6px;border-radius: 2px;background: color-mix(in srgb,var(--pa-gold,var(--warn)) 18%,var(--surface));color: var(--warn-text);font-size: 0.75rem;font-weight: 800;letter-spacing: 0.06em;text-transform: uppercase;vertical-align: 0.12em}body[data-page="usuarios"] .usr-pill{display: inline-flex;align-items: center;min-height: 24px;padding: 0 8px;border: 1px solid transparent;border-radius: 2px;font-size: 0.75rem;font-weight: 780;letter-spacing: 0.02em;white-space: nowrap}body[data-page="usuarios"] .usr-pill.is-admin{border-color: var(--accent);background: var(--accent);color: var(--on-accent)}body[data-page="usuarios"] .usr-pill.is-inv{border-color: color-mix(in srgb,var(--pa-gold,var(--warn)) 45%,transparent);background: color-mix(in srgb,var(--pa-gold,var(--warn)) 14%,var(--surface));color: var(--warn-text)}body[data-page="usuarios"] .usr-pill.is-cashier{border-color: var(--pa-line-strong,var(--line-strong));background: var(--pa-wash,var(--surface-2));color: var(--pa-ink-2,var(--ink-soft))}body[data-page="usuarios"] .usr-pill.is-ok{border-color: color-mix(in srgb,var(--pa-ok,var(--ok)) 28%,transparent);background: var(--pa-ok-soft,var(--ok-soft));color: var(--pa-ok,var(--ok-text))}body[data-page="usuarios"] .usr-pill.is-off{border-color: color-mix(in srgb,var(--pa-danger,var(--danger)) 24%,transparent);background: var(--pa-danger-soft,var(--danger-soft));color: var(--pa-danger,var(--danger-text))}body[data-page="usuarios"] .usr-table td.is-actions{text-align: right;white-space: nowrap}body[data-page="usuarios"] .usr-table td.is-actions form{display: inline}body[data-page="usuarios"] .usr-table td.is-actions .iconbtn{border-radius: 2px;background: var(--surface)}body[data-page="usuarios"] .usr-table td.is-actions .iconbtn + .iconbtn,body[data-page="usuarios"] .usr-table td.is-actions form{margin-left: 4px}body[data-page="usuarios"] .usr-modal-lede{margin: 0 0 12px;font-size: 0.82rem}body[data-page="usuarios"] #modal-user-roles-help .modal{border-top-color: var(--pa-gold,var(--warn))}body[data-page="usuarios"] .usr-help-list{margin: 0 0 12px}body[data-page="usuarios"] .usr-help-list .help-item p{color: var(--pa-ink-2,var(--ink-soft));font-size: 0.84rem}body[data-page="usuarios"] .usr-help-tip{margin: 0 0 4px;padding: 8px 10px;border-left: 3px solid var(--pa-gold,var(--warn));background: var(--pa-wash,var(--surface-2));font-size: 0.78rem;line-height: 1.4}body[data-page="usuarios"] .usr-switch-caption{display: block;margin-bottom: 8px;color: var(--pa-ink-2,var(--ink-soft));font-size: 0.75rem;font-weight: 780;letter-spacing: 0.04em;text-transform: uppercase}body[data-page="usuarios"] .usr-switch{display: inline-flex;align-items: center;gap: 10px;min-height: 36px;cursor: pointer;user-select: none}body[data-page="usuarios"] .usr-switch input{position: absolute;opacity: 0;width: 1px;height: 1px;pointer-events: none}body[data-page="usuarios"] .usr-switch-track{position: relative;width: 44px;height: 26px;border: 1px solid var(--pa-line-strong,var(--line-strong));border-radius: 999px;background: var(--pa-wash,var(--surface-2));transition: background-color 160ms ease,border-color 160ms ease}body[data-page="usuarios"] .usr-switch-knob{position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;border-radius: 999px;background: var(--surface);box-shadow: 0 1px 3px rgb(var(--shade-rgb) / 0.18);transition: transform 160ms ease}body[data-page="usuarios"] .usr-switch.is-on .usr-switch-track,body[data-page="usuarios"] .usr-switch:has(input:checked) .usr-switch-track{border-color: var(--accent);background: var(--accent)}body[data-page="usuarios"] .usr-switch.is-on .usr-switch-knob,body[data-page="usuarios"] .usr-switch:has(input:checked) .usr-switch-knob{transform: translateX(18px)}body[data-page="usuarios"] .usr-switch-text{font-size: 0.86rem;font-weight: 750;color: var(--pa-ink,var(--ink))}body[data-page="usuarios"] .usr-switch.is-locked{opacity: 0.55;cursor: not-allowed}@media (max-width: 720px){body[data-page="usuarios"] .admin-subtabs{width: 100%}body[data-page="usuarios"] .admin-subtabs .period-tab{flex: 1 1 auto}body[data-page="usuarios"] .usr-table td.is-actions{display: flex;flex-wrap: wrap;gap: 6px;justify-content: flex-end;margin-top: 6px;padding-top: 8px;border-top: 1px solid var(--pa-line,var(--line))}body[data-page="usuarios"] .usr-table td.is-actions .iconbtn + .iconbtn,body[data-page="usuarios"] .usr-table td.is-actions form{margin-left: 0}body[data-page="usuarios"] .usr-person-copy .muted{max-width: none;white-space: normal}}body[data-page="personal"] .admin-page{display: grid;gap: 16px}body[data-page="personal"] .admin-kicker{margin: 0 0 4px;color: var(--muted);font-size: 0.75rem;font-weight: 750;letter-spacing: 0.04em;text-transform: uppercase}body[data-page="personal"] .personal-month-nav{display: inline-flex;align-items: center;gap: 8px}body[data-page="personal"] .personal-month-label{min-width: 12ch;text-align: center;font-family: var(--pa-display);font-size: 0.95rem;text-transform: capitalize}body[data-page="personal"] .personal-stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}body[data-page="personal"] .personal-stat{padding: 10px 12px;border: 1px solid var(--pa-line);border-radius: 2px;background: var(--surface);box-shadow: none}body[data-page="personal"] .personal-stat span{display: block;color: var(--pa-muted);font-size: 0.75rem;font-weight: 780;letter-spacing: 0.06em;text-transform: uppercase}body[data-page="personal"] .personal-stat strong{display: block;margin-top: 4px;font-family: var(--pa-display);font-size: 1.15rem;font-weight: 850;letter-spacing: -0.02em}body[data-page="personal"] .personal-stat small{display: block;margin-top: 2px;font-size: 0.75rem}body[data-page="personal"] .personal-form{padding: 12px;border: 1px solid var(--pa-line);border-radius: 2px;background: var(--surface);box-shadow: none}body[data-page="personal"] .personal-form-grid{display: grid;gap: 12px}body[data-page="personal"] .personal-form-grid>.field{margin-bottom: 0}@media (min-width: 820px){body[data-page="personal"] .personal-form-grid{grid-template-columns: 160px 1.2fr 1.2fr auto;align-items: end}}body[data-page="personal"] .personal-form .input{width: 100%;min-height: 44px;height: 44px;padding: 0 11px;border: 1px solid var(--pa-line-strong);border-radius: 2px;background: var(--pa-wash);color: var(--pa-ink);font: 500 0.92rem/1.2 var(--pa-font);box-sizing: border-box}body[data-page="personal"] .personal-form-spacer{visibility: hidden;user-select: none;pointer-events: none}body[data-page="personal"] .personal-form-submit .btn{width: 100%;min-height: 44px;height: 44px;padding: 0 18px;box-sizing: border-box}body[data-page="personal"] .personal-seg{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0;padding: 0;min-height: 44px;height: 44px;border: 1px solid var(--pa-line-strong);border-radius: 2px;background: var(--pa-wash);box-sizing: border-box;overflow: hidden}body[data-page="personal"] #ps-person-seg{grid-template-columns: repeat(2,minmax(0,1fr))}body[data-page="personal"] .personal-seg button{min-height: 0;height: 100%;margin: 0;border: 0;border-radius: 0;border-right: 1px solid var(--pa-line);background: transparent;color: var(--pa-muted);font-size: 0.8rem;font-weight: 760;cursor: pointer;box-shadow: none}body[data-page="personal"] .personal-seg button:last-child{border-right: 0}body[data-page="personal"] .personal-seg button.is-active{background: var(--accent);color: var(--on-accent)}body[data-page="personal"] .personal-tools{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 10px}body[data-page="personal"] .personal-actions{display: inline-flex;flex-wrap: nowrap;align-items: center;gap: 6px}body[data-page="personal"] .personal-actions .btn{flex: none;white-space: nowrap}body[data-page="personal"] :is(#modal-personal-rol,#modal-personal-detalle) .personal-modal{width: min(560px,calc(100vw - 24px));max-height: min(88dvh,760px);display: flex;flex-direction: column;gap: 0;padding: 14px 14px 12px;border: 1px solid var(--pa-line);border-top: 3px solid var(--brand-gold);border-radius: 2px;overflow: hidden;box-shadow: none}body[data-page="personal"] #modal-personal-detalle .personal-modal{width: min(760px,calc(100vw - 24px))}body[data-page="personal"] :is(#modal-personal-rol,#modal-personal-detalle) .modal-head{flex: none;align-items: flex-start;gap: 10px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid var(--pa-line)}body[data-page="personal"] .personal-modal-sub{margin: 4px 0 0;font-size: 0.76rem}body[data-page="personal"] :is(#modal-personal-rol,#modal-personal-detalle) .personal-modal-body{flex: 1;min-height: 0;overflow: auto;padding: 2px 0 4px;border: 0;background: transparent;box-shadow: none;-webkit-overflow-scrolling: touch}body[data-page="personal"] :is(#modal-personal-rol,#modal-personal-detalle) .personal-rol,body[data-page="personal"] :is(#modal-personal-rol,#modal-personal-detalle) .personal-list-block{border: 0;background: transparent;box-shadow: none;padding: 0}body[data-page="personal"] .personal-coverage{display: grid;gap: 8px}body[data-page="personal"] .personal-cal-dow,body[data-page="personal"] .personal-cal{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 6px}body[data-page="personal"] .personal-cal-dow>span{display: block;padding: 0 2px 4px;color: var(--pa-muted);font-size: 0.75rem;font-weight: 780;text-align: center;letter-spacing: 0.01em;line-height: 1.2}body[data-page="personal"] .personal-cal-dow-med{display: none}body[data-page="personal"] .personal-cal-cell{display: grid;grid-template-rows: auto 1fr;gap: 6px;min-height: 92px;padding: 8px;border: 1px solid var(--pa-line);border-radius: 2px;background: var(--surface);color: inherit;text-align: left;cursor: pointer;box-shadow: none;transition: border-color 120ms var(--pa-ease),background-color 120ms var(--pa-ease)}body[data-page="personal"] .personal-cal-cell:hover:not(.is-pad):not(.is-future){border-color: var(--pa-ink)}body[data-page="personal"] .personal-cal-cell.is-pad{border-color: transparent;background: transparent;pointer-events: none;min-height: 0}body[data-page="personal"] .personal-cal-cell.is-closed{opacity: 0.42;background: var(--pa-wash)}body[data-page="personal"] .personal-cal-cell.is-future{opacity: 0.48}body[data-page="personal"] .personal-cal-cell.is-today{border-color: var(--pa-ink);border-width: 1.5px}body[data-page="personal"] .personal-cal-cell.is-gap:not(.is-future):not(.is-closed){background: color-mix(in srgb,var(--pa-warn,var(--warn)) 7%,var(--surface))}body[data-page="personal"] .personal-cal-cell.is-full{background: color-mix(in srgb,var(--pa-ok,var(--ok)) 7%,var(--surface))}body[data-page="personal"] .personal-cal-num{font-family: var(--pa-display);font-size: 0.95rem;font-weight: 850;letter-spacing: -0.02em;line-height: 1}body[data-page="personal"] .personal-cal-slots{display: grid;gap: 4px;align-content: start}body[data-page="personal"] .personal-cal-slot{display: grid;gap: 1px;min-height: 0;padding: 4px 5px;border-radius: 2px;background: var(--pa-wash)}body[data-page="personal"] .personal-cal-slot.is-filled{background: color-mix(in srgb,var(--pa-ink) 7%,var(--surface))}body[data-page="personal"] .personal-cal-slot-lbl{color: var(--pa-muted);font-size: 0.75rem;font-weight: 780;letter-spacing: 0.04em;text-transform: uppercase}body[data-page="personal"] .personal-cal-slot-who{color: var(--pa-muted);font-size: 0.75rem;font-weight: 650;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}body[data-page="personal"] .personal-cal-slot.is-filled .personal-cal-slot-who{color: var(--pa-ink);font-weight: 760}@media (max-width: 1100px){body[data-page="personal"] .personal-cal-dow-long{display: none}body[data-page="personal"] .personal-cal-dow-med{display: inline}body[data-page="personal"] .personal-cal-cell{min-height: 84px;padding: 6px}body[data-page="personal"] .personal-cal-slot-who{font-size: 0.75rem}}@media (max-width: 720px){body[data-page="personal"] .personal-cal-dow,body[data-page="personal"] .personal-cal{gap: 4px}body[data-page="personal"] .personal-cal-dow>span{font-size: 0.75rem}body[data-page="personal"] .personal-cal-cell{min-height: 76px;padding: 5px 4px;gap: 4px}body[data-page="personal"] .personal-cal-num{font-size: 0.82rem}body[data-page="personal"] .personal-cal-slot{padding: 3px 4px}body[data-page="personal"] .personal-cal-slot-lbl{font-size: 0.75rem}body[data-page="personal"] .personal-cal-slot-who{font-size: 0.75rem}}body[data-page="personal"] .personal-layout{display: grid;gap: 16px}@media (min-width: 960px){body[data-page="personal"] .personal-layout{grid-template-columns: minmax(260px,340px) minmax(0,1fr);align-items: start}}body[data-page="personal"] .personal-rol{padding: 12px;border: 1px solid var(--pa-line);border-radius: 2px;background: var(--surface);box-shadow: none}body[data-page="personal"] .personal-rol-headbar{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 10px}body[data-page="personal"] .personal-rol-headbar h3,body[data-page="personal"] .personal-list-head h3{margin: 0;font-size: 1rem}body[data-page="personal"] .personal-rol-brand{display: none;margin: 0;font-family: var(--pa-display);font-weight: 850}body[data-page="personal"] .personal-rol-sub{margin: 0 0 12px;font-size: 0.78rem}body[data-page="personal"] .personal-rol-person{padding: 10px 0;border-bottom: 1px solid var(--pa-line)}body[data-page="personal"] .personal-rol-head{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 4px}body[data-page="personal"] .personal-rol-actions{display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 6px;justify-content: flex-end;flex-shrink: 0}body[data-page="personal"] .personal-rol-actions .personal-print-btn{flex: none}body[data-page="personal"] .personal-rol-person-total{display: flex;align-items: baseline;justify-content: space-between;gap: 10px;margin-top: 12px;padding-top: 12px;border-top: 1px solid var(--pa-ink);font-weight: 780}body[data-page="personal"] .personal-rol-person-total strong{font-family: var(--pa-display);font-size: 1.2rem;letter-spacing: -0.02em}body[data-page="personal"] .personal-rol-person-total.is-ref{border-top-color: var(--pa-line);color: var(--pa-muted);font-weight: 650}body[data-page="personal"] .personal-rol-person-total.is-ref strong{color: var(--warn-text);font-size: 1.05rem}body[data-page="personal"] .personal-rol-person p{margin: 0;font-size: 0.76rem}body[data-page="personal"] .personal-rol-days{margin: 8px 0 0;padding: 0;list-style: none;display: grid;gap: 4px}body[data-page="personal"] .personal-rol-days li{display: flex;justify-content: space-between;gap: 10px;font-size: 0.78rem}body[data-page="personal"] .personal-rol-total{display: flex;align-items: baseline;justify-content: space-between;gap: 10px;margin-top: 12px;padding-top: 12px;border-top: 1px solid var(--pa-ink);font-weight: 780}body[data-page="personal"] .personal-rol-total strong{font-family: var(--pa-display);font-size: 1.35rem;letter-spacing: -0.02em}body[data-page="personal"] .personal-list-head{display: grid;gap: 10px;margin-bottom: 10px}body[data-page="personal"] .personal-list-head .admin-subtabs{display: inline-flex;flex-wrap: nowrap;width: fit-content;max-width: 100%;margin: 0;gap: 0;padding: 3px;border: 1px solid var(--pa-line);border-radius: 2px;background: var(--surface);overflow-x: auto}body[data-page="personal"] .personal-list-head .period-tab{min-height: 32px;padding: 0 12px;border: 0;border-radius: 2px;background: transparent;color: var(--pa-muted);font-weight: 760}body[data-page="personal"] .personal-list-head .period-tab.is-active{background: var(--accent);color: var(--on-accent)}body[data-page="personal"] .personal-pill{display: inline-flex;align-items: center;min-height: 24px;padding: 0 8px;border: 1px solid var(--pa-line-strong);border-radius: 2px;background: var(--pa-wash);color: var(--pa-ink-2);font-size: 0.75rem;font-weight: 780;white-space: nowrap}body[data-page="personal"] .personal-pill.is-pay{border-color: color-mix(in srgb,var(--pa-ok) 28%,transparent);background: var(--pa-ok-soft);color: var(--pa-ok)}body[data-page="personal"] .personal-pill.is-ref{border-color: color-mix(in srgb,var(--pa-gold,var(--warn)) 35%,transparent);background: color-mix(in srgb,var(--pa-gold,var(--warn)) 10%,var(--surface));color: var(--warn-text)}body[data-page="personal"] .personal-pill.is-pm{border-color: color-mix(in srgb,var(--pa-gold) 40%,transparent);background: color-mix(in srgb,var(--pa-gold) 12%,var(--surface));color: var(--warn-text)}body[data-page="personal"] .personal-pill.is-full{border-color: var(--accent);background: var(--accent);color: var(--on-accent)}body[data-page="personal"] .personal-table{width: 100%;border-collapse: collapse;font-size: 0.84rem}body[data-page="personal"] .personal-table thead th{padding: 8px 10px;border-bottom: 1px solid var(--pa-ink);background: var(--pa-wash);color: var(--pa-muted);font-size: 0.75rem;font-weight: 780;letter-spacing: 0.06em;text-transform: uppercase}body[data-page="personal"] .personal-table td{padding: 10px;border-bottom: 1px solid var(--pa-line);vertical-align: middle}body[data-page="personal"] .personal-table td.is-actions{text-align: right;white-space: nowrap}body[data-page="personal"] .personal-table td.is-actions form{display: inline;margin-left: 4px}body[data-page="personal"] .admin-empty{display: grid;gap: 6px;justify-items: start;padding: 18px 4px}body[data-page="personal"] .admin-empty p{margin: 0}body[data-page="personal"] :is(.card,.personal-form,.personal-rol,.personal-stat,.personal-cal-cell){box-shadow: none !important}@media (max-width: 720px){body[data-page="personal"] .personal-stats{grid-template-columns: 1fr}body[data-page="personal"] .personal-table td.is-actions{display: flex;flex-wrap: wrap;gap: 6px;justify-content: flex-end}}@media print{body[data-page="personal"] .appbar,body[data-page="personal"] .topnav,body[data-page="personal"] .personal-form,body[data-page="personal"] .personal-actions,body[data-page="personal"] .personal-stats,body[data-page="personal"] .personal-coverage,body[data-page="personal"] .personal-month-nav,body[data-page="personal"] .personal-print-btn,body[data-page="personal"] .admin-lede,body[data-page="personal"] .flash,body[data-page="personal"] #modal-personal-detalle{display: none !important}body[data-page="personal"] .view{width: 100% !important;padding: 0 !important;background: var(--surface) !important}body[data-page="personal"] #modal-personal-rol{position: static !important;inset: auto !important;display: block !important;opacity: 1 !important;pointer-events: auto !important;background: var(--surface) !important}body[data-page="personal"] #modal-personal-rol .personal-modal{width: 100% !important;max-height: none !important;border: 0 !important;box-shadow: none !important;overflow: visible !important}body[data-page="personal"] #modal-personal-rol .modal-head{display: none !important}body[data-page="personal"] .personal-rol{border: 0;padding: 0;overflow: visible !important}body[data-page="personal"] .personal-rol-brand{display: block;font-size: 1.4rem;margin-bottom: 4px}body[data-page="personal"] #personal-rol.is-printing-one .personal-rol-person:not(.is-print-target){display: none !important}body[data-page="personal"] .personal-rol-actions .personal-print-btn{display: none !important}}.recovery-once{margin: var(--space-3) 0;padding: var(--space-4);background: var(--warn-soft);border: 1px solid var(--line-strong)}.recovery-code{font-size: 1.4rem;letter-spacing: 0.08em;font-weight: 800;margin: var(--space-2) 0}.auth-recover{margin-top: var(--space-3)}.auth-recover summary{cursor: pointer;color: var(--muted)}.staff-edit{margin-bottom: var(--space-4);padding: var(--space-3)}@media (prefers-reduced-motion: reduce){:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-mast,:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-hero,:is(body[data-page="gastos"],body[data-page="anulaciones"],body[data-page="usuarios"],body[data-page="personal"]) .admin-row{animation: none !important}}