:root[data-theme=tmhub][data-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--browser-theme-color:#f3f6f4;--app-bg:#f2f5f3;--surface-1:#fff;--surface-2:#f7f9f8;--surface-3:#eaeeeb;--surface-hover:#e6ece8;--surface-active:#d9e6dd;--sidebar-bg:#0f3d1d;--sidebar-text:#d7e8dc;--sidebar-hover-bg:#16522a;--sidebar-active-bg:#1e6b37;--sidebar-active-text:#fff;--header-bg:#fff;--line:#d9e0db;--line-strong:#b9c6bd;--focus-ring:#155c2752;--text-primary:#16211a;--text-secondary:#46564b;--text-muted:#6f7f74;--text-on-color:#fff;--primary:#155c27;--primary-hover:#1c7433;--primary-soft:#e2f0e6;--primary-contrast:#fff;--accent:#28a34d;--accent-hover:#4bd66e;--accent-soft:#e6f7ea;--danger:#b3261e;--danger-soft:#fce8e6;--warning:#a86a00;--warning-soft:#fdf1dc;--success:#155c27;--success-soft:#e2f0e6;--info:#155c6e;--info-soft:#dceff3;--shadow-1:0 1px 2px #10211514, 0 2px 8px #1021150f;--shadow-2:0 10px 30px #10211524;--chart-1:#155c27;--chart-2:#28a34d;--chart-3:#4bd66e;--chart-4:#a86a00;--chart-5:#b3261e;--chart-6:#155c6e;--scrollbar-track:#eceff0;--scrollbar-thumb:#c2ccc5;--scrollbar-thumb-hover:#a4b1a9}:root[data-theme=tmhub][data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--browser-theme-color:#071009;--app-bg:#0b1310;--surface-1:#121b17;--surface-2:#17221d;--surface-3:#1d2a24;--surface-hover:#24332c;--surface-active:#2c4034;--sidebar-bg:#08120c;--sidebar-text:#b7cdbd;--sidebar-hover-bg:#14251b;--sidebar-active-bg:#1e6b37;--sidebar-active-text:#fff;--header-bg:#101a15;--line:#25332c;--line-strong:#35473d;--focus-ring:#4bd66e61;--text-primary:#e8f1ea;--text-secondary:#b8c9be;--text-muted:#8aa092;--text-on-color:#071009;--primary:#2e9a48;--primary-hover:#3fb45c;--primary-soft:#16301f;--primary-contrast:#071009;--accent:#4bd66e;--accent-hover:#6ee58a;--accent-soft:#13301c;--danger:#ff8a80;--danger-soft:#3a1a19;--warning:#f0b429;--warning-soft:#372a10;--success:#4bd66e;--success-soft:#13301c;--info:#6fd3e0;--info-soft:#122c31;--shadow-1:0 1px 2px #0006, 0 2px 10px #0000004d;--shadow-2:0 12px 34px #00000080;--chart-1:#4bd66e;--chart-2:#2e9a48;--chart-3:#9ce8b0;--chart-4:#f0b429;--chart-5:#ff8a80;--chart-6:#6fd3e0;--scrollbar-track:#101a15;--scrollbar-thumb:#2c4034;--scrollbar-thumb-hover:#3c5747}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{background:var(--app-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:.93rem;line-height:1.45}h1{font-size:1.35rem;font-weight:700}h2{font-size:1.05rem;font-weight:650}h3{font-size:.95rem;font-weight:650}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.icon{flex:none}.icon.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{grid-template-columns:15rem 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--line);flex-direction:column;gap:.4rem;padding:1rem .75rem;display:flex;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--sidebar-hover-bg);align-items:center;gap:.6rem;margin-bottom:.6rem;padding:.2rem .35rem .9rem;display:flex}.sidebar-brand strong{color:var(--sidebar-active-text);letter-spacing:.02em;font-size:1rem}.sidebar-brand span{opacity:.75;font-size:.72rem;display:block}.sidebar-section{letter-spacing:.1em;text-transform:uppercase;opacity:.55;padding:.7rem .5rem .3rem;font-size:.68rem;font-weight:700}.nav-link{color:var(--sidebar-text);border-radius:.55rem;align-items:center;gap:.65rem;padding:.6rem .7rem;font-size:.88rem;font-weight:500;display:flex}.nav-link:hover{background:var(--sidebar-hover-bg);text-decoration:none}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:650}.main-area{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--header-bg);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:.8rem;padding:.7rem 1.2rem;display:flex;position:sticky;top:0}.topbar-user{align-items:center;gap:.6rem;margin-left:auto;display:flex}.topbar-user small{color:var(--text-muted);display:block}.avatar{background:var(--primary-soft);width:2rem;height:2rem;color:var(--primary);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.content{flex-direction:column;flex:1;gap:1rem;min-width:0;padding:1.2rem;display:flex}.mobile-nav,.menu-btn{display:none}.page-header{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.page-header p{color:var(--text-muted);margin-top:.15rem;font-size:.85rem}.page-actions{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.btn{background:var(--surface-3);color:var(--text-primary);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--accent{background:var(--accent);color:var(--text-on-color)}.btn--accent:hover:not(:disabled){background:var(--accent-hover)}.btn--danger{background:var(--danger);color:var(--text-on-color)}.btn--danger:hover:not(:disabled){filter:brightness(1.08);background:var(--danger)}.btn--ghost{border-color:var(--line-strong);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-hover)}.btn--soft{background:var(--primary-soft);color:var(--primary)}.btn--soft:hover:not(:disabled){background:var(--surface-hover)}.btn--sm{padding:.35rem .6rem;font-size:.78rem}.btn--block{width:100%}.icon-btn{border:1px solid var(--line);background:var(--surface-1);width:2.1rem;height:2.1rem;color:var(--text-secondary);cursor:pointer;border-radius:.5rem;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.field-label{color:var(--text-secondary);font-size:.78rem;font-weight:600}.field-label em{color:var(--danger);font-style:normal}.field-hint{color:var(--text-muted);font-size:.74rem}.field-error{color:var(--danger);font-size:.76rem;font-weight:600}.input,.select,.textarea{border:1px solid var(--line-strong);background:var(--surface-1);width:100%;color:var(--text-primary);font:inherit;border-radius:.5rem;padding:.55rem .7rem;font-size:.88rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.input:disabled,.select:disabled{background:var(--surface-2);color:var(--text-muted)}.textarea{resize:vertical;min-height:5rem}.select{appearance:none;background-image:none}.form-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem;display:grid}.form-grid--wide{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.choice{cursor:pointer;align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.choice input{width:1rem;height:1rem;accent-color:var(--primary)}.switch-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .2rem;display:flex}.switch-row:last-child{border-bottom:0}.switch-row small{color:var(--text-muted);font-size:.75rem;display:block}.feedback{border:1px solid #0000;border-radius:.55rem;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.85rem;font-weight:550;display:flex}.feedback--error{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.feedback--success{background:var(--success-soft);color:var(--success);border-color:var(--success)}.loading,.empty{color:var(--text-muted);align-items:center;gap:.5rem;padding:1.2rem .8rem;font-size:.85rem;display:flex}.panel{background:var(--surface-1);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:.75rem;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.panel-header .btn{margin-left:auto}.panel>.form-grid,.panel>.panel-body{padding:1rem}.content-grid{gap:1rem;display:grid}.content-grid--sidebar{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);align-items:start}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.8rem;display:grid}.stat{background:var(--surface-1);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:.75rem;flex-direction:column;gap:.15rem;padding:.85rem 1rem;display:flex}.stat span{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.74rem;font-weight:600}.stat strong{font-variant-numeric:tabular-nums;font-size:1.3rem}.stat--primary strong{color:var(--primary)}.stat--danger strong{color:var(--danger)}.stat--warning strong{color:var(--warning)}.stat--success strong{color:var(--success)}.badge{background:var(--surface-3);color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .55rem;font-size:.74rem;font-weight:650;display:inline-flex}.badge--primary{background:var(--primary-soft);color:var(--primary)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info)}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row--end{justify-content:flex-end}.spread{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.stack{flex-direction:column;gap:.6rem;display:flex}.stack--sm{gap:.3rem}.grow{flex:auto;min-width:0}.muted{color:var(--text-muted);font-size:.82rem}.mono{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.align-right{text-align:right}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.filters{background:var(--surface-1);border:1px solid var(--line);border-radius:.75rem;flex-wrap:wrap;align-items:flex-end;gap:.6rem;padding:.9rem 1rem;display:flex}.filters .field{flex:12rem}.responsive-table{width:100%;overflow-x:auto}.responsive-table table{border-collapse:collapse;width:100%}.responsive-table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:.6rem .9rem;font-size:.74rem;font-weight:700}.responsive-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.65rem .9rem;font-size:.86rem}.responsive-table tbody tr:hover{background:var(--surface-hover)}.responsive-table tbody tr:last-child td{border-bottom:0}.responsive-table-label{display:none}.responsive-table-value .row{gap:.35rem}.pagination{border-top:1px solid var(--line);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .9rem;font-size:.8rem;display:flex}.pagination-buttons{align-items:center;gap:.5rem;margin-left:auto;display:flex}.pagination-page,.pagination-info{font-variant-numeric:tabular-nums}.brand-logo{object-fit:contain;background:var(--surface-3);border:1px solid var(--line);border-radius:.5rem;width:2.6rem;height:2.6rem}.bar-row{grid-template-columns:5.5rem 1fr 6.5rem;align-items:center;gap:.6rem;font-size:.84rem;display:grid}.bar-label{color:var(--text-muted)}.bar-value{text-align:right;font-variant-numeric:tabular-nums}.bar-track{background:var(--surface-3);border-radius:999px;height:.55rem;display:block;overflow:hidden}.bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .2s ease-out;display:block}.rank{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.rank li{border:1px solid var(--line);background:var(--surface-2);border-radius:.55rem;justify-content:space-between;align-items:baseline;gap:.8rem;padding:.4rem .6rem;font-size:.85rem;display:flex}.rank li span{overflow-wrap:anywhere}.thumbnail{object-fit:cover;border:1px solid var(--line);background:var(--surface-3);border-radius:.4rem;width:2.4rem;height:2.4rem}.modal-backdrop{z-index:60;background:#080c0a8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface-1);border:1px solid var(--line);width:100%;max-height:90vh;box-shadow:var(--shadow-2);border-radius:.85rem;flex-direction:column;display:flex}.modal--sm{max-width:24rem}.modal--md{max-width:34rem}.modal--lg{max-width:52rem}.modal--full{max-width:min(78rem,100%);height:92vh}.modal--full .modal-body{padding:1.1rem 1.1rem 0}.modal--full .product-list{max-height:26rem}.modal-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:.8rem;padding:1rem 1.1rem;display:flex}.modal-header p{color:var(--text-muted);margin-top:.15rem;font-size:.82rem}.modal-header .icon-btn{margin-left:auto}.modal-body{padding:1.1rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--line);background:var(--surface-2);justify-content:flex-end;align-items:center;gap:.5rem;padding:.9rem 1.1rem;display:flex}.login-screen{background:radial-gradient(circle at 15% 10%, var(--primary-soft), transparent 55%), radial-gradient(circle at 85% 85%, var(--accent-soft), transparent 50%), var(--app-bg);place-items:center;min-height:100vh;padding:1.2rem;display:grid}.login-card{background:var(--surface-1);border:1px solid var(--line);width:100%;max-width:24rem;box-shadow:var(--shadow-2);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.6rem;display:flex}.login-card header{text-align:center;flex-direction:column;gap:.25rem;display:flex}.login-card header p{color:var(--text-muted);font-size:.84rem}.pos-grid{grid-template-columns:minmax(0,1.4fr) minmax(19rem,1fr);align-items:start;gap:1rem;display:grid}.pos-search{position:relative}.pos-search .input{padding-left:2.1rem}.pos-search .icon{color:var(--text-muted);position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.product-list{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.6rem;max-height:30rem;padding:1rem;display:grid;overflow-y:auto}.product-tile{text-align:left;border:1px solid var(--line);background:var(--surface-2);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:.6rem;flex-direction:column;gap:.3rem;padding:.6rem;display:flex}.product-tile:hover:not(:disabled){border-color:var(--primary);background:var(--surface-hover)}.product-tile:disabled{opacity:.45;cursor:not-allowed}.product-tile strong{font-size:.8rem;line-height:1.25}.product-tile span{color:var(--primary);font-size:.82rem;font-weight:700}.product-tile small{color:var(--text-muted);font-size:.7rem}.cart-list{flex-direction:column;gap:.5rem;max-height:20rem;padding:.9rem 1rem;display:flex;overflow-y:auto}.cart-item{border-bottom:1px dashed var(--line);align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.cart-item:last-child{border-bottom:0}.cart-item-name{font-size:.84rem;font-weight:600}.cart-totals{border-top:1px solid var(--line);background:var(--surface-2);flex-direction:column;gap:.35rem;padding:.9rem 1rem;display:flex}.cart-totals .spread{font-size:.85rem}.cart-totals .spread strong{font-variant-numeric:tabular-nums}.cart-totals .spread--total{font-size:1.05rem;font-weight:700}.qty{border:1px solid var(--line-strong);border-radius:.45rem;align-items:center;display:inline-flex;overflow:hidden}.qty button{background:var(--surface-1);width:1.7rem;height:1.7rem;color:var(--text-primary);cursor:pointer;border:0;place-items:center;display:grid}.qty button:hover{background:var(--surface-hover)}.qty input{border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;background:var(--surface-1);width:3rem;height:1.7rem;color:var(--text-primary);font:inherit;font-size:.82rem}.pay-options{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.5rem;display:grid}.pay-option{border:1px solid var(--line-strong);background:var(--surface-1);color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:.6rem;flex-direction:column;align-items:center;gap:.25rem;padding:.7rem .4rem;font-size:.8rem;font-weight:600;display:flex}.pay-option:hover{background:var(--surface-hover)}.pay-option.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.keypad{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.keypad button{font-variant-numeric:tabular-nums;padding:.9rem 0;font-size:1.05rem;font-weight:650}@media (width<=60rem){.content-grid--sidebar,.pos-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=48rem){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:50;width:15rem;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-open{box-shadow:var(--shadow-2);transform:translate(0)}.app-shell.is-drawer-open:after{content:"";z-index:45;background:#080c0a80;position:fixed;inset:0}.menu-btn{display:inline-grid}.content{padding:.9rem .8rem 5.5rem}.topbar{padding:.6rem .8rem}.topbar .topbar-title{display:none}.mobile-nav{z-index:40;background:var(--header-bg);border-top:1px solid var(--line);padding:.3rem .2rem calc(.3rem + env(safe-area-inset-bottom));grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;inset:auto 0 0}.mobile-nav .nav-link{text-align:center;flex-direction:column;justify-content:center;gap:.15rem;padding:.45rem .1rem;font-size:.65rem}.mobile-nav .nav-link.active{color:var(--primary);background:0 0}.responsive-table th{display:none}.responsive-table,.responsive-table table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table tr{background:var(--surface-1);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:.7rem;margin:0 .6rem .7rem;padding:.3rem 0}.responsive-table td{border:0;padding:.3rem .8rem}.responsive-table tbody tr:hover{background:0 0}.responsive-table-cell{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.responsive-table-label{color:var(--text-muted);font-size:.74rem;font-weight:600;display:block}.responsive-table-value,.align-right{text-align:right}.pagination{justify-content:center}.page-actions{width:100%;margin-left:0}.page-actions .btn{flex:auto}.modal--lg{max-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pos-scan{flex-direction:column;gap:.6rem;padding:1rem;display:flex}.pos-scan .input{letter-spacing:.04em;min-height:3.2rem;font-size:1.15rem;font-weight:700}.pos-keys{flex-wrap:wrap;gap:.5rem;padding:0 1rem 1rem;display:flex}.pos-key{border:1px solid var(--line-strong);background:var(--surface-1);min-height:2.9rem;color:var(--text-primary);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:.6rem;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.82rem;font-weight:650;display:inline-flex}.pos-key:hover:not(:disabled){border-color:var(--primary);background:var(--surface-hover)}.pos-key:active:not(:disabled){transform:translateY(1px)}.pos-key:disabled{opacity:.45;cursor:not-allowed}.pos-key kbd{font:inherit;background:var(--surface-3);color:var(--text-muted);border-radius:.3rem;padding:.1rem .35rem;font-size:.7rem;font-weight:800}.pos-last{flex-direction:column;gap:.45rem;padding:.9rem 1rem;display:flex}.pos-last .spread strong{font-variant-numeric:tabular-nums}.pos-total{color:var(--primary);text-align:right;font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:1.6rem;font-weight:800}.pos-falta{color:var(--danger)}@media (width<=48rem){.pos-key{flex:calc(50% - .5rem);justify-content:center;min-height:3.1rem}.pos-scan .input{font-size:1rem}}