: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;--primary-color: #000000;--font-family: var(--font-family-base)}*{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)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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-x:visible;overflow-y: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;overflow-x:visible;max-height:100vh;min-height:0}@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);overflow:visible}.layout__toggle{position:fixed;top:20px;left:234px;width:32px;height:32px;background-color:var(--color-bg-secondary);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:pointer;z-index:103;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.layout--collapsed .layout__toggle{left:64px}.layout__toggle:hover{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);box-shadow:0 4px 12px #8b5cf64d;transform:scale(1.1)}.layout__toggle svg{flex-shrink:0}.layout__mobile-toggle{position:fixed;top:12px;left:12px;width:40px;height:40px;border-radius:999px;border:1px solid var(--border-color);background-color:var(--color-bg-secondary);display:none;align-items:center;justify-content:center;color:var(--color-text-primary);z-index:60;box-shadow:0 2px 6px #0006}.layout__mobile-toggle:hover{background-color:var(--color-bg-tertiary)}@media(max-width:768px){.layout__mobile-toggle{display:flex}}.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;min-height:0;overflow-y:auto}.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;z-index:1;overflow:visible;flex-shrink:0}.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:70;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:calc(100% + var(--spacing-sm));bottom:0;margin-left:0;width:200px;z-index:100}.layout__overlay{display:none}@media(max-width:768px){.layout__sidebar{position:fixed;height:100vh;transform:translate(-100%);width:260px;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.layout__sidebar.mobile-open{transform:translate(0);box-shadow:2px 0 10px #00000080}.layout__sidebar .layout__logo{padding:var(--spacing-xs) 0 var(--spacing-sm);margin-bottom:var(--spacing-xs);flex-shrink:0}.layout__sidebar .layout__logo h2{font-size:1rem;margin:0}.layout__sidebar .layout__nav{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-bottom:100px}.layout__footer{position:fixed;bottom:50px;left:0;width:260px;padding-top:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));padding-left:var(--spacing-md);padding-right:var(--spacing-md);flex-shrink:0;overflow:visible;background-color:var(--color-bg-secondary);z-index:60;border-top:1px solid var(--border-color);min-height:80px;box-shadow:0 -2px 10px #0000004d}.user-profile{display:flex!important;visibility:visible!important;opacity:1!important;width:100%;padding:var(--spacing-sm) 0;align-items:center;gap:var(--spacing-md)}.user-avatar{display:flex!important;flex-shrink:0;visibility:visible!important;opacity:1!important;width:44px!important;height:44px!important;min-width:44px;min-height:44px}.user-avatar svg{width:24px!important;height:24px!important}.user-info{display:flex!important;flex-direction:column;flex:1;min-width:0}.user-name{font-size:.95rem!important;font-weight:600}.user-role{font-size:.8rem!important}.layout__content{padding:var(--spacing-md);margin-left:0}.layout__toggle{position:fixed;display:flex;top:var(--spacing-md);left:220px;background-color:var(--color-bg-secondary);width:40px;height:40px;border-radius:0 8px 8px 0;border:2px solid var(--border-color);box-shadow:2px 0 8px #00000026;color:var(--color-text-primary);z-index:103}.layout--collapsed .layout__toggle{left:40px}.layout__toggle:hover{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);box-shadow:2px 0 12px #8b5cf64d}.layout__toggle svg{flex-shrink: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}@media(max-width:768px){.page__header{flex-direction:column;align-items:flex-start;margin:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-sm)}.page__title{font-size:1.4rem}.page__subtitle{font-size:.85rem}.date-badge{width:100%;justify-content:center}}.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}}.sale-type-selector,.pos__sale-type-selector{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.sale-type-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--color-bg-primary);border:2px solid var(--border-color);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;transition:all .2s;font-size:.9rem;font-weight:500;flex:1;justify-content:center}.sale-type-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.sale-type-btn--active{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:600}.sale-type-icon{flex-shrink:0}@media(max-width:1024px){.sale-type-btn{padding:.4rem .75rem;font-size:.85rem}.sale-type-icon{size:16}}@media(max-width:850px){.sale-type-btn{padding:.35rem .6rem;font-size:.8rem}.sale-type-icon{size:14}}.category-filters,.pos__category-filters{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow:hidden}.category-header-btn{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:var(--color-bg-primary);border:2px solid var(--border-color);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;transition:all .2s;font-size:.9rem;font-weight:500;width:100%}.category-header-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.category-header-btn--active{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:600}.category-header-icon{flex-shrink:0;color:var(--color-accent-primary)}.category-badge{padding:.15rem .5rem;border-radius:999px;background-color:var(--color-accent-primary);color:#fff;font-size:.75rem;font-weight:600}.category-clear-btn{padding:.25rem;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s}.category-clear-btn:hover{color:var(--color-accent-primary)}.pos__category-filters-content{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.pos__category-filters-content--open{max-height:400px;overflow-y:auto}.pos__category-filters-content>div{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:0;margin:0}.category-btn{background-color:var(--color-bg-primary);border:2px solid var(--border-color);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;white-space:nowrap;transition:all .2s;font-size:.9rem;font-weight:500}.category-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.category-btn--active{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:600}@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-info{margin-top:auto;display:flex;flex-direction:column;gap:2px}.product-card__stock{font-size:.75rem;color:var(--color-text-muted)}.product-card__stock-after{font-size:.7rem;color:#f97316cc;font-weight:500}@media(max-width:1024px){.product-card__stock{font-size:.7rem}.product-card__stock-after{font-size:.65rem}}@media(max-width:850px){.product-card__stock{font-size:.65rem}.product-card__stock-after{font-size:.6rem}}.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 0 60px;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}.pay-btn--cancel{background-color:var(--color-status-error);color:#fff}@media(max-width:1024px){.pay-btn--table,.pay-btn--cancel{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;overflow:visible}.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:2px solid var(--color-accent-primary);background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);box-shadow:0 2px 8px #8b5cf633;opacity:1}.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:2px solid var(--color-accent-primary);background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);box-shadow:0 2px 8px #8b5cf633;opacity:1}.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;position:relative;overflow:visible}.table-card--tables,.pos__table-card{flex-direction:column;justify-content:space-between;min-height:120px;transition:transform .2s,border-color .2s;font-size:.9em}.table-card.occupied{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border:2px solid var(--color-accent-primary);box-shadow:0 4px 12px #8b5cf633;opacity:1;font-weight:500}.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:12px;height:12px;border-radius:50%;background-color:var(--color-accent-primary);box-shadow:0 0 8px #8b5cf699;animation:pulse 2s infinite;flex-shrink:0}.status-dot--top-left{position:absolute;top:.5rem;right:.5rem;z-index:10;width:12px;height:12px;border-radius:50%;background-color:var(--color-accent-primary);box-shadow:0 0 8px #8b5cf699;animation:pulse 2s infinite;flex-shrink:0}.status-dot--warning{background-color:var(--color-status-warning);box-shadow:0 0 8px #ffc10799}.status-dot--top-left.status-dot--warning{top:1.5rem;right:.5rem}.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-overlay--loading{background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.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--medium{max-width:500px}.pos-modal--loading{max-width:350px;padding:0;background:transparent;border:none;box-shadow:none}.loading-spinner{animation:spin 1s linear infinite;color:var(--color-accent-primary)}.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)}}.pos-cart .cart-view-toggle{position:absolute;bottom:0;left:0;right:0;display:flex;background-color:var(--color-bg-secondary);border-top:1px solid var(--border-color);z-index:1200;box-shadow:0 -2px 10px #0000001a;padding:0;margin:0}.cart-toggle-btn{flex:1;height:60px;background-color:transparent;border:none;border-top:3px solid transparent;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s ease;font-size:.75rem;font-weight:500;padding:8px 12px}.cart-toggle-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.cart-toggle-btn.active{background-color:var(--color-bg-tertiary);color:var(--color-accent-primary);border-top-color:var(--color-accent-primary)}.cart-toggle-btn span{font-size:.75rem;font-weight:600;letter-spacing:.3px}.cart-toggle-btn.active span{color:var(--color-accent-primary)}@media(max-width:1024px){.pos-cart .cart-view-toggle{position:absolute;bottom:0;left:0;right:0}.cart-toggle-btn{height:60px}}.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-y:auto;overflow-x:hidden;background-color:var(--color-bg-primary)}.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;padding-bottom:60px;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)}}.inventory{padding:var(--spacing-lg);max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.page__title--with-icon{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#8b5cf626,#3b82f626);padding:.75rem 1.25rem;border-radius:var(--border-radius-md);border-left:4px solid var(--color-accent-primary);color:var(--color-text-primary);font-weight:600;margin:0}.page__title-icon{color:var(--color-accent-primary);flex-shrink:0}.inventory__table-container{overflow-x:auto;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.inventory__table-container::-webkit-scrollbar{height:8px}.inventory__table-container::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}.inventory__table-container::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:var(--border-radius-sm)}.inventory__table-container::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}.table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:auto}.table__head th{text-align:left;padding:var(--spacing-md);color:var(--color-text-primary);font-weight:600;border-bottom:2px solid var(--color-accent-primary);background:#8b5cf614;position:relative}.table__head th:not(:last-child):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:#8b5cf633}.table__header-cell{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);font-weight:600}.table__header-icon{color:var(--color-accent-primary);flex-shrink:0}.table__body td{padding:.35rem var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--color-text-primary);position:relative;line-height:1.4}.table__body td:not(:last-child):after{content:"";position:absolute;right:0;top:15%;bottom:15%;width:1px;background:#8b5cf61a}.table__row--even{background-color:var(--color-bg-primary)}.table__row--odd{background-color:#8b5cf608}.table__row:hover{background-color:#8b5cf61f;transition:background-color .2s ease}.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:.1rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap;min-width:72px;text-align:center;line-height:1.1}.table__body td .badge{font-size:.85rem;padding:.2rem .65rem;min-width:80px;font-weight:600}.badge--success{background-color:#10b9812e;color:var(--color-status-success)}.badge--warning{background-color:#f59e0b2e;color:var(--color-status-warning)}.badge--danger{background-color:#ef44442e;color:var(--color-status-error)}.btn-icon{background:none;border:none;color:var(--color-accent-primary);cursor:pointer;font-size:.875rem;padding:.5rem;border-radius:var(--border-radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background-color:var(--color-bg-tertiary);text-decoration:none}.btn-icon--danger{color:var(--color-status-error)}.btn-icon--danger:hover{background-color:#ef44441a;color:var(--color-status-error)}.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%;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color);box-shadow:0 10px 40px #0009;box-sizing:border-box}.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;width:100%;box-sizing:border-box}.inventory-modal__field{display:flex;flex-direction:column;gap:.25rem;width:100%;min-width:0;box-sizing:border-box}.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;width:100%;box-sizing:border-box;max-width:100%}.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;width:100%;box-sizing:border-box;max-width:100%}.inventory-modal__field select:focus{border-color:var(--color-accent-primary)}.inventory-modal__field-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;width:100%;box-sizing:border-box}.inventory-modal__field-grid .inventory-modal__field{min-width:0;width:100%}.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}@media(max-width:768px){.inventory{padding:3.5rem var(--spacing-md) var(--spacing-md)}.inventory__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);margin:var(--spacing-md) 0 var(--spacing-md)}.inventory__table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:900px}.inventory__categories-header{flex-direction:column;align-items:flex-start}.inventory__categories-form{flex-wrap:wrap;width:100%}.inventory__categories-form input{flex:1}.inventory-modal{padding:1.5rem;width:95%;max-width:420px;max-height:85vh;overflow-y:auto}.inventory-modal__field-grid{grid-template-columns:1fr}.page__title--with-icon{font-size:1.1rem;padding:.5rem 1rem}.table__header-cell{font-size:.85rem}}.inventory__search-filters-container{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:flex;flex-direction:column}.inventory__search-filters-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;background-color:transparent;border:none;cursor:pointer;color:var(--color-text-primary);transition:all .2s}.inventory__search-filters-header:hover{color:var(--color-accent-primary)}.inventory__search-filters-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding:0}.inventory__search-filters-content--open{max-height:600px}.inventory-select-wrapper{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px;position:relative}.inventory-select-icon{color:var(--color-text-secondary);flex-shrink:0;transition:color .2s}.inventory-select-wrapper:hover .inventory-select-icon{color:var(--color-accent-primary)}.inventory-select{outline:none;padding:.75rem 2.5rem .75rem .75rem;font-size:.9rem;font-weight:500;border:2px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:14px;min-height:42px;flex:1}.inventory-select:hover{border-color:var(--color-accent-primary);background-color:var(--color-bg-tertiary)}.inventory-select:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf61a;background-color:var(--color-bg-primary)}.inventory-select--active{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border-color:var(--color-accent-primary);color:var(--color-accent-primary);font-weight:600}.inventory-select--active:hover{background:linear-gradient(135deg,#8b5cf633,#3b82f633)}.inventory-select-clear{padding:.5rem;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:var(--border-radius-sm);flex-shrink:0}.inventory-select-clear:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.inventory-select option{padding:.75rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-weight:400}.inventory-select option:hover{background-color:var(--color-bg-tertiary)}.inventory-select option:checked{background-color:var(--color-accent-primary);color:#fff}.inventory__search-filters-container 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;transition:border-color .2s;margin:1rem}.inventory__search-filters-container input:focus{outline:none;border-color:var(--color-accent-primary)}.inventory-search-bar{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.inventory-search-icon{position:absolute;left:20px;color:var(--color-text-secondary);pointer-events:none;transition:all .3s ease}.inventory-search-bar:focus-within .inventory-search-icon{animation:searchIconPulse .6s ease-in-out;color:var(--color-accent-primary)}.inventory-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;transition:border-color .2s}.inventory-search-input:focus{outline:none;border-color:var(--color-accent-primary)}.inventory-search-clear{position:absolute;right:12px;padding:.5rem;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s}.inventory-search-clear:hover{color:var(--color-text-primary)}.inventory-filters-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.inventory__search-filters-container button:hover{background-color:var(--color-bg-tertiary)!important;transition:background-color .2s ease}.users-container{padding:2rem;max-width:1200px;margin:0 auto}.users-header{display:flex;justify-content:space-between;align-items:center;margin: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}@media(max-width:768px){.users-container{padding:1rem}.users-header{flex-direction:column;align-items:flex-start;gap:1rem}.users-header h1{font-size:1.5rem}.btn-add-user{width:100%;justify-content:center}.users-table th,.users-table td{padding:.5rem .4rem;font-size:.8rem}.users-inline-actions{flex-direction:row;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-icon--unique{color:var(--color-accent-primary);background-color:#8b5cf61a}.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__field-hint{font-size:.8rem;color:var(--color-text-secondary);margin-top:.25rem;line-height:1.4;font-style:italic}.config__currency{margin-top:var(--spacing-sm)}@media(max-width:768px){.config{padding:var(--spacing-md)}.config__header{margin-bottom:var(--spacing-lg)}.config__header h1{font-size:1.5rem}.config__grid{gap:var(--spacing-md)}.config__card{padding:var(--spacing-md)}.config__card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.config__card-actions{flex-wrap:wrap;align-items:flex-start}}.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__stock-badge--out{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.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;transition:all .2s ease;justify-content:center;gap:.5rem;font-weight:600;transition:all .2s}.menu__btn-add:hover:not(:disabled){background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary);transform:scale(1.02)}.menu__btn-add--disabled,.menu__btn-add:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-color:var(--border-color);pointer-events:none}.menu__btn-add--disabled:hover,.menu__btn-add:disabled:hover{transform:none;background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-color:var(--border-color)}.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__cart-item--locked{opacity:.7;background-color:#8b5cf60d;border-left:3px solid var(--color-accent-primary);pointer-events:none}.menu__cart-item--locked .menu__qty-controls button,.menu__cart-item--locked .menu__btn-remove{opacity:.3;cursor:not-allowed}.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;gap:.5rem;flex-wrap:wrap}.menu__btn-staff{background:none;border:none;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;padding:.5rem;white-space:nowrap;flex-shrink:0}.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__sidebar-footer{padding:1rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.menu__btn-submit{padding:.65rem .75rem;font-size:.85rem;margin-bottom:.4rem}.menu__btn-staff{font-size:.75rem;padding:.4rem .5rem}.menu__btn-call{font-size:.75rem;padding:.4rem .7rem;flex-shrink:0}.menu__actions-grid{gap:.5rem;margin-top:.5rem}.menu__form{margin-bottom:.5rem}.menu__form-group{margin-bottom:.75rem}.menu__total-row{margin-bottom:.4rem;font-size:.85rem}.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{background-color:var(--color-bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.search-bar{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:20px;color:var(--color-text-secondary);pointer-events:none;transition:all .3s ease}.search-bar:focus-within .search-icon{animation:searchIconPulse .6s ease-in-out;color:var(--color-accent-primary)}@keyframes searchIconPulse{0%{transform:translate(0) scale(1)}50%{transform:translate(3px) scale(1.1)}to{transform:translate(0) scale(1)}}.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)}.method-filters-section{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-top:var(--spacing-xs)}.method-filter-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;background-color:transparent;border:none;cursor:pointer;color:var(--color-text-primary);transition:all .2s}.method-filter-toggle:hover{color:var(--color-accent-primary)}.method-filter-toggle-content{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;font-weight:600}.method-filter-toggle-content svg{color:var(--color-accent-primary)}.active-filter-badge{padding:.25rem .5rem;background-color:var(--color-accent-primary);color:#fff;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500}.method-filters-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding:0}.method-filters-content.open{max-height:200px;padding-top:var(--spacing-md)}.filter-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.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)}.date-filters-section{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);margin-top:var(--spacing-xs)}.date-filter-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;background-color:transparent;border:none;cursor:pointer;color:var(--color-text-primary);transition:all .2s}.date-filter-toggle:hover{color:var(--color-accent-primary)}.date-filter-toggle-content{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem;font-weight:600}.date-filter-toggle-content svg{color:var(--color-accent-primary)}.date-filters-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding:0}.date-filters-content.open{max-height:500px;padding-top:var(--spacing-md)}.clear-date-filter{margin-left:auto;display:flex;align-items:center;justify-content:center;padding:.25rem;background-color:transparent;border:none;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.clear-date-filter:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.date-filter-buttons{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap}.date-filter-btn{padding:.6rem 1rem;background-color:var(--color-bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}.date-filter-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.date-filter-btn.active{background-color:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.date-input-container{display:flex;gap:var(--spacing-sm)}.date-range-container{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.date-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:200px}.date-input-wrapper label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.date-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);font-size:.9rem;font-family:inherit;transition:all .2s}.date-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8b5cf61a}.date-input-container .date-input{flex:1;min-width:200px}.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)}}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary, #f5f5f5);padding:2rem}.not-found-content{text-align:center;max-width:600px;width:100%}.not-found-illustration{position:relative;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.not-found-404{position:absolute;font-size:8rem;font-weight:900;color:var(--color-text-secondary, #999);opacity:.2;z-index:0;line-height:1;-webkit-user-select:none;user-select:none}.not-found-skateboarder{position:relative;z-index:1;opacity:.8}.not-found-title{font-size:2rem;font-weight:700;color:var(--color-text-primary, #333);margin-bottom:1rem;margin-top:0}.not-found-description{font-size:1rem;color:var(--color-text-secondary, #666);margin-bottom:2rem;line-height:1.6}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius-md, 8px);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.not-found-button-primary{background:var(--color-accent-primary, #007bff);color:#fff}.not-found-button-primary:hover{background:var(--color-accent-primary-hover, #0056b3);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.not-found-button-secondary{background:var(--color-bg-secondary, #e9ecef);color:var(--color-text-primary, #333);border:1px solid var(--color-border, #dee2e6)}.not-found-button-secondary:hover{background:var(--color-bg-tertiary, #dee2e6);transform:translateY(-2px)}@media(max-width:768px){.not-found-404{font-size:6rem}.not-found-title{font-size:1.5rem}.not-found-description{font-size:.9rem}.not-found-actions{flex-direction:column}.not-found-button{width:100%;justify-content:center}}