:root{--color-bg-primary: #121212;--color-bg-secondary: #1E1E1E;--color-bg-tertiary: #2C2C2C;--color-text-primary: #F5F5F5;--color-text-secondary: #d1d1d1;--color-text-muted: #808080;--color-accent-primary: #6366f1;--color-accent-secondary: #ec4899;--color-accent-tertiary: #14b8a6;--color-status-success: #10b981;--color-status-warning: #f59e0b;--color-status-error: #ef4444;--color-status-info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--border-color: #333333;--font-family-base: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-family-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%;width:100%;margin:0;padding:0;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:none;cursor:pointer;font-weight:600;transition:opacity .2s}.btn:hover{opacity:.9}.btn--primary{background-color:var(--color-accent-primary);color:#fff}.btn--secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.card{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-lg);border:1px solid var(--border-color)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:5px;border:2px solid var(--color-bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-bg-tertiary) var(--color-bg-primary)}.layout{display:flex;height:100vh;width:100vw;background-color:var(--color-bg-primary);color:var(--color-text-primary);position:relative;margin:0;padding:0;box-sizing:border-box;overflow:hidden}.layout__sidebar{width:260px;background-color:var(--color-bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:var(--spacing-md);transition:width .3s ease,transform .3s ease;position:relative;z-index:50;overflow-y:auto;max-height:100vh}@media(max-width:1024px){.layout__sidebar{width:220px;padding:var(--spacing-sm)}}@media(max-width:900px){.layout__sidebar{width:180px;padding:var(--spacing-xs)}}@media(max-width:800px){.layout__sidebar{width:160px;padding:.5rem}.layout__logo h2{font-size:1.2rem}.nav__link{padding:.5rem;font-size:.85rem;gap:.5rem}.nav__sublink{padding:.4rem .5rem;font-size:.8rem}}.layout--collapsed .layout__sidebar{width:80px;padding:var(--spacing-md) var(--spacing-sm)}.layout__toggle{position:absolute;top:20px;right:-12px;width:24px;height:24px;background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;z-index:101;transition:all .2s}.layout__toggle:hover{background-color:var(--color-accent-primary);color:#fff}.layout__logo{padding:var(--spacing-md) 0 var(--spacing-xl);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md);text-align:center;overflow:hidden;white-space:nowrap}.layout__logo h2{color:var(--color-accent-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.layout__nav{flex:1}.nav__list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.nav__link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius-md);transition:all .2s ease;overflow:hidden;white-space:nowrap}.layout--collapsed .nav__link{justify-content:center;padding:var(--spacing-md) 0}.nav__link:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav__link--active{background-color:var(--color-accent-primary);color:#fff}.nav__link--active:hover{background-color:var(--color-accent-primary);opacity:.9}.layout__content{flex:1;overflow-y:auto;min-width:0}.layout__content:has(.pos-container){padding:0}@media(max-width:1024px){.layout__content{padding:var(--spacing-md)}}@media(max-width:800px){.layout__content{padding:.3rem}}@media(max-width:800px)and (max-height:600px){.layout__content{padding:.2rem}}.layout__footer{padding-top:var(--spacing-md);border-top:1px solid var(--border-color);position:relative}.user-profile{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:background-color .2s}.user-profile:hover{background-color:var(--color-bg-tertiary)}.user-avatar{width:36px;height:36px;background-color:var(--color-accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.user-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--color-text-secondary)}.user-chevron{color:var(--color-text-muted);transition:transform .2s}.user-chevron.open{transform:rotate(180deg)}.user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--spacing-sm);background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xs);box-shadow:0 4px 20px #00000080;z-index:60;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--color-text-primary);text-align:left;cursor:pointer;border-radius:var(--border-radius-sm);font-size:.875rem;transition:background-color .2s}.dropdown-item:hover{background-color:var(--color-bg-tertiary)}.dropdown-divider{height:1px;background-color:var(--border-color);margin:var(--spacing-xs) 0}.text-danger{color:var(--color-status-error)}.text-danger:hover{background-color:#ef44441a}.layout--collapsed .user-profile{justify-content:center;padding:var(--spacing-sm) 0}.layout--collapsed .user-dropdown{left:100%;bottom:0;margin-left:var(--spacing-sm);width:200px}.layout__overlay{display:none}@media(max-width:768px){.layout__sidebar{position:fixed;height:100vh;transform:translate(-100%);width:260px;box-shadow:none}.layout__sidebar.mobile-open{transform:translate(0);box-shadow:2px 0 10px #00000080}.layout__content{padding:var(--spacing-md);margin-left:0}.layout__toggle{display:flex;top:var(--spacing-md);right:-40px;background-color:var(--color-bg-secondary);width:40px;height:40px;border-radius:0 8px 8px 0}.layout--collapsed .layout__sidebar{width:260px}.layout__overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:40}}.nav__sublist{display:flex;flex-direction:column;gap:4px;margin-left:20px;margin-top:4px;border-left:1px solid var(--border-color);padding-left:4px}.layout--collapsed .nav__sublist{margin-left:0;border-left:none;padding-left:0;gap:2px}.nav__sublink{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-md);color:var(--color-text-secondary);text-decoration:none;font-size:.9em;border-radius:var(--border-radius-md);transition:all .2s ease}.layout--collapsed .nav__sublink{justify-content:center;padding:var(--spacing-sm) 0;gap:0;position:relative}.layout--collapsed .nav__sublink span{display:none}.layout--collapsed .nav__sublink .nav__badge{position:absolute;top:-2px;right:-2px;margin-left:0;font-size:.6em;padding:1px 4px;min-width:16px}.nav__sublink:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav__sublink--active{background-color:var(--color-bg-tertiary);color:var(--color-accent-primary);font-weight:500}.nav__badge{margin-left:auto;background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.7em;padding:2px 6px;border-radius:10px;font-weight:700;min-width:20px;text-align:center}.nav__badge--error{background:var(--color-status-error);color:#fff}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.page__header{display:flex;justify-content:space-around;align-items:flex-start;margin:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.page__title{margin-bottom:var(--spacing-xs)}.page__subtitle{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-sm)}.date-badge{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--color-bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:2rem;font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.recent-activity .card__header,.quick-actions .card__header{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.card__header h3{font-size:1.1rem;font-weight:600;margin:0}.card__label{color:var(--color-text-secondary);font-size:.875rem}.card__icon{color:var(--color-accent-primary);opacity:.8}.card__value{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.card__trend{font-size:.75rem;font-weight:600}.card__trend--positive{color:var(--color-status-success)}.card__trend--negative{color:var(--color-status-error)}.card__trend--neutral{color:var(--color-text-muted)}.card__subtext{font-size:.75rem;color:var(--color-text-muted);display:block}.card--highlight{border-color:var(--color-accent-primary);background:linear-gradient(145deg,var(--color-bg-secondary),rgba(99,102,241,.05))}.progress-bar{height:6px;background-color:var(--color-bg-tertiary);border-radius:3px;overflow:hidden;margin-top:var(--spacing-sm)}.progress-fill{height:100%;background-color:var(--color-status-info);border-radius:3px}.dashboard__content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-md)}@media(max-width:768px){.dashboard__content{grid-template-columns:1fr}}.activity-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;align-items:center;gap:var(--spacing-md)}.activity-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.activity-icon.sale{background-color:#10b9811a;color:var(--color-status-success)}.activity-icon.alert{background-color:#f59e0b1a;color:var(--color-status-warning)}.activity-details{flex:1;display:flex;flex-direction:column}.activity-title{font-size:.9rem;font-weight:500}.activity-time{font-size:.75rem;color:var(--color-text-muted)}.activity-amount{font-weight:600;color:var(--color-status-success)}.activity-action{font-size:.8rem;color:var(--color-accent-primary);cursor:pointer}.actions-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.action-btn{padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid transparent;border-radius:var(--border-radius-md);color:var(--color-text-primary);cursor:pointer;text-align:left;transition:all .2s}.action-btn:hover{background-color:var(--color-bg-primary);border-color:var(--color-border)}.action-btn.warning{color:var(--color-status-error);border-color:#ef444433}.action-btn.warning:hover{background-color:#ef44441a}.pos-container{display:flex;height:100%;gap:var(--spacing-sm);overflow:hidden;width:100%;box-sizing:border-box;margin:0;padding:0}@media(max-width:1024px){.pos-container{gap:var(--spacing-xs)}}@media(max-width:800px){.pos-container{gap:.15rem;height:100%;min-height:100%}}@media(max-width:800px)and (max-height:600px){.pos-container{gap:.1rem}}.pos-products{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding-right:var(--spacing-sm);min-width:0;min-height:0}@media(max-width:800px){.pos-products{gap:var(--spacing-sm);padding-right:.3rem}}@media(max-width:800px)and (max-height:600px){.pos-products{gap:.4rem;padding-right:.2rem}}.pos-header{display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--color-bg-primary);position:sticky;top:0;z-index:10;padding-bottom:var(--spacing-sm);flex-shrink:0}@media(max-width:1024px){.pos-header{gap:var(--spacing-sm);padding-bottom:var(--spacing-xs)}}@media(max-width:850px){.pos-header{gap:.5rem;padding-bottom:.4rem}}@media(max-width:800px){.pos-header{gap:.4rem;padding-bottom:.3rem}}@media(max-width:800px)and (max-height:600px){.pos-header{gap:.3rem;padding-bottom:.2rem}}.search-bar,.pos__search-bar{display:flex;align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md)}@media(max-width:1024px){.search-bar{padding:var(--spacing-xs) var(--spacing-sm)}}.search-icon{color:var(--color-text-secondary);margin-right:var(--spacing-sm)}.search-input{background:none;border:none;color:var(--color-text-primary);width:100%;font-size:1rem;outline:none}@media(max-width:1024px){.search-input{font-size:.9rem}}@media(max-width:850px){.search-input{font-size:.85rem}}.category-filters,.pos__category-filters{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm)}.category-btn{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:2rem;cursor:pointer;white-space:nowrap;transition:all .2s;font-size:.9rem}@media(max-width:1024px){.category-btn{padding:.4rem .75rem;font-size:.85rem}}@media(max-width:850px){.category-btn{padding:.35rem .6rem;font-size:.8rem}}.category-btn:hover{background-color:var(--color-bg-tertiary)}.category-btn--active{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.products-grid,.pos__products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-xs)}}@media(max-width:900px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:.5rem}}@media(max-width:850px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.4rem}}.product-card,.pos__product-card{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);cursor:pointer;text-align:left;transition:transform .1s,border-color .2s;display:flex;flex-direction:column;justify-content:space-between;min-height:120px}@media(max-width:1024px){.product-card{padding:var(--spacing-xs);min-height:95px}}@media(max-width:900px){.product-card{padding:.5rem;min-height:85px}}@media(max-width:850px){.product-card{padding:.4rem;min-height:80px}}.product-card:hover{border-color:var(--color-accent-primary);transform:translateY(-2px)}.product-card:active{transform:translateY(0)}.tables-view{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tables-selecting-banner{padding:.5rem .75rem;margin-bottom:.25rem;background-color:#3b82f61f;border:1px solid rgba(59,130,246,.6);border-radius:var(--border-radius-md);font-size:.85rem;color:var(--color-text-primary);display:flex;align-items:center;gap:.5rem}.tables-selecting-banner:before{content:"🡆";font-size:1rem}.tables-grid--selecting{border:1px dashed rgba(59,130,246,.5);border-radius:var(--border-radius-lg);padding:.25rem;animation:pulse-select 1.4s infinite}.table-card.selecting{cursor:pointer;box-shadow:0 0 0 2px #3b82f699}@keyframes pulse-select{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 6px #3b82f600}to{box-shadow:0 0 #3b82f600}}.product-card__name{font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-size:.9rem}@media(max-width:1024px){.product-card__name{font-size:.85rem;margin-bottom:.25rem}}@media(max-width:850px){.product-card__name{font-size:.8rem}}.product-card__price{font-size:1.25rem;font-weight:700;color:var(--color-accent-primary)}@media(max-width:1024px){.product-card__price{font-size:1.1rem}}@media(max-width:900px){.product-card__price{font-size:1rem}}.product-card__stock{font-size:.75rem;color:var(--color-text-muted);margin-top:auto}@media(max-width:1024px){.product-card__stock{font-size:.7rem}}@media(max-width:850px){.product-card__stock{font-size:.65rem}}.pos-cart{width:100%;min-width:360px;background-color:var(--color-bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;border-radius:var(--border-radius-md);overflow:hidden;margin:0;padding:0;height:100%;flex-shrink:0;position:relative}@media(max-width:1024px){.pos-cart{width:100%;min-width:0;max-width:none}}@media(max-width:900px){.pos-cart{width:100%;min-width:0;max-width:none}}@media(max-width:850px){.pos-cart{width:100%;min-width:0;max-width:none}}.cart-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-tertiary);flex-shrink:0;margin:0}@media(max-width:1024px){.cart-header{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}}@media(max-width:850px){.cart-header{padding:.5rem;font-size:.8rem}}.cart-items{flex:1;overflow-y:auto;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:0}@media(max-width:1024px){.cart-items{padding:var(--spacing-xs);gap:.5rem}}@media(max-width:850px){.cart-items{padding:.4rem;gap:.4rem}}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);gap:var(--spacing-md);padding:var(--spacing-md)}@media(max-width:1024px){.empty-cart{gap:var(--spacing-sm);padding:var(--spacing-sm)}.empty-cart svg{width:36px;height:36px}.empty-cart p{font-size:.85rem}}@media(max-width:850px){.empty-cart{gap:.5rem;padding:.5rem}.empty-cart svg{width:32px;height:32px}.empty-cart p{font-size:.8rem}}.cart-item{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}@media(max-width:1024px){.cart-item{gap:.5rem;padding-bottom:.5rem}}@media(max-width:850px){.cart-item{gap:.4rem;padding-bottom:.4rem;font-size:.85rem}}.cart-item__info{flex:1}.cart-item__name{font-weight:500;font-size:.9rem}@media(max-width:1024px){.cart-item__name{font-size:.85rem}}@media(max-width:850px){.cart-item__name{font-size:.8rem}}.cart-item__price{font-size:.8rem;color:var(--color-text-secondary)}@media(max-width:1024px){.cart-item__price{font-size:.75rem}}@media(max-width:850px){.cart-item__price{font-size:.7rem}}.cart-item__controls{display:flex;align-items:center;gap:var(--spacing-xs);background-color:var(--color-bg-primary);border-radius:var(--border-radius-sm);padding:2px}.qty-btn{background:none;border:none;color:var(--color-text-primary);padding:4px;cursor:pointer;display:flex;align-items:center}.qty-btn:hover{color:var(--color-accent-primary)}.qty-value{font-size:.9rem;min-width:20px;text-align:center}.cart-item__total{font-weight:600;min-width:60px;text-align:right}.remove-btn{background:none;border:none;color:var(--color-status-error);cursor:pointer;padding:4px;opacity:.7}.remove-btn:hover{opacity:1}.opened-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;opacity:.7;transition:all .2s;display:flex;align-items:center}.opened-btn:hover{opacity:1;color:var(--color-status-warning)}.opened-btn.opened{color:var(--color-status-warning);opacity:1}.opened-btn.opened:hover{filter:brightness(1.2)}.cart-footer{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border-top:1px solid var(--border-color);overflow-y:auto;flex-shrink:0;min-height:fit-content}@media(max-width:1024px){.cart-footer{padding:var(--spacing-xs) var(--spacing-sm)}}@media(max-width:850px){.cart-footer{padding:.5rem}}.summary-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:.9rem}.summary-row.total{color:var(--color-text-primary);font-weight:700;font-size:1.1rem;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}@media(max-width:1024px){.summary-row{font-size:.85rem}.summary-row.total{font-size:1rem}}.payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}@media(max-width:1024px){.payment-actions{gap:var(--spacing-xs);grid-template-columns:1fr}}.pay-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:.9rem;cursor:pointer}@media(max-width:1024px){.pay-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem;gap:.25rem}}.pay-btn{transition:opacity .2s}.pay-btn:hover{opacity:.9}.pay-btn--cash{background-color:var(--color-status-success);color:#fff}.pay-btn--card{background-color:var(--color-accent-primary);color:#fff}.pay-btn--transfer{background-color:#8b5cf6;color:#fff}.pay-btn--table{background-color:#f59e0b;color:#fff;grid-column:span 2}@media(max-width:1024px){.pay-btn--table{grid-column:span 1}}.pay-btn:disabled{opacity:.5;cursor:not-allowed}.change-calculator{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xs)}@media(max-width:1024px){.change-calculator{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);gap:.25rem}}.calc-row{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}@media(max-width:1024px){.calc-row{font-size:.85rem}}.tender-input{width:120px;padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;font-weight:500;text-align:right}@media(max-width:1024px){.tender-input{width:100px;padding:5px 8px;font-size:.95rem}}@media(max-width:850px){.tender-input{width:90px;padding:4px 6px;font-size:.9rem}}.change-display{font-weight:600;color:var(--color-status-success);font-size:1.1rem;min-width:100px;text-align:right;display:inline-block}@media(max-width:1024px){.change-display{font-size:1rem;min-width:90px}}@media(max-width:850px){.change-display{font-size:.95rem;min-width:80px}}.change-display.insufficient{color:var(--color-status-error)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.pos-header{display:flex;gap:1rem;margin-bottom:2rem}.pos-actions-group{display:flex;gap:.5rem}.btn-orders-trigger,.btn-alerts-trigger{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--border-color);padding:0 1rem;border-radius:var(--border-radius-md);display:flex;align-items:center;gap:.5rem;cursor:pointer;position:relative;font-weight:500;height:40px}.btn-orders-trigger:hover,.btn-alerts-trigger:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background-color:var(--color-bg-tertiary)}.pos-container{display:grid;grid-template-columns:minmax(0,3.5fr) minmax(320px,400px);height:100vh;overflow:hidden;background-color:var(--color-bg-primary)}@media(min-width:769px)and (max-width:1200px){.pos-container{grid-template-columns:minmax(0,2.6fr) minmax(320px,.9fr)}}.pos-main-section{display:flex;flex-direction:column;height:100%;overflow:hidden;border-right:1px solid var(--border-color);min-width:0;flex:1;max-width:100%;margin:0;padding:0}@media(max-width:1024px){.pos-main-section{flex:1 1 auto}}@media(max-width:800px){.pos-main-section{flex:1 1 0;min-width:0;overflow:hidden}}.pos-tabs-header{display:flex;gap:1px;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--border-color);padding:0}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:transparent;border:none;color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;position:relative}.tab-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.tab-btn.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary);background-color:#6366f10d}.pos-content-view{flex:1;overflow-y:auto;padding:var(--spacing-md);position:relative;min-height:0;height:100%}@media(max-width:1024px){.pos-content-view{padding:var(--spacing-sm)}}@media(max-width:800px){.pos-content-view{padding:.5rem}}@media(max-width:800px)and (max-height:600px){.pos-content-view{padding:.3rem}}.orders-view .orders-list,.alerts-view .alerts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.tables-config-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md);background-color:var(--color-bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color);width:100%}.tables-config-main{display:flex;align-items:center;gap:var(--spacing-sm)}.tables-config-input{width:60px;padding:4px 8px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary)}.tables-view-tabs{display:flex;align-items:center;gap:.5rem}.tables-view-tab{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.tables-view-tab--active{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;padding:.5rem;cursor:pointer}.tables-floor{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;min-height:260px}.tables-floor--selecting{border-style:dashed}.table-seat{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:50%;background-color:var(--color-bg-primary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:.8rem}.table-seat.empty{opacity:.7}.table-seat.occupied{border-color:var(--color-status-success)}.table-seat.active{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #818cf880}.table-seat-number{font-weight:600}.table-seat-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background-color:var(--color-status-success);box-shadow:0 0 6px var(--color-status-success)}.tables-position{position:relative;margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);min-height:360px;overflow:hidden}.tables-position--selecting{border-style:dashed}.table-node{position:absolute;width:110px;height:60px;border-radius:var(--border-radius-md);background-color:var(--color-bg-primary);border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;padding:4px 6px;cursor:grab;font-size:.75rem;transition:box-shadow .2s,border-color .2s,transform .1s}.table-node:active{cursor:grabbing;transform:scale(1.02)}.table-node.empty{opacity:.8}.table-node.occupied{border-color:var(--color-status-success)}.table-node.active{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #818cf880}.table-node-top{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.75rem}.table-node-number{color:var(--color-text-primary)}.table-node-bottom{display:flex;justify-content:space-between;gap:.25rem;font-size:.7rem;color:var(--color-text-secondary)}.table-node-pax{font-style:italic}.table-node-total{font-weight:600;color:var(--color-text-primary)}.table-card{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.75rem;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;transition:transform .2s,border-color .2s;position:relative;font-size:.9em}.table-card.occupied{border-color:var(--color-status-warning);background:linear-gradient(145deg,var(--color-bg-secondary),rgba(245,158,11,.05))}.table-card.empty{border-color:var(--color-status-success);opacity:.8}.table-card:hover{transform:translateY(-2px)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.table-number{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-status-warning);box-shadow:0 0 6px var(--color-status-warning)}.table-card.empty .table-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-status-success);font-weight:600;font-size:.9rem}.table-details{display:flex;flex-direction:column;gap:.25rem}.table-customers{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-total{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:.25rem 0}.btn-collect-table{width:100%;padding:.5rem;background-color:var(--color-accent-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;transition:opacity .2s;font-size:.85rem}.btn-collect-table:hover{opacity:.9}.pos-products{display:flex;flex-direction:column;height:auto}.badge-count{background-color:var(--color-accent-primary);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;position:absolute;top:-5px;right:-5px;font-weight:700;box-shadow:0 2px 4px #0003}.badge-count--error{background-color:#ef4444}.orders-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center}.orders-modal{background-color:var(--color-bg-card);width:90%;max-width:500px;max-height:80vh;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;box-shadow:0 8px 30px #00000080}.orders-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.orders-list{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.order-card{background-color:var(--color-bg-primary);border:1px solid var(--border-color);padding:1rem;border-radius:var(--border-radius-md)}.order-card-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.table-badge{background-color:var(--color-accent-primary);color:#fff;padding:2px 8px;border-radius:4px;font-size:.85rem;font-weight:700}.order-meta{display:flex;flex-direction:column;gap:.25rem}.customer-name{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.order-time{color:var(--color-text-secondary);font-size:.85rem;align-self:flex-start}.order-items-list{list-style:none;padding:0;margin:.5rem 0 1rem;font-size:.95rem;color:var(--color-text-secondary)}.order-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-reject-order{flex:1;background-color:transparent;border:1px solid var(--color-status-error);color:var(--color-status-error);padding:.6rem;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.btn-reject-order:hover{background-color:#ef44441a}.btn-load-order{flex:2;background-color:var(--color-status-success);color:#fff;border:none;padding:.6rem;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s}.btn-load-order:hover{transform:translateY(-2px);background-color:#059669}.btn-assign-table{flex:2;background-color:var(--color-accent-primary);color:#fff;border:none;padding:.6rem;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s}.btn-assign-table:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-approve-order{flex:2;background-color:var(--color-status-success);color:#fff;border:none;padding:.6rem;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .2s}.btn-approve-order:hover{transform:translateY(-2px);filter:brightness(1.1)}.order-card--pending-approval{border-left:4px solid var(--color-status-warning);background:linear-gradient(145deg,var(--color-bg-primary),rgba(245,158,11,.05))}.section-title{font-size:1rem;color:var(--color-text-secondary);margin:1rem 0 .5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.alerts-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.alert-card{background-color:var(--color-bg-primary);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease-out}.alert-card.bill{border-left:4px solid var(--color-status-success)}.alert-card.waiter{border-left:4px solid var(--color-status-warning)}.alert-info{display:flex;align-items:center;gap:.75rem;color:var(--color-text-primary)}.btn-resolve{background:none;border:1px solid var(--border-color);color:var(--color-text-secondary);padding:.4rem .8rem;border-radius:99px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.4rem}.btn-resolve:hover{background-color:var(--color-bg-secondary);border-color:var(--color-status-success);color:var(--color-status-success)}.no-orders{text-align:center;color:var(--color-text-secondary);padding:2rem}.qty-input{width:40px;text-align:center;border:none;background:transparent;color:var(--color-text-primary);font-size:.9rem;font-weight:500;padding:0;outline:none}.qty-input:focus{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.pos-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pos-modal{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;width:90%;max-width:500px;box-shadow:0 10px 40px #00000080;animation:modalSlideUp .3s ease-out}.pos-modal--small{max-width:400px}.pos-modal h3{margin-bottom:1.5rem;color:var(--color-accent-primary)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.form-group input{padding:.75rem;background-color:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.btn-cancel{background:none;border:1px solid var(--border-color);color:var(--color-text-secondary);padding:.75rem 1.5rem;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600}.btn-confirm{background-color:var(--color-accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600}.table-pax{font-size:.75rem;color:var(--color-text-muted);font-style:italic}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.cart-view-toggle{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1200}.cart-toggle-btn{width:50px;height:50px;border-radius:50%;background-color:var(--color-bg-secondary);border:2px solid var(--border-color);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;box-shadow:0 4px 12px #0000004d}.cart-toggle-btn:hover{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);transform:scale(1.1)}.cart-toggle-btn.active{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);box-shadow:0 4px 20px #8b5cf680}@media(max-width:1024px){.cart-view-toggle{bottom:90px;right:16px;transform:none;flex-direction:row;gap:12px}.cart-toggle-btn{width:45px;height:45px}}.custom-context-menu{position:fixed;background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:0 4px 15px #00000080;z-index:2000;padding:4px;min-width:150px;display:flex;flex-direction:column}.custom-context-menu button{background:none;border:none;color:var(--color-text-primary);padding:10px 15px;text-align:left;cursor:pointer;border-radius:var(--border-radius-sm);font-size:.9rem;transition:background-color .2s}.custom-context-menu button:hover{background-color:var(--color-bg-tertiary);color:var(--color-accent-primary)}.custom-context-menu button:disabled{opacity:.5;cursor:not-allowed}.custom-context-menu button:disabled:hover{background-color:transparent;color:var(--color-text-primary)}.table-card.active{border-color:var(--color-accent-primary);border-width:2px;background:linear-gradient(145deg,var(--color-bg-secondary),rgba(99,102,241,.1))}.btn-reset-pos{background-color:var(--color-status-error);color:#fff;border:none;padding:4px 10px;border-radius:var(--border-radius-sm);font-size:.75rem;cursor:pointer;font-weight:600}.pay-btn--confirm{background-color:var(--color-status-success);grid-column:span 3}.pay-btn--confirm:hover{filter:brightness(1.1)}.table-consumption-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.table-info-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background-color:var(--color-bg-tertiary);display:flex;flex-direction:column;gap:var(--spacing-sm)}.table-info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.info-value{font-size:.9rem;color:var(--color-text-primary);font-weight:500}.consumption-items{flex:1;overflow-y:auto;padding:var(--spacing-md)}.consumption-title{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.order-group{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--color-bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.order-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px dashed var(--border-color)}.order-time{font-size:.75rem;color:var(--color-text-muted)}.order-total{font-size:.9rem;font-weight:600;color:var(--color-accent-primary)}.order-items-list-view{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-item-view{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:.9rem}.item-qty{font-weight:600;color:var(--color-text-secondary);min-width:30px}.item-name{flex:1;color:var(--color-text-primary)}.item-subtotal{font-weight:600;color:var(--color-text-primary);min-width:70px;text-align:right}.table-total-summary{padding:var(--spacing-md);border-top:1px solid var(--border-color);background-color:var(--color-bg-tertiary)}.table-actions{padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.pay-btn--add{background-color:var(--color-status-success);color:#fff}.mobile-nav-tabs{display:none}@media(max-width:768px){.pos-container{display:block;height:100vh;position:relative;overflow:hidden}.mobile-nav-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background-color:var(--color-bg-secondary);border-top:1px solid var(--border-color);z-index:1000;padding:var(--spacing-sm);gap:var(--spacing-sm)}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;border-radius:var(--border-radius-md);transition:all .2s;position:relative}.mobile-tab.active{background-color:var(--color-accent-primary);color:#fff}.mobile-tab-badge{position:absolute;top:4px;right:8px;background-color:var(--color-status-error);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:10px;font-weight:700;min-width:18px;text-align:center}.pos-container{position:relative;overflow:hidden}.pos-main-section{position:absolute;top:0;left:0;width:100%;height:calc(100vh - 80px);margin-bottom:80px;transition:transform .3s ease-in-out;z-index:1;flex:none}.pos-main-section.mobile-active{transform:translate(0);pointer-events:auto}.pos-main-section.mobile-hidden{transform:translate(-100%);pointer-events:none}.pos-cart{position:absolute;top:0;right:0;width:100%;height:calc(100vh - 80px);margin-bottom:80px;border-left:none;border-radius:0;transition:transform .3s ease-in-out;z-index:2}.pos-cart.mobile-active{transform:translate(0);pointer-events:auto}.pos-cart.mobile-hidden{transform:translate(100%);pointer-events:none}.pos-content-view{height:100%;overflow-y:auto;padding-bottom:var(--spacing-md)}}.table{width:100%;border-collapse:collapse}.table__head th{text-align:left;padding:var(--spacing-md);color:var(--color-text-secondary);font-weight:600;border-bottom:1px solid var(--border-color)}.table__body td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--color-text-primary)}.table__row--even{background-color:var(--color-bg-primary)}.table__row--odd{background-color:#ffffff05}.table__row:hover{background-color:#8b5cf61a}.table__cell--primary{font-weight:500;color:var(--color-text-primary)}.inventory-edit-input{width:100%;padding:.25rem .5rem;background-color:var(--color-bg-secondary);border:2px solid var(--color-accent-primary);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:inherit;font-family:inherit;outline:none}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap;min-width:72px;text-align:center}.badge--success{background-color:#10b9812e;color:var(--color-status-success)}.badge--warning{background-color:#f59e0b2e;color:var(--color-status-warning)}.btn-icon{background:none;border:none;color:var(--color-accent-primary);cursor:pointer;font-size:.875rem}.btn-icon:hover{text-decoration:underline}.inventory-modal__overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.inventory-modal{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);padding:2rem;max-width:500px;width:95%;border:1px solid var(--border-color);box-shadow:0 10px 40px #0009}.inventory-modal__title{margin:0 0 1rem;font-size:1.4rem;color:var(--color-text-primary)}.inventory-modal__form{display:flex;flex-direction:column;gap:1rem}.inventory-modal__field{display:flex;flex-direction:column;gap:.25rem}.inventory-modal__field label{font-size:.85rem;color:var(--color-text-secondary)}.inventory-modal__field input{padding:.5rem .75rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--color-bg-primary);color:var(--color-text-primary);outline:none}.inventory-modal__field input:focus{border-color:var(--color-accent-primary)}.inventory-modal__field select{padding:.5rem .75rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--color-bg-primary);color:var(--color-text-primary);outline:none}.inventory-modal__field select:focus{border-color:var(--color-accent-primary)}.inventory-modal__field-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.inventory-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.inventory__tabs{display:flex;gap:.5rem}.inventory__tab{padding:.5rem 1rem;border-radius:var(--border-radius-md);border:1px solid transparent;background:none;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem}.inventory__tab--active{background-color:var(--color-bg-tertiary);border-color:var(--border-color);color:var(--color-text-primary)}.inventory__categories{margin-top:var(--spacing-md)}.inventory__categories-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.inventory__categories-form{display:flex;gap:.5rem}.inventory__categories-form input{padding:.4rem .75rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--color-bg-primary);color:var(--color-text-primary)}.inventory__categories-empty{color:var(--color-text-secondary);font-size:.9rem}.inventory__categories-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.inventory__categories-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:var(--border-radius-md);background-color:var(--color-bg-primary);border:1px solid var(--border-color)}.inventory__categories-name{font-weight:500}.inventory__categories-count{font-size:.8rem;color:var(--color-text-secondary);margin-left:.5rem}.users-container{padding:2rem;max-width:1200px;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.users-header h1{font-size:2rem;color:var(--color-text-primary)}.btn-add-user{background-color:var(--color-accent-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:background-color .2s}.btn-add-user:hover{background-color:var(--color-accent-secondary)}.users-table-section{margin-bottom:2rem}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);text-align:left;font-size:.9rem}.users-table th{color:var(--color-text-secondary);font-weight:600}.users-table tbody tr:hover,.users-table-row--editing{background-color:#8b5cf614}.user-role-badge{align-self:flex-start;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase}.user-role-badge.admin{background-color:#8b5cf61a;color:var(--color-accent-primary)}.user-role-badge.cajero{background-color:#10b9811a;color:var(--color-status-success)}.user-role-badge.mesero{background-color:#3b82f61a;color:#3b82f6}.btn-action{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--border-radius-sm);transition:all .2s}.btn-action.edit:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-action.delete:hover{background-color:#ef44441a;color:#ef4444}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{background-color:var(--color-bg-card);padding:2rem;border-radius:var(--border-radius-lg);width:100%;max-width:500px;border:1px solid var(--border-color);box-shadow:0 10px 25px #0003;animation:slideUp .3s ease-out}.modal-content h2{margin-top:0;margin-bottom:1.5rem;color:var(--color-text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #8b5cf633}.users-form{margin-bottom:1.5rem}.users-form__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.users-form__header h2{margin:0;color:var(--color-text-primary)}.users-form .form-group{margin-bottom:1rem}.users-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.btn-cancel{padding:.5rem 1.25rem;border:1px solid var(--border-color);background:transparent;color:var(--color-text-primary);border-radius:var(--border-radius-md);cursor:pointer}.btn-save{padding:.5rem 1.5rem;background-color:var(--color-accent-primary);color:#fff;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:600}.btn-save:hover{background-color:var(--color-accent-secondary)}.users-inline-input{width:100%;padding:.4rem .6rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.9rem}.users-inline-actions{display:flex;flex-direction:column;gap:.35rem}.users-row-buttons{display:flex;gap:.5rem;justify-content:flex-end}.reports-container{padding:2rem;max-width:1200px;margin:0 auto}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.reports-header h1{font-size:2rem;color:var(--color-text-primary)}.report-date{color:var(--color-text-secondary);font-size:.9rem;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:99px}.reports__section{margin-bottom:2rem}.reports__section-title{margin-bottom:1rem;font-size:1.25rem;color:var(--color-text-secondary)}.reports__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.reports__stat-card{background-color:var(--color-bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color);display:flex;align-items:center;gap:var(--spacing-md);transition:transform .2s}.reports__stat-card:hover{transform:translateY(-2px);border-color:var(--color-accent-primary)}.reports__stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-tertiary)}.reports__stat-icon--cost{color:var(--color-status-info);background-color:#3b82f61a}.reports__stat-icon--revenue{color:var(--color-status-success);background-color:#10b9811a}.reports__stat-icon--profit{color:var(--color-accent-secondary);background-color:#ec48991a}.reports__stat-icon--items{color:var(--color-text-secondary)}.reports__stat-label{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:.25rem}.reports__stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background-color:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .2s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003;border-color:var(--color-accent-primary)}.stat-icon{position:absolute;top:1rem;right:1rem;opacity:.1;color:var(--color-text-primary)}.stat-label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.stat-value{font-size:2rem;font-weight:800;color:var(--color-text-primary)}.stat-card.revenue .stat-value{color:var(--color-status-success)}.stat-card.orders .stat-value{color:var(--color-accent-primary)}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.chart-card{background-color:var(--color-bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;display:flex;flex-direction:column}.chart-card h2{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;color:var(--color-text-primary)}.top-products-list{display:flex;flex-direction:column;gap:1rem}.product-rank-row{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.product-rank-row:last-child{border-bottom:none}.rank-number{width:30px;height:30px;background-color:var(--color-bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-accent-primary)}.rank-info{flex:1}.rank-info h4{margin:0;font-size:1rem;color:var(--color-text-primary)}.rank-info p{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.rank-stat{text-align:right}.rank-stat strong{display:block;font-size:1rem;color:var(--color-text-primary)}.rank-stat small{color:var(--color-text-secondary);font-size:.8rem}.no-data{text-align:center;color:var(--color-text-secondary);padding:3rem;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md)}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary);background-image:radial-gradient(circle at center,#1e1e1e,#121212)}.login-container{width:100%;max-width:400px;padding:var(--spacing-xl);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:0 4px 20px #00000080}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h1{color:var(--color-accent-primary);font-size:2rem;margin-bottom:var(--spacing-xs)}.login-header p{color:var(--color-text-secondary)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md);transition:background-color .2s}.login-error{background-color:#ef44441a;color:#ef4444;padding:.75rem;border-radius:var(--border-radius-md);margin-bottom:1.5rem;text-align:center;font-size:.875rem;border:1px solid rgba(239,68,68,.2)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.875rem;color:var(--color-text-secondary)}.input-wrapper{position:relative;width:100%;display:flex;align-items:center;gap:.5rem}.input-icon{flex-shrink:0;color:var(--color-text-muted)}.form-input{width:100%;padding:.85rem 1rem;background-color:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:1rem;transition:border-color .2s}.form-input::placeholder{color:var(--color-text-muted);opacity:.7}.form-input:focus{outline:none;border-color:var(--color-accent-primary)}.login-btn{margin-top:var(--spacing-sm);width:100%;padding:var(--spacing-md);font-size:1rem}.btn-back{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:0;transition:color .2s}.btn-back:hover{color:var(--color-accent-primary)}.config{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.config__header{margin-bottom:var(--spacing-xl)}.config__header h1{font-size:2rem;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.config__header p{color:var(--color-text-secondary)}.config__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.config__card{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);transition:transform .2s,border-color .2s}.config__card:hover{border-color:var(--color-accent-primary);transform:translateY(-2px)}.config__card-header{display:flex;justify-content:space-between;align-items:center}.config__card-header h3{font-size:1.1rem;font-weight:600;color:var(--color-text-primary)}.config__status-badge{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600}.config__status-badge--active{background-color:#22c55e33;color:#22c55e}.config__status-badge--inactive{background-color:#94a3b833;color:#94a3b8}.config__card-description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;flex:1}.config__card-actions{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.config__toggle{position:relative;display:inline-block;width:48px;height:24px}.config__toggle input{opacity:0;width:0;height:0}.config__toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-bg-tertiary);transition:.4s;border:1px solid var(--border-color)}.config__toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.4s}.config__toggle input:checked+.config__toggle-slider{background-color:var(--color-accent-primary)}.config__toggle input:focus+.config__toggle-slider{box-shadow:0 0 1px var(--color-accent-primary)}.config__toggle input:checked+.config__toggle-slider:before{transform:translate(24px)}.config__toggle-slider.round{border-radius:24px}.config__toggle-slider.round:before{border-radius:50%}.config__toggle-label{font-size:.9rem;font-weight:500}.config__select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:1rem;outline:none;cursor:pointer}.config__select:focus{border-color:var(--color-accent-primary)}.config__toggle input:disabled+.config__toggle-slider{background-color:var(--color-bg-tertiary);opacity:.5;cursor:not-allowed}.config__toggle input:disabled+.config__toggle-slider:before{background-color:#cbd5e1}.config__card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.config__field{display:flex;flex-direction:column;gap:.25rem}.config__field-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.config__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:.95rem;outline:none}.config__input:focus{border-color:var(--color-accent-primary)}.config__currency{margin-top:var(--spacing-sm)}.menu{display:flex;height:100vh;overflow:hidden;background-color:var(--color-bg-primary);position:relative}.menu__modal-overlay{position:fixed;inset:0;pointer-events:auto;display:flex;align-items:center;justify-content:center;z-index:100;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.menu__modal-content{background:#111827f2;border:2px solid var(--color-status-error);padding:2.5rem;border-radius:24px;text-align:center;color:#fff;box-shadow:0 20px 50px #00000080;animation:slideUp .3s cubic-bezier(.18,.89,.32,1.28);max-width:90%;width:400px}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.menu__main{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;scrollbar-width:thin}.menu__header{padding:1.5rem 2rem;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--border-color)}.menu__header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.menu__title{font-size:1.5rem;color:var(--color-accent-primary);margin:0}.menu__subtitle{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.menu__search-input{background-color:var(--color-bg-primary);border:1px solid var(--border-color);padding:.6rem 1rem;border-radius:99px;color:var(--color-text-primary);width:250px;font-size:.9rem;outline:none;transition:all .2s}.menu__search-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #8b5cf633}.menu__categories{display:flex;gap:.75rem;padding:1.5rem 2rem;background:var(--color-bg-primary);position:sticky;top:0;z-index:10;overflow-x:auto;border-bottom:1px solid var(--border-color);min-height:80px;align-items:center}.menu__cat-chip{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--border-color);padding:.5rem 1.25rem;border-radius:20px;font-size:.95rem;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.menu__cat-chip--active{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);box-shadow:0 4px 10px #8b5cf64d}.menu__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:2rem}.menu__card{background-color:var(--color-bg-card);border-radius:var(--border-radius-md);padding:1.25rem;border:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.menu__card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:var(--color-accent-primary)}.menu__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.menu__card-title{margin:0;font-size:1.1rem;font-weight:600}.menu__card-price{font-size:1.4rem;font-weight:700;color:var(--color-accent-primary);margin:.5rem 0 1rem}.menu__stock-badge{display:inline-block;font-size:.75rem;background:#f59e0b26;color:#fbbf24;padding:2px 8px;border-radius:4px;margin-bottom:.5rem}.menu__btn-add{margin-top:auto;background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--border-color);padding:.75rem;border-radius:99px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;transition:all .2s}.menu__btn-add:hover{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);transform:scale(1.02)}.menu__btn-add--bump{animation:bump .3s cubic-bezier(.18,.89,.32,1.28);background-color:var(--color-accent-primary);color:#fff}@keyframes bump{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.menu__sidebar{width:380px;background-color:var(--color-bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;box-shadow:-4px 0 20px #0000001a;z-index:20}.menu__sidebar-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg-card)}.menu__sidebar-title{margin:0;font-size:1.25rem}.menu__badge{background-color:var(--color-accent-primary);color:#fff;padding:.25rem .75rem;border-radius:99px;font-size:.8rem;font-weight:700}.menu__btn-close-mobile{display:none;background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.menu__sidebar-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.menu__sidebar-tabs{display:flex;border-bottom:1px solid var(--border-color)}.menu__sidebar-tab{flex:1;padding:.5rem .75rem;background:none;border:none;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:background-color .2s,color .2s}.menu__sidebar-tab--active{color:var(--color-accent-primary);border-bottom:2px solid var(--color-accent-primary);background-color:#6366f10f}.menu__cart-list{flex:1;padding:1rem;overflow-y:auto}.menu__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;color:var(--color-text-secondary);padding:2rem;gap:1rem}.menu__cart-item{background-color:var(--color-bg-primary);border:1px solid var(--border-color);padding:1rem;border-radius:var(--border-radius-md);margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.menu__cart-details{flex:1}.menu__cart-details strong{display:block;font-size:.95rem}.menu__cart-details small{color:var(--color-text-secondary)}.menu__qty-controls{display:flex;align-items:center;background-color:var(--color-bg-secondary);border-radius:6px;padding:2px}.menu__qty-controls button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer}.menu__qty-controls span{width:24px;text-align:center;font-weight:700;font-size:.9rem}.menu__cart-total{font-weight:700;min-width:50px;text-align:right;font-size:.9rem}.menu__btn-remove{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center}.menu__btn-remove:hover{color:#ef4444}.menu__btn-remove:disabled{opacity:.3;cursor:not-allowed}.menu__btn-remove:disabled:hover{color:var(--color-text-secondary)}.menu__cart-item--opened{border-left:3px solid var(--color-status-warning);background-color:#f59e0b0d}.menu__qty-controls button:disabled{opacity:.3;cursor:not-allowed}.menu__sidebar-footer{padding:1.5rem;background-color:var(--color-bg-card);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.menu__total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:var(--color-text-tertiary, #9ca3af)}.menu__total-amount{font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.menu__form-group{margin-bottom:1rem}.menu__form-group label{display:block;font-size:.85rem;margin-bottom:.5rem;color:var(--color-text-secondary)}.menu__input{width:100%;padding:.55rem;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--color-bg-primary);color:#fff;font-size:1.1rem;text-align:center;font-weight:700}.menu__btn-submit{width:100%;background-color:var(--color-status-success);color:#fff;border:none;padding:1rem;border-radius:var(--border-radius-md);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #10b9814d;transition:transform .2s}.menu__btn-submit:hover{transform:scale(1.02)}.menu__btn-submit:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.menu__actions-grid{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.menu__btn-staff{background:none;border:none;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer}.menu__btn-call{background:none;border:1px solid var(--border-color);color:var(--color-accent-primary);padding:.4rem .8rem;border-radius:99px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.4rem}.menu__btn-call:hover{background-color:var(--color-bg-primary);border-color:var(--color-accent-primary)}.menu__btn-staff:hover{color:#fff;text-decoration:underline}.menu__success{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.menu__success-icon{color:var(--color-status-success);margin-bottom:1.5rem}.menu__mobile-toggle{display:none}@media(max-width:900px){.menu__sidebar{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:400px;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu__sidebar--open{transform:translate(0)}.menu__btn-close-mobile{display:block}.menu__mobile-toggle{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background-color:var(--color-accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:99px;box-shadow:0 4px 20px #0006;width:90%;max-width:400px;z-index:50;font-weight:700;cursor:pointer}}.invoices-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.invoices-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.invoices-header h1{font-size:2rem;color:var(--color-text-primary);margin-bottom:.5rem}.invoices-subtitle{color:var(--color-text-secondary);font-size:.9rem}.invoices-stats{display:flex;gap:var(--spacing-md)}.stat-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);min-width:200px}.stat-card svg{color:var(--color-accent-primary)}.stat-card div{display:flex;flex-direction:column}.stat-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.invoices-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center}.search-bar{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--color-text-secondary);pointer-events:none}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:.9rem}.search-input:focus{outline:none;border-color:var(--color-accent-primary)}.filter-buttons{display:flex;gap:var(--spacing-xs)}.filter-btn{padding:.75rem 1.25rem;background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.filter-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.filter-btn.active{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.invoices-list{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.invoices-table{width:100%;border-collapse:collapse}.invoices-table thead{background-color:var(--color-bg-tertiary)}.invoices-table th{padding:var(--spacing-md);text-align:left;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.invoices-table tbody tr{border-top:1px solid var(--border-color);transition:background-color .2s}.invoices-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.invoices-table tbody tr:nth-child(2n){background-color:#00000005}.invoices-table tbody tr:nth-child(2n):hover{background-color:var(--color-bg-tertiary)}.invoices-table td{padding:var(--spacing-md);color:var(--color-text-primary);font-size:.9rem}.invoice-number{font-weight:600;color:var(--color-accent-primary)}.invoice-total{font-weight:700;color:var(--color-text-primary)}.payment-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase}.payment-badge--efectivo{background-color:#22c55e1a;color:#22c55e}.payment-badge--tarjeta,.payment-badge--transferencia{background-color:#8b5cf61a;color:#8b5cf6}.btn-print{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:var(--color-accent-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .2s}.btn-print:hover{background-color:var(--color-accent-primary);opacity:.9;transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem var(--spacing-lg);color:var(--color-text-muted);text-align:center}.empty-state svg{margin-bottom:var(--spacing-md);opacity:.5}.empty-state p{font-size:1.1rem}@media(max-width:768px){.invoices-page{padding:var(--spacing-md)}.invoices-header{flex-direction:column}.invoices-stats{width:100%;flex-direction:column}.stat-card{width:100%}.invoices-filters{flex-direction:column}.search-bar{width:100%}.invoices-table{font-size:.8rem}.invoices-table th,.invoices-table td{padding:var(--spacing-xs)}.invoices-table th:nth-child(3),.invoices-table td:nth-child(3),.invoices-table th:nth-child(4),.invoices-table td:nth-child(4){display:none}}.profile{max-width:800px;margin:0 auto;padding:var(--spacing-lg)}.profile__header{margin-bottom:var(--spacing-lg)}.profile__title{font-size:2rem;color:var(--color-text-primary);margin-bottom:.25rem}.profile__subtitle{color:var(--color-text-secondary);font-size:.9rem}.profile__grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile__card{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.profile__card-title{font-size:1.2rem;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.profile__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile__field{display:flex;flex-direction:column;gap:.25rem}.profile__label{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.profile__input{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.95rem;outline:none}.profile__input:focus{border-color:var(--color-accent-primary)}.profile__input--readonly{opacity:.7;cursor:not-allowed}.profile__section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--border-color)}.profile__section-title{font-size:1rem;margin-bottom:.25rem;color:var(--color-text-primary)}.profile__section-help{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.profile__actions{margin-top:var(--spacing-md);display:flex;justify-content:flex-end}.profile__btn-save{min-width:180px}@media(max-width:768px){.profile,.profile__card{padding:var(--spacing-md)}}