@charset "UTF-8";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--scale-factor: 1;--font-size-base: 15px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-lg: 17px;--font-size-xl: 19px;--font-size-2xl: 23px;--font-size-3xl: 30px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--button-height: 40px;--input-height: 38px;--icon-size: 24px;--product-card-width: 160px;--product-card-height: 140px;--bg-primary: #1a1a1a;--bg-secondary: #242424;--bg-tertiary: #2a2a2a;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--border-color: #333;--border-light: #2a2a2a;--color-primary: #4a9eff;--color-primary-hover: #3a8eef;--color-primary-alpha: rgba(74, 158, 255, .15);color:var(--text-primary);background-color:var(--bg-primary)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{min-width:320px}.app-container{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app-logo{height:80px;width:auto}h1{font-size:3.2em;line-height:1.1}.sync-status{position:relative;font-size:.875rem}.sync-status--success .sync-status__icon{color:#22c55e}.sync-status--warning .sync-status__icon{color:#f59e0b}.sync-status--error .sync-status__icon{color:#ef4444}.sync-status--compact{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;cursor:pointer;position:relative;border-radius:4px}.sync-status--compact:hover{background:#ffffff1a}.sync-status__toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;color:inherit;font-size:.875rem;transition:background .2s}.sync-status__toggle:hover{background:#ffffff1a}.sync-status__icon{font-size:.75rem;line-height:1}.sync-status__icon--spinning{animation:spin 1s linear infinite}.sync-status__label{color:#fffc}.sync-status__chevron{font-size:.625rem;opacity:.5;margin-left:.25rem}.sync-status__badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:#f59e0b;color:#000;font-size:.625rem;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center}.sync-status__dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:280px;background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:100;overflow:hidden}.sync-status__info{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sync-status__row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.sync-status__row-label{color:#fff9}.sync-status__row-value{font-weight:500}.sync-status__row-value--green{color:#22c55e}.sync-status__row-value--yellow{color:#f59e0b}.sync-status__row-value--red{color:#ef4444}.sync-status__action{display:block;width:calc(100% - 2rem);margin:1rem;padding:.75rem;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.sync-status__action:hover:not(:disabled){background:#2563eb}.sync-status__action:disabled{opacity:.5;cursor:not-allowed}.sync-status__failed{border-top:1px solid rgba(255,255,255,.1);padding:1rem}.sync-status__failed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:500;color:#ef4444}.sync-status__retry-all{padding:.25rem .5rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;font-size:.75rem;cursor:pointer;transition:background .2s}.sync-status__retry-all:hover:not(:disabled){background:#ef44444d}.sync-status__retry-all:disabled{opacity:.5;cursor:not-allowed}.sync-status__failed-list{list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.sync-status__failed-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem;background:#ffffff05;border-radius:4px;margin-bottom:.5rem}.sync-status__failed-item:last-child{margin-bottom:0}.sync-status__failed-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.sync-status__failed-entity{font-weight:500;text-transform:capitalize}.sync-status__failed-action{font-size:.75rem;color:#ffffff80;text-transform:uppercase}.sync-status__failed-error{font-size:.75rem;color:#ef4444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-status__failed-actions{display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem}.sync-status__failed-retry,.sync-status__failed-remove{width:24px;height:24px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.sync-status__failed-retry{background:#3b82f633;color:#3b82f6}.sync-status__failed-retry:hover:not(:disabled){background:#3b82f64d}.sync-status__failed-retry:disabled{opacity:.5;cursor:not-allowed}.sync-status__failed-remove{background:#ef444433;color:#ef4444}.sync-status__failed-remove:hover{background:#ef44444d}.sync-status__failed-more{text-align:center;font-size:.75rem;color:#ffffff80;padding-top:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0}.app-header__left{display:flex;align-items:center;gap:var(--spacing-lg)}.app-header__logo{display:flex;align-items:center;gap:var(--spacing-md)}.app-header__logo span{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.app-header__logo-img{height:36px;width:auto;max-width:120px;object-fit:contain;border-radius:var(--radius-sm)}.app-header__nav{display:flex;gap:var(--spacing-xs);margin-left:var(--spacing-xl)}.app-header__nav-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.app-header__nav-btn:hover{background:var(--border-color);color:var(--text-primary)}.app-header__nav-btn--active{background:var(--color-primary-alpha);color:var(--color-primary)}.app-header__right{display:flex;align-items:center;gap:var(--spacing-md)}.app-header__status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--border-color);border-radius:20px;font-size:var(--font-size-xs);color:var(--text-tertiary)}.app-header__status--online{color:#4ade80}.app-header__status--online .app-header__status-dot{background:#4ade80}.app-header__status--offline{color:#f97316}.app-header__status--offline .app-header__status-dot{background:#f97316}.app-header__status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary)}.app-header__user-wrapper{position:relative}.app-header__user{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);background:var(--border-color);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.app-header__user:hover{background:var(--bg-tertiary)}.app-header__user-arrow{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-left:var(--spacing-xs)}.app-header__user-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:180px;padding:var(--spacing-sm);z-index:1000;box-shadow:0 4px 12px #0000004d;animation:fadeIn .15s ease-out}.app-header__user-avatar{width:28px;height:28px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600}.app-header__user-info{text-align:left}.app-header__user-name{font-weight:500;line-height:1.2}.app-header__user-role{font-size:var(--font-size-xs);color:var(--text-tertiary)}.app-header__icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-size-xl);cursor:pointer;transition:all .2s}.app-header__icon-btn:hover{background:var(--border-color);color:var(--text-primary)}.app-header__icon-btn--active{background:var(--color-primary-alpha);color:var(--color-primary)}.app-header__divider{width:1px;height:24px;background:var(--border-color);margin:0 var(--spacing-xs)}.header-clock{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:70px;text-align:center}.user-menu__item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all .15s}.user-menu__item:hover{background:var(--border-color);color:var(--text-primary)}.user-menu__item--danger{color:#f87171}.user-menu__item--danger:hover{background:#f8717126;color:#fca5a5}.user-menu__divider{height:1px;background:var(--border-color);margin:var(--spacing-sm) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pin-entry{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);min-width:280px}.pin-entry__header{text-align:center;margin-bottom:var(--spacing-xl)}.pin-entry__header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.pin-entry__header p{color:var(--text-tertiary);margin:0;font-size:var(--font-size-sm)}.pin-entry__display{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.pin-entry__hint{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--spacing-lg)}.pin-entry__error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);text-align:center}.pin-entry__keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);width:100%;max-width:240px}.pin-entry__submit{margin-top:var(--spacing-lg);width:100%;max-width:240px;padding:var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .2s}.pin-entry__submit:hover:not(:disabled){opacity:.9}.pin-entry__submit:disabled{opacity:.5;cursor:not-allowed}.pin-entry__cancel{margin-top:var(--spacing-lg);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.pin-entry__cancel:hover{border-color:var(--color-primary);color:var(--color-primary)}.pin-dot{width:14px;height:14px;border-radius:50%;background:transparent;border:2px solid var(--text-tertiary);transition:all .15s ease}.pin-dot--filled{background:var(--color-primary);border-color:var(--color-primary)}.pin-dot--optional{border-style:dashed;opacity:.6}.pin-dot--optional.pin-dot--filled{border-style:solid;opacity:1}.pin-key{aspect-ratio:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.pin-key:hover:not(:disabled){background:var(--border-color);border-color:var(--color-primary)}.pin-key:active:not(:disabled){transform:scale(.95)}.pin-key--action{background:var(--border-color);font-size:var(--font-size-xl);color:var(--text-tertiary)}.pin-key--action:hover:not(:disabled){color:var(--text-primary)}.pin-key:disabled{opacity:.5;cursor:not-allowed}.pin-verification-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.pin-verification-modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:0 20px 50px #0006;max-width:400px;width:90%;animation:slideUp .3s ease;overflow:hidden}.pin-verification-modal__header{text-align:center;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.pin-verification-modal__header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-xs)}.pin-verification-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fbbf2426;border-radius:50%;color:#fbbf24}.pin-verification-modal__icon svg{width:24px;height:24px}.pin-verification-modal__action{font-size:var(--font-size-md);color:var(--color-primary);font-weight:500;margin:0}.pin-verification-modal__description{text-align:center;padding:var(--spacing-md) var(--spacing-xl);color:var(--text-secondary);font-size:var(--font-size-sm);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.pin-verification-modal .pin-entry{background:transparent;border-radius:0;padding:var(--spacing-xl)}.pin-verification-modal .pin-entry__header{margin-bottom:var(--spacing-lg)}.pin-verification-modal .pin-entry__header h2{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.discount-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.discount-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006}.discount-modal__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);position:relative}.discount-modal__header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.discount-modal__item-info{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.discount-modal__close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:28px;height:28px;border:none;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.discount-modal__close:hover{background:var(--border-color)}.discount-modal__body{padding:var(--spacing-lg) var(--spacing-xl);overflow-y:auto;flex:1}.discount-modal__section{margin-bottom:var(--spacing-xl)}.discount-modal__section:last-child{margin-bottom:0}.discount-modal__label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.discount-modal__apply-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.discount-modal__radio{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm)}.discount-modal__radio input[type=radio]{accent-color:var(--color-primary)}.discount-modal__qty-input{width:50px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center;margin-left:var(--spacing-sm)}.discount-modal__qty-input:focus{outline:none;border-color:var(--color-primary)}.discount-modal__presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.discount-modal__preset{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.discount-modal__preset:hover{border-color:var(--color-primary)}.discount-modal__preset--active{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.discount-modal__preset-name{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center}.discount-modal__preset-value{font-size:var(--font-size-base);font-weight:600;color:#f97316}.discount-modal__custom{display:flex;flex-direction:column;gap:var(--spacing-md)}.discount-modal__type-toggle{display:flex;gap:var(--spacing-sm)}.discount-modal__type-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.discount-modal__type-btn:hover{background:var(--border-color)}.discount-modal__type-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.discount-modal__type-btn--active:hover{background:var(--color-primary-hover)}.discount-modal__value-input{display:flex;align-items:center;gap:var(--spacing-sm)}.discount-modal__value-input input{flex:1;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:500;text-align:center}.discount-modal__value-input input:focus{outline:none;border-color:var(--color-primary)}.discount-modal__value-unit{font-size:var(--font-size-lg);color:var(--text-secondary);min-width:20px}.discount-modal__summary{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.discount-modal__summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.discount-modal__summary-row--discount{color:#f97316}.discount-modal__summary-row--total{padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.discount-modal__error{padding:var(--spacing-md);background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md);color:#f87171;font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.discount-modal__footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.discount-modal__btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.discount-modal__btn--cancel{background:var(--border-color);color:var(--text-primary)}.discount-modal__btn--cancel:hover{background:var(--bg-secondary)}.discount-modal__btn--remove{background:#dc262633;color:#f87171;flex:0 0 auto}.discount-modal__btn--remove:hover{background:#dc26264d}.discount-modal__btn--apply{background:var(--color-primary);color:#fff}.discount-modal__btn--apply:hover:not(:disabled){background:var(--color-primary-hover)}.discount-modal__btn--apply:disabled{opacity:.5;cursor:not-allowed}.product-catalog{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border-radius:var(--radius-md)}.menu-selector{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);overflow-x:auto}.menu-selector::-webkit-scrollbar{height:4px}.menu-selector::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.menu-selector__item{padding:var(--spacing-sm) var(--spacing-lg);background:var(--border-color);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s}.menu-selector__item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.menu-selector__item--active{border-color:var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary)}.category-tabs{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.category-tabs__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s}.category-tabs__item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-tabs__item--active{background:var(--border-color);color:var(--text-primary)}.category-tabs__color{width:8px;height:8px;border-radius:50%}.category-tabs__count{padding:2px var(--spacing-xs);background:var(--border-color);border-radius:10px;font-size:var(--font-size-xs);color:var(--text-tertiary)}.product-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--product-card-width),1fr));gap:var(--spacing-md);padding:calc(var(--spacing-md) + 4px);overflow-y:auto;align-content:start}.product-grid::-webkit-scrollbar{width:6px}.product-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.product-grid__empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-tertiary)}.product-grid__empty-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg)}.product-grid__empty-text{font-size:var(--font-size-sm)}.product-card{display:flex;flex-direction:column;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.product-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.product-card:active{transform:translateY(0)}.product-card--out-of-stock{opacity:.5;pointer-events:none}.product-card__image{width:100%;height:calc(var(--product-card-height) * .55);background:var(--border-color);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl)}.product-card__image img{width:100%;height:100%;object-fit:cover}.product-card__content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-card__name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__sku{font-size:var(--font-size-xs);color:var(--text-tertiary)}.product-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xs)}.product-card__price{font-size:var(--font-size-base);font-weight:600;color:#4ade80}.product-card__stock{font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);background:var(--border-color);color:var(--text-secondary)}.product-card__stock--low{background:#f9731633;color:#f97316}.product-card__stock--out{background:#dc262633;color:#dc2626}.all-categories-view{flex:1;overflow-y:auto;padding:4px}.all-categories-view::-webkit-scrollbar{width:6px}.all-categories-view::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.category-section{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-md)}.category-section:last-child{margin-bottom:4px}.category-section__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.category-section__color{width:12px;height:12px;border-radius:var(--radius-sm)}.category-section__name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.category-section__count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.category-section__products{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--product-card-width),1fr));gap:var(--spacing-md);padding:4px}.catalog-search{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.catalog-search__input{width:100%;padding:var(--spacing-sm) var(--spacing-lg);padding-left:calc(var(--spacing-2xl) + 4px);background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm)}.catalog-search__input::placeholder{color:var(--text-tertiary)}.catalog-search__input:focus{outline:none;border-color:var(--color-primary)}.catalog-search__wrapper{position:relative}.catalog-search__icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--font-size-sm)}.product-customizer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.product-customizer{background:var(--bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0006}.product-customizer__header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-color);position:relative}.product-customizer__header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0;padding-right:var(--spacing-2xl)}.product-customizer__base-price{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.product-customizer__close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:32px;height:32px;border:none;background:var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.product-customizer__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.product-customizer__content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.product-customizer__content::-webkit-scrollbar{width:6px}.product-customizer__content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.product-customizer__empty{padding:var(--spacing-2xl);text-align:center;color:var(--text-tertiary)}.product-customizer__footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-color);background:var(--bg-tertiary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.product-customizer__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-secondary)}.product-customizer__total-price{font-size:var(--font-size-xl);font-weight:700;color:#4ade80}.product-customizer__actions{display:flex;gap:var(--spacing-md)}.product-customizer__cancel,.product-customizer__add{flex:1;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s}.product-customizer__cancel{background:var(--border-color);color:var(--text-primary)}.product-customizer__cancel:hover{background:var(--bg-tertiary)}.product-customizer__add{background:var(--color-primary);color:#fff}.product-customizer__add:hover:not(:disabled){background:var(--color-primary-hover)}.product-customizer__add:disabled{opacity:.5;cursor:not-allowed}.customizer-group{margin-bottom:var(--spacing-xl)}.customizer-group:last-child{margin-bottom:0}.customizer-group__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.customizer-group__name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.customizer-group__required{padding:2px var(--spacing-sm);background:#f9731633;color:#f97316;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.customizer-group__options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customizer-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.customizer-option:hover{background:var(--border-color)}.customizer-option--selected{border-color:var(--color-primary);background:var(--color-primary-alpha)}.customizer-option input[type=radio],.customizer-option input[type=checkbox]{display:none}.customizer-option__radio{width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;position:relative;flex-shrink:0;transition:all .2s}.customizer-option__radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--color-primary);border-radius:50%;opacity:0;transition:opacity .2s}.customizer-option--selected .customizer-option__radio{border-color:var(--color-primary)}.customizer-option--selected .customizer-option__radio:after{opacity:1}.customizer-option__checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:var(--radius-sm);position:relative;flex-shrink:0;transition:all .2s}.customizer-option__checkbox:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:600;opacity:0;transition:opacity .2s}.customizer-option--selected .customizer-option__checkbox{background:var(--color-primary);border-color:var(--color-primary)}.customizer-option--selected .customizer-option__checkbox:after{opacity:1}.customizer-option__name{flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.customizer-option__price{font-size:var(--font-size-sm);color:#4ade80;font-weight:500}.order-management{display:grid;grid-template-columns:280px 1fr 360px;gap:var(--spacing-lg);height:100%;flex:1;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);background:var(--bg-primary);overflow:hidden}.order-management__sidebar{display:flex;flex-direction:column;gap:var(--spacing-sm);overflow:hidden;min-height:0}.order-management__sidebar>.table-selector{flex:2;min-height:0;display:flex;flex-direction:column}.order-management__sidebar>.takeaway-selector{flex:1;min-height:0;display:flex;flex-direction:column}.order-management__sidebar>.delivery-selector{flex:1;min-height:0;display:flex;flex-direction:column}.order-management__sidebar>.customer-selector{flex:1;min-height:0;display:flex;flex-direction:column}.order-management__main{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;min-height:0}.order-management__order-panel{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-header__title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.panel-header__badge{padding:2px var(--spacing-sm);background:var(--border-color);border:none;border-radius:var(--radius-sm);font-size:10px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.panel-header__badge:hover{background:#ef4444;color:#fff}.table-selector{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.table-selector__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:var(--spacing-sm);flex:1;overflow-y:auto;align-content:start}.table-selector__grid::-webkit-scrollbar{width:3px}.table-selector__grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.table-selector__item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;background:var(--border-color);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.table-selector__item:hover{background:var(--bg-tertiary)}.table-selector__item--available{border-color:#4ade80}.table-selector__item--occupied{border-color:#f97316;background:#f973161a}.table-selector__item--reserved{border-color:#a78bfa}.table-selector__item--selected{border-color:var(--color-primary);background:var(--color-primary-alpha)}.table-selector__number{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.table-selector__capacity{font-size:10px;color:var(--text-tertiary);margin-top:2px}.takeaway-selector{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.takeaway-selector__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:var(--spacing-sm);flex:1;overflow-y:auto;align-content:start}.takeaway-selector__grid::-webkit-scrollbar{width:3px}.takeaway-selector__grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.takeaway-selector__item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;background:var(--border-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.takeaway-selector__item:hover{background:var(--bg-tertiary)}.takeaway-selector__item--available{border-color:#4ade80}.takeaway-selector__item--in-use{border-color:#f97316;background:#f973161a}.takeaway-selector__item--ready{border-color:#3b82f6;background:#3b82f61a}.takeaway-selector__item--selected{border-color:var(--color-primary);background:var(--color-primary-alpha)}.takeaway-selector__item--occupied{border-color:#f97316;background:#f9731626}.takeaway-selector__item:disabled{opacity:.5;cursor:not-allowed}.takeaway-selector__token{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;color:#fff}.takeaway-selector__time{font-size:9px;color:var(--text-tertiary);margin-top:2px}.delivery-selector{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.delivery-selector__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:var(--spacing-sm);flex:1;overflow-y:auto;align-content:start}.delivery-selector__grid::-webkit-scrollbar{width:3px}.delivery-selector__grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.delivery-selector__item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;background:var(--border-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.delivery-selector__item:hover{background:var(--bg-tertiary)}.delivery-selector__item--available{border-color:#4ade80}.delivery-selector__item--assigned{border-color:#f59e0b;background:#f59e0b1a}.delivery-selector__item--out{border-color:#3b82f6;background:#3b82f61a}.delivery-selector__item--delivered{border-color:#10b981;background:#10b9811a}.delivery-selector__item--selected{border-color:var(--color-primary);background:var(--color-primary-alpha)}.delivery-selector__item--occupied{border-color:#f97316;background:#f9731626}.delivery-selector__item:disabled{opacity:.5;cursor:not-allowed}.delivery-selector__slot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:700;color:#fff}.delivery-selector__type{font-size:9px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.delivery-selector__time{font-size:9px;color:var(--text-tertiary)}.customer-selector{background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden}.customer-selector__search{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.customer-selector__input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm)}.customer-selector__input::placeholder{color:var(--text-tertiary)}.customer-selector__input:focus{outline:none;border-color:var(--color-primary)}.customer-selector__list{flex:1;overflow-y:auto}.customer-selector__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.customer-selector__item:hover{background:var(--bg-tertiary)}.customer-selector__item--selected{background:var(--color-primary-alpha)}.customer-selector__avatar{width:36px;height:36px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.customer-selector__info{flex:1}.customer-selector__name{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.customer-selector__phone{font-size:var(--font-size-xs);color:var(--text-tertiary)}.customer-selector__add-btn{width:100%;padding:var(--spacing-md);background:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background .2s}.customer-selector__add-btn:hover{background:var(--color-primary-alpha)}.order-panel__start{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--spacing-2xl);text-align:center}.order-panel__start-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xl);opacity:.5}.order-panel__start-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.order-panel__start-text{font-size:var(--font-size-sm);color:var(--text-tertiary);max-width:200px;line-height:1.5}.order-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.order-header__number{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.order-header__info{display:flex;gap:2px}.order-header__badge{padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.order-header__badge--table{background:#4ade8033;color:#4ade80}.order-header__badge--takeaway{background:#f9731633;color:#f97316}.order-header__badge--delivery{background:#3b82f633;color:#3b82f6}.quick-entry{padding:1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.quick-entry__input-wrapper{position:relative;display:flex;gap:.5rem}.quick-entry__input{flex:1;padding:.875rem 1rem .875rem 2.5rem;background:var(--border-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem}.quick-entry__input::placeholder{color:var(--text-tertiary)}.quick-entry__input:focus{outline:none;border-color:var(--color-primary)}.quick-entry__icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.quick-entry__btn{padding:.875rem 1.25rem;background:var(--color-primary);border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.quick-entry__btn:hover{background:var(--color-primary-hover)}.quick-entry__btn--barcode{background:var(--border-color)}.quick-entry__btn--barcode:hover{background:var(--bg-tertiary)}.quick-entry__suggestions{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--border-color);border:1px solid var(--border-color);border-radius:6px;max-height:200px;overflow-y:auto;z-index:10}.quick-entry__suggestion-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background .2s}.quick-entry__suggestion-item:hover{background:var(--bg-tertiary)}.quick-entry__suggestion-item:not(:last-child){border-bottom:1px solid var(--bg-tertiary)}.quick-entry__suggestion-name{font-weight:500;color:var(--text-primary)}.quick-entry__suggestion-sku{font-size:.75rem;color:var(--text-tertiary);margin-top:.125rem}.quick-entry__suggestion-price{color:#4ade80;font-weight:600}.order-items{flex:1;overflow-y:auto;padding:var(--spacing-xs)}.order-items__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:150px;color:var(--text-tertiary)}.order-items__empty-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.order-items__empty-text{font-size:var(--font-size-xs)}.order-item{display:flex;flex-direction:column;padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);cursor:pointer;transition:background .2s;-webkit-tap-highlight-color:transparent}.order-item:active,.order-item--expanded{background:var(--border-color)}.order-item--voided{opacity:.5;text-decoration:line-through}.order-item--gifted{border-left:2px solid #a78bfa}.order-item__main{display:flex;flex-direction:column;gap:2px}.order-item__top-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.order-item__bottom-row{display:flex;align-items:center;gap:var(--spacing-xs)}.order-item__quantity{display:flex;align-items:center;gap:1px}.order-item__qty-btn{width:calc(var(--font-size-base) + 6px);height:calc(var(--font-size-base) + 6px);display:flex;align-items:center;justify-content:center;background:var(--border-color);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-xs)}.order-item__qty-btn:hover{background:var(--bg-tertiary)}.order-item__qty-value{width:calc(var(--font-size-base) + 4px);text-align:center;font-weight:600;font-size:var(--font-size-xs);color:var(--text-primary)}.order-item__type-toggle{display:flex;gap:1px}.order-item__type-btn{width:calc(var(--font-size-base) + 6px);height:calc(var(--font-size-base) + 6px);display:flex;align-items:center;justify-content:center;background:var(--border-color);border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s}.order-item__type-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-secondary)}.order-item__type-btn--active{background:var(--color-primary);color:#fff}.order-item__type-btn--active:hover:not(:disabled){background:var(--color-primary-hover);color:#fff}.order-item__type-btn:disabled{opacity:.5;cursor:not-allowed}.order-item__details{flex:1;min-width:0}.order-item__name{font-weight:500;font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-item__customizations{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.order-item__customization-tag{font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--border-color);padding:1px var(--spacing-xs);border-radius:var(--radius-sm);white-space:nowrap}.order-item__sku{font-size:var(--font-size-xs);color:var(--text-tertiary)}.order-item__status-badge{font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);margin-left:var(--spacing-sm)}.order-item__status-badge--voided{background:#dc2626;color:#fff}.order-item__status-badge--gifted{background:#a78bfa;color:#fff}.order-item__status-badge--cancelled{background:var(--text-tertiary);color:#fff}.order-item__pricing{display:flex;flex-direction:column;align-items:flex-end;gap:0}.order-item__price{display:flex;align-items:center;gap:var(--spacing-xs)}.order-item__unit-price{font-size:var(--font-size-xs);color:var(--text-tertiary)}.order-item__unit-price--modified{text-decoration:line-through;color:var(--text-tertiary)}.order-item__modified-price{color:#4ade80;font-size:var(--font-size-xs)}.order-item__total{font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary)}.order-item__price-edit{width:80px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--border-color);border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--text-primary);text-align:right;font-size:var(--font-size-sm)}.order-item__price-edit:focus{outline:none}.order-item__actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-color)}.order-item__action-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--border-color);border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s}.order-item__action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.order-item__action-btn--void:hover{background:#dc262633;color:#dc2626}.order-item__action-btn--gift:hover{background:#a78bfa33;color:#a78bfa}.order-item__action-btn--notes:hover{background:var(--color-primary-alpha);color:var(--color-primary)}.order-item__notes{margin-top:var(--spacing-xs);padding:var(--spacing-xs);background:var(--border-color);border-radius:var(--radius-sm)}.order-item__note-input{width:100%;padding:var(--spacing-xs);background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-xs);resize:none}.order-item__note-input::placeholder{color:var(--text-tertiary)}.order-item__note-input:focus{outline:none}.order-item__note-text{font-size:var(--font-size-xs);color:var(--text-tertiary);font-style:italic}.order-item__discount{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:2px}.order-item__discount-tag{font-size:var(--font-size-xs);color:#f97316;background:#f9731626;padding:1px var(--spacing-xs);border-radius:var(--radius-sm);white-space:nowrap}.order-item__discount-amount{font-size:var(--font-size-xs);color:#f97316;font-weight:500}.order-item__total--discounted{color:#f97316}.order-item__action-btn--discount:hover{background:#f9731633;color:#f97316}.order-item__action-btn--has-discount{background:#f9731626;color:#f97316}.order-item__action-btn--has-discount:hover{background:#f973164d}.order-notes{padding:var(--spacing-xs);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.order-notes__toggle{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs);background:var(--border-color);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s}.order-notes__toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.order-notes__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.order-notes__label{display:flex;align-items:center;gap:2px;font-size:var(--font-size-xs);color:var(--text-tertiary)}.order-notes__close{background:transparent;border:none;color:var(--text-tertiary);font-size:var(--font-size-xs);cursor:pointer;padding:2px;line-height:1}.order-notes__close:hover{color:var(--text-primary)}.order-notes__textarea{width:100%;padding:var(--spacing-xs);background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-xs);resize:none;min-height:32px}.order-notes__textarea::placeholder{color:var(--text-tertiary)}.order-notes__textarea:focus{outline:none;border-color:var(--color-primary)}.order-summary{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.order-summary__row{display:flex;justify-content:space-between;padding:2px 0;font-size:var(--font-size-xs)}.order-summary__row--discount .order-summary__label{color:#f97316}.order-summary__row--action{padding:var(--spacing-xs) 0}.order-summary__row--total{padding-top:var(--spacing-xs);margin-top:2px;border-top:1px solid var(--border-color);font-size:var(--font-size-sm);font-weight:600}.order-summary__label{color:var(--text-tertiary)}.order-summary__value{color:var(--text-primary)}.order-summary__value--discount{color:#f97316}.order-summary__value--total{color:#4ade80}.order-summary__discount-btn{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--border-color);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s}.order-summary__discount-btn:hover{border-color:#f97316;color:#f97316;background:#f973161a}.order-summary__discount-btn--active{background:#f9731626;border-color:#f97316;border-style:solid;color:#f97316}.order-summary__discount-btn--active:hover{background:#f9731640}.order-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-primary)}.order-actions__btn{padding:var(--spacing-sm);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs);cursor:pointer;transition:all .2s}.order-actions__btn--cancel{background:var(--border-color);color:var(--text-primary)}.order-actions__btn--cancel:hover{background:var(--bg-tertiary)}.order-actions__btn--void{background:#dc262633;color:#dc2626}.order-actions__btn--void:hover{background:#dc26264d}.order-actions__btn--add{background:#3b82f633;color:#3b82f6}.order-actions__btn--add:hover{background:#3b82f64d}.order-actions__btn--pay{grid-column:span 2;background:#4ade80;color:#000}.order-actions__btn--pay:hover{background:#3acf70}.order-actions__btn--pay:disabled{background:var(--border-color);color:var(--text-tertiary);cursor:not-allowed}.order-type-toggle{display:flex;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.order-type-toggle__btn{flex:1;padding:.625rem;background:var(--border-color);border:2px solid transparent;border-radius:6px;color:var(--text-tertiary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.order-type-toggle__btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.order-type-toggle__btn--active{border-color:var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary)}.payment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.payment-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0006}.payment-modal__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.payment-modal__header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.payment-modal__close{width:32px;height:32px;border:none;background:var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.payment-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.payment-modal__content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.payment-modal__summary{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.payment-modal__summary-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.payment-modal__summary-row--discount span:last-child{color:#f97316}.payment-modal__summary-row--tip span:last-child{color:#4ade80}.payment-modal__summary-row--total{padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-size:var(--font-size-lg);font-weight:600}.payment-modal__summary-row--total span:first-child{color:var(--text-primary)}.payment-modal__summary-row--total span:last-child{color:#4ade80}.payment-modal__section{margin-bottom:var(--spacing-lg)}.payment-modal__section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.payment-modal__tips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.payment-modal__tip-btn{flex:1;min-width:70px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.payment-modal__tip-btn:hover{background:var(--border-color)}.payment-modal__tip-btn--active{border-color:var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary)}.payment-modal__tip-amount{font-size:var(--font-size-xs);opacity:.7}.payment-modal__tip-custom{flex:1;min-width:80px}.payment-modal__tip-custom input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);text-align:center}.payment-modal__tip-custom input:focus{outline:none;border-color:var(--color-primary)}.payment-modal__tip-custom input::placeholder{color:var(--text-tertiary)}.payment-modal__methods{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.payment-modal__method{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.payment-modal__method:hover{background:var(--border-color)}.payment-modal__method--active{border-color:var(--color-primary);background:var(--color-primary-alpha)}.payment-modal__method-icon{font-size:var(--font-size-2xl)}.payment-modal__method-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.payment-modal__cash{display:flex;flex-direction:column;gap:var(--spacing-md)}.payment-modal__cash-input{width:100%;padding:var(--spacing-lg);background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;text-align:center}.payment-modal__cash-input:focus{outline:none;border-color:var(--color-primary)}.payment-modal__cash-input::placeholder{color:var(--text-tertiary)}.payment-modal__quick-amounts{display:flex;gap:var(--spacing-sm)}.payment-modal__quick-btn{flex:1;padding:var(--spacing-sm);background:var(--border-color);border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.payment-modal__quick-btn:hover{background:var(--bg-tertiary);color:var(--color-primary)}.payment-modal__change{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#4ade801a;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.payment-modal__change-amount{font-size:var(--font-size-xl);font-weight:700;color:#4ade80}.payment-modal__footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md)}.payment-modal__btn{flex:1;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s}.payment-modal__btn--cancel{background:var(--border-color);color:var(--text-primary)}.payment-modal__btn--cancel:hover{background:var(--bg-tertiary)}.payment-modal__btn--complete{background:#4ade80;color:#000}.payment-modal__btn--complete:hover:not(:disabled){background:#3acf70}.payment-modal__btn--complete:disabled{opacity:.5;cursor:not-allowed}.image-upload{width:100%}.image-upload__dropzone{display:flex;align-items:center;justify-content:center;min-height:150px;padding:var(--spacing-xl);border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-tertiary);cursor:pointer;transition:all .2s ease}.image-upload__dropzone:hover,.image-upload__dropzone--active{border-color:var(--color-primary);background:var(--color-primary-alpha)}.image-upload__dropzone--reject{border-color:#ef4444;background:#ef44441a}.image-upload__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--text-tertiary);text-align:center}.image-upload__placeholder svg{opacity:.5}.image-upload__placeholder span{font-size:var(--font-size-sm)}.image-upload__hint{font-size:var(--font-size-xs)!important;opacity:.6}.image-upload__loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-primary)}.image-upload__spinner{width:32px;height:32px;border:3px solid var(--color-primary-alpha);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.image-upload__preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.image-upload__preview img{max-width:200px;max-height:150px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--border-color)}.image-upload__actions{display:flex;gap:var(--spacing-sm)}.image-upload__btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.image-upload__btn--change{background:var(--border-color);color:var(--text-primary)}.image-upload__btn--change:hover:not(:disabled){background:var(--bg-tertiary)}.image-upload__btn--remove{background:transparent;color:#ef4444;border:1px solid #ef4444}.image-upload__btn--remove:hover:not(:disabled){background:#ef44441a}.image-upload__btn:disabled{opacity:.5;cursor:not-allowed}.image-upload__error{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#ef44441a;border-radius:var(--radius-sm);color:#ef4444;font-size:var(--font-size-sm);text-align:center}.access-management-settings .settings-group__description{color:var(--text-tertiary);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.staff-overview__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:768px){.staff-overview__cards{grid-template-columns:repeat(2,1fr)}}.staff-overview__card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;text-align:center}.staff-overview__card--total{background:var(--color-primary-alpha);border-color:var(--color-primary)}.staff-overview__count{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.staff-overview__label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.staff-overview__manage-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.staff-overview__manage-btn:hover{background:var(--color-primary-hover)}.module-permissions{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:1rem}.module-permissions__group-header{padding:.75rem 1rem;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.02em}.module-permissions__header{display:grid;grid-template-columns:1fr repeat(3,80px);gap:.5rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary)}@media(max-width:600px){.module-permissions__header{grid-template-columns:1fr repeat(3,60px)}}.module-permissions__row{display:grid;grid-template-columns:1fr repeat(3,80px);gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);align-items:center}.module-permissions__row:last-child{border-bottom:none}.module-permissions__row:hover{background:var(--bg-secondary)}@media(max-width:600px){.module-permissions__row{grid-template-columns:1fr repeat(3,60px)}}.module-permissions__module-col{display:flex;align-items:center;gap:.75rem}.module-permissions__icon{font-size:1.25rem;flex-shrink:0}.module-permissions__info{display:flex;flex-direction:column;min-width:0}.module-permissions__name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.module-permissions__desc{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.module-permissions__desc{display:none}}.module-permissions__role-col{display:flex;justify-content:center;align-items:center}.audit-log__loading,.audit-log__empty{padding:2rem;text-align:center;color:var(--text-tertiary);font-size:.875rem}.audit-log__list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.audit-log__item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.audit-log__action-badge{flex-shrink:0;padding:.25rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}.audit-log__details{flex:1;min-width:0}.audit-log__performer{font-size:.875rem;color:var(--text-primary);font-weight:500}.audit-log__authorized{font-weight:400;color:var(--text-tertiary);font-size:.8125rem}.audit-log__context{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;font-size:.75rem;color:var(--text-tertiary)}.audit-log__context span{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px}.audit-log__time{flex-shrink:0;font-size:.75rem;color:var(--text-tertiary);white-space:nowrap}.settings{display:flex;height:100%;background:var(--bg-primary)}.settings__sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.settings__header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.settings__header h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0}.settings__header p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:var(--spacing-sm) 0 0}.settings__nav{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.settings__nav::-webkit-scrollbar{width:6px}.settings__nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.settings__nav-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all .2s}.settings__nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.settings__nav-item--active{background:var(--color-primary-alpha);color:var(--color-primary)}.settings__nav-icon{font-size:var(--font-size-xl);width:28px;text-align:center}.settings__nav-text{flex:1}.settings__nav-name{font-weight:500}.settings__nav-desc{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.settings__content{flex:1;overflow-y:auto;padding:var(--spacing-2xl)}.settings__content::-webkit-scrollbar{width:8px}.settings__content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.settings__section{max-width:800px}.settings__section-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.settings__section-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.settings__section-header p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:var(--spacing-sm) 0 0}.settings__back-btn{display:none;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-lg);background:var(--border-color);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.settings__back-btn:hover{background:var(--bg-tertiary)}@media(max-width:768px){.settings__back-btn{display:flex}}.settings-group{background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);overflow:hidden}.settings-group__header{padding:var(--spacing-lg) var(--spacing-lg);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.settings-group__header h3{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0}.settings-group__content{padding:var(--spacing-sm) 0}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary)}.setting-item:last-child{border-bottom:none}.setting-item--column{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.setting-item__info{flex:1;min-width:0}.setting-item__control{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}.setting-item__label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.setting-item__description{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.setting-item__control{flex-shrink:0}.toggle-switch{position:relative;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-switch__slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-switch__slider{opacity:.5;cursor:not-allowed}.toggle-switch__slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border-color);border-radius:26px;transition:all .3s}.toggle-switch__slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s}.setting-input{width:100%;max-width:300px;padding:var(--spacing-sm) var(--spacing-md);background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm)}.setting-input::placeholder{color:var(--text-tertiary)}.setting-input:focus{outline:none;border-color:var(--color-primary)}.setting-input--full{max-width:100%}.setting-input--small{max-width:120px}.setting-select{min-width:150px;padding:var(--spacing-sm) var(--spacing-2xl) var(--spacing-sm) var(--spacing-md);background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center}.setting-select:focus{outline:none;border-color:var(--color-primary)}.setting-select option{background:var(--border-color);color:var(--text-primary)}.setting-number{display:flex;align-items:center;gap:var(--spacing-sm)}.setting-number input{width:80px;padding:var(--spacing-sm) var(--spacing-md);background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);text-align:right}.setting-number input:focus{outline:none;border-color:var(--color-primary)}.setting-number input::-webkit-inner-spin-button,.setting-number input::-webkit-outer-spin-button{opacity:1}.setting-number__unit{font-size:var(--font-size-sm);color:var(--text-tertiary)}.setting-color{display:flex;align-items:center;gap:var(--spacing-md)}.setting-color input[type=color]{width:40px;height:40px;padding:0;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:transparent}.setting-color input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.setting-color input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.setting-color__value{font-size:var(--font-size-sm);color:var(--text-tertiary);font-family:monospace}.setting-textarea{width:100%;min-height:80px;padding:var(--spacing-md);background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);resize:vertical}.setting-textarea::placeholder{color:var(--text-tertiary)}.setting-textarea:focus{outline:none;border-color:var(--color-primary)}.setting-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.setting-buttons__btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--border-color);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.setting-buttons__btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.setting-buttons__btn--active{border-color:var(--color-primary);background:var(--color-primary-alpha);color:var(--color-primary)}.setting-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-md)}.setting-checkbox{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer}.setting-checkbox input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;position:relative;transition:all .2s;flex-shrink:0}.setting-checkbox input:checked{background:var(--color-primary);border-color:var(--color-primary)}.setting-checkbox input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:600}.setting-checkbox input:hover{border-color:var(--color-primary)}.setting-checkbox span{font-size:var(--font-size-sm);color:var(--text-secondary)}.settings-actions{display:flex;justify-content:flex-end;gap:var(--spacing-lg);padding:var(--spacing-xl) 0;margin-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.settings-actions__btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.settings-actions__btn--cancel{background:var(--border-color);color:var(--text-primary)}.settings-actions__btn--cancel:hover{background:var(--bg-tertiary)}.settings-actions__btn--save{background:var(--color-primary);color:#fff}.settings-actions__btn--save:hover{background:var(--color-primary-hover)}.settings-actions__btn--save:disabled{background:var(--border-color);color:var(--text-tertiary);cursor:not-allowed}.entity-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg)}.entity-list-header__count{font-size:var(--font-size-sm);color:var(--text-tertiary)}.entity-list-header__add-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background .2s}.entity-list-header__add-btn:hover{background:var(--color-primary-hover)}.entity-filter{padding:var(--spacing-lg) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.entity-filter label{font-size:var(--font-size-sm);color:var(--text-tertiary)}.entity-filter--row{flex-wrap:wrap}.entity-filter__field{display:flex;align-items:center;gap:var(--spacing-sm)}.entity-form{padding:var(--spacing-lg) var(--spacing-lg)}.entity-form__field{margin-bottom:var(--spacing-lg)}.entity-form__field label{display:block;font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.entity-form__field--inline{display:flex;align-items:center;gap:var(--spacing-lg)}.entity-form__field--inline label{margin-bottom:0}.entity-form__field--flex{flex:1}.entity-form__row{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.entity-form__row .entity-form__field{margin-bottom:0;flex:1}.entity-form__section{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.entity-form__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.entity-form__section-header span{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.entity-form__hint{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0}.entity-form__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.entity-form__btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s}.entity-form__btn--cancel{background:var(--border-color);color:var(--text-primary)}.entity-form__btn--cancel:hover{background:var(--bg-tertiary)}.entity-form__btn--save{background:var(--color-primary);color:#fff}.entity-form__btn--save:hover{background:var(--color-primary-hover)}.entity-form__btn--save:disabled{background:var(--border-color);color:var(--text-tertiary);cursor:not-allowed}.entity-list{padding:var(--spacing-sm) 0}.entity-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary)}.entity-card:last-child{border-bottom:none}.entity-card--inactive{opacity:.6}.entity-card__color{width:8px;height:40px;border-radius:var(--radius-sm);flex-shrink:0}.entity-card__info{flex:1;min-width:0}.entity-card__name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.entity-card__description{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.entity-card__meta{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.entity-card__actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.entity-card__btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--border-color);border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s}.entity-card__btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.entity-card__btn--edit:hover{background:var(--color-primary-hover);color:#fff}.entity-card__btn--delete:hover{background:#ef4444;color:#fff}.entity-card__btn--toggle:hover{background:#f59e0b;color:#fff}.entity-empty{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.entity-empty p{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg)}.entity-empty__btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.entity-empty__btn:hover{background:var(--color-primary-hover)}.color-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--spacing-sm)}.color-picker-grid__item{width:32px;height:32px;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.color-picker-grid__item:hover{transform:scale(1.1)}.color-picker-grid__item--selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--color-primary)}.takeaway-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-lg)}.takeaway-card{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.takeaway-card__header{padding:var(--spacing-md);text-align:center}.takeaway-card__token{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.takeaway-card__body{padding:var(--spacing-md)}.takeaway-card__name{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-sm)}.takeaway-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs)}.takeaway-card__status{text-transform:capitalize}.takeaway-card__time{color:var(--text-tertiary)}.takeaway-card__actions{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);border-top:1px solid var(--border-color);justify-content:center}.delivery-types-list{padding:var(--spacing-sm) var(--spacing-lg)}.delivery-type-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.delivery-type-item:last-child{margin-bottom:0}.delivery-type-item--inactive{opacity:.6}.delivery-type-item__color{width:24px;height:24px;border-radius:var(--radius-md);flex-shrink:0}.delivery-type-item__info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.delivery-type-item__name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary)}.delivery-type-item__badge{font-size:var(--font-size-xs);padding:2px var(--spacing-sm);background:var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary)}.delivery-type-item__actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.takeaway-card__type{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;margin-bottom:var(--spacing-xs)}.takeaway-card__driver{font-size:var(--font-size-xs);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-xs)}.settings-info{padding:0 var(--spacing-lg) var(--spacing-lg)}.settings-info p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin:0 0 var(--spacing-md);line-height:1.5}.settings-info ul{margin:0;padding-left:var(--spacing-lg)}.settings-info ul li{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.product-list{padding:var(--spacing-sm) 0}.product-card{padding:var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary)}.product-card:last-child{border-bottom:none}.product-card--inactive{opacity:.6}.product-card__main{display:flex;justify-content:space-between;gap:var(--spacing-lg)}.product-card__info{flex:1;min-width:0}.product-card__name{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.product-card__badge{font-size:var(--font-size-xs);padding:2px var(--spacing-sm);background:var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary)}.product-card__description{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.product-card__meta{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs);display:flex;gap:var(--spacing-lg)}.product-card__category{color:var(--color-primary)}.product-card__pricing{text-align:right;flex-shrink:0}.product-card__price{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary)}.product-card__cost{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.product-card__stock{margin-top:var(--spacing-sm)}.product-card__stock-badge{display:inline-block;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#2a4a2a;border-radius:var(--radius-sm);color:#4ade80}.product-card__stock-badge--low{background:#4a3a2a;color:#fbbf24}.product-card__stock-badge--out{background:#4a2a2a;color:#ef4444}.product-card__actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.currency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-lg);max-height:400px;overflow-y:auto}.currency-grid::-webkit-scrollbar{width:6px}.currency-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.currency-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);background:var(--border-color);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.currency-card:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.currency-card--selected{border-color:var(--color-primary);background:var(--color-primary-alpha)}.currency-card__symbol{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.currency-card__code{font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary)}.currency-card__name{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;line-height:1.2}.currency-preview{padding:var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.currency-preview__item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--border-color);border-radius:var(--radius-md)}.currency-preview__label{font-size:var(--font-size-sm);color:var(--text-tertiary)}.currency-preview__value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);font-family:monospace}.screen-info{padding:var(--spacing-lg) var(--spacing-lg)}.screen-info__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.screen-info__item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--border-color);border-radius:var(--radius-md);text-align:center}.screen-info__item--highlight{background:var(--color-primary-alpha);border:1px solid var(--color-primary)}.screen-info__label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.screen-info__value{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);font-family:monospace}.screen-info__item--highlight .screen-info__value{color:var(--color-primary)}.scale-preview{padding:var(--spacing-lg) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.scale-preview__sample{padding:var(--spacing-lg);background:var(--border-color);border-radius:var(--radius-md)}.scale-preview__text-sample{display:flex;flex-direction:column;gap:var(--spacing-sm)}.scale-preview__text-sample span{color:var(--text-secondary)}.scale-preview__text-sample span:first-child{font-size:var(--font-size-xs)}.scale-preview__text-sample span:nth-child(2){font-size:var(--font-size-sm)}.scale-preview__text-sample span:nth-child(3){font-size:var(--font-size-base)}.scale-preview__text-sample span:nth-child(4){font-size:var(--font-size-lg)}.scale-preview__text-sample span:last-child{font-size:var(--font-size-xl)}@media(max-width:768px){.settings{flex-direction:column}.settings__sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.settings__sidebar--hidden{display:none}.settings__content{padding:var(--spacing-lg)}.settings__content--hidden{display:none}}.customization-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-sm)}.customization-checkbox{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.customization-checkbox:hover{background:var(--border-color)}.customization-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.customization-checkbox__label{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.customization-checkbox__required{padding:2px var(--spacing-xs);background:#f9731633;color:#f97316;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.customization-checkbox__count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.customization-checkbox__price{font-size:var(--font-size-sm);color:#4ade80;font-weight:500}.printer-connection{padding:var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.printer-connection__status{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.printer-connection__indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.printer-connection__indicator--green{background:#22c55e;box-shadow:0 0 8px #22c55e80}.printer-connection__indicator--yellow{background:#f59e0b;box-shadow:0 0 8px #f59e0b80;animation:pulse 1.5s infinite}.printer-connection__indicator--red{background:#ef4444;box-shadow:0 0 8px #ef444480}.printer-connection__indicator--gray{background:#ffffff4d}.printer-connection__info{flex:1}.printer-connection__label{font-weight:600;color:var(--text-primary)}.printer-connection__detail{font-size:var(--font-size-sm);color:var(--text-tertiary);display:block;margin-top:2px}.printer-connection__error{padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.printer-connection__actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.printer-connection__btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.printer-connection__btn--primary{background:var(--color-primary);color:#fff}.printer-connection__btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.printer-connection__btn--secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.printer-connection__btn--secondary:hover:not(:disabled){background:var(--border-color)}.printer-connection__btn--danger{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444}.printer-connection__btn--danger:hover:not(:disabled){background:#ef44444d}.printer-connection__btn:disabled{opacity:.5;cursor:not-allowed}.printer-connection__methods{padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.printer-connection__methods-label{font-size:var(--font-size-xs);color:var(--text-tertiary);display:block;margin-bottom:var(--spacing-sm)}.printer-connection__methods-list{display:flex;gap:var(--spacing-sm)}.printer-connection__method{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.printer-connection__method:hover:not(:disabled){background:var(--border-color);color:var(--text-primary)}.printer-connection__method:disabled{opacity:.5;cursor:not-allowed}.settings-warning{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:var(--radius-lg)}.settings-warning__icon{width:24px;height:24px;background:#f97316;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.settings-warning__content strong{display:block;color:#f97316;margin-bottom:var(--spacing-xs)}.settings-warning__content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.receipt-preview-toggle{margin-bottom:var(--spacing-md)}.receipt-preview-toggle__btn{width:100%;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s}.receipt-preview-toggle__btn:hover{background:var(--border-color)}.receipt-preview{display:flex;justify-content:center;padding:var(--spacing-lg);background:#1a1a1a;border-radius:var(--radius-lg)}.receipt-preview__paper{background:#fff;color:#000;padding:var(--spacing-md);border-radius:2px;box-shadow:0 4px 12px #0000004d}.receipt-preview__paper--58mm{width:200px;font-size:10px}.receipt-preview__paper--80mm{width:280px;font-size:11px}.receipt-preview__content{font-family:Courier New,Courier,monospace;white-space:pre-wrap;word-break:break-all;line-height:1.4;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.screen-info{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.screen-info__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-md)}.screen-info__item{text-align:center;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm)}.screen-info__item--highlight{background:#4a9eff1a;border:1px solid rgba(74,158,255,.3)}.screen-info__label{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.screen-info__value{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--spacing-lg)}.login-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);width:100%;max-width:400px;box-shadow:0 4px 24px #0000004d}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-header h1{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.login-header p{color:var(--text-tertiary);margin:0;font-size:var(--font-size-base)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:opacity .2s}.login-error:hover{opacity:.8}.login-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.login-field input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:var(--text-tertiary)}.login-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.login-submit{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .2s,transform .1s;margin-top:var(--spacing-sm)}.login-submit:hover:not(:disabled){background:var(--color-primary-hover)}.login-submit:active:not(:disabled){transform:scale(.98)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.user-management{min-height:100vh;background:var(--bg-primary);padding:var(--spacing-xl)}.user-management__loading{display:flex;align-items:center;justify-content:center;height:50vh;color:var(--text-tertiary);font-size:var(--font-size-lg)}.user-management__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.user-management__title{display:flex;align-items:center;gap:var(--spacing-lg)}.user-management__title h1{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0}.back-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-tertiary);width:40px;height:40px;border-radius:var(--radius-md);font-size:var(--font-size-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.alert--success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.alert--error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.user-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-list__empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-lg)}.user-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-xl);transition:border-color .2s}.user-card:hover{border-color:var(--bg-tertiary)}.user-card--inactive{opacity:.6}.user-card__info{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.user-card__name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-base)}.user-card__you{font-weight:400;color:var(--color-primary);font-size:var(--font-size-sm);margin-left:var(--spacing-sm)}.user-card__email{color:var(--text-tertiary);font-size:var(--font-size-sm)}.user-card__actions{display:flex;gap:var(--spacing-sm)}.role-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.role-badge--owner{background:#8b5cf633;color:#c4b5fd}.role-badge--admin{background:#3b82f633;color:#93c5fd}.role-badge--cashier{background:#10b98133;color:#6ee7b7}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.status-badge--inactive{background:#ef444433;color:#fca5a5}.btn{background:var(--border-color);border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.btn:hover{background:var(--bg-tertiary);border-color:var(--bg-tertiary)}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--danger{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.btn--danger:hover{background:#ef444440}.btn--success{background:#10b98126;border-color:#10b9814d;color:#6ee7b7}.btn--success:hover{background:#10b98140}.btn--small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-lg)}.modal{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:420px;animation:slideUp .2s ease-out}.modal h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xl) 0}.modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.form-field{margin-bottom:var(--spacing-lg)}.form-field label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.form-field input,.form-field select{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-base);color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.form-field input::placeholder,.form-field select::placeholder{color:var(--text-tertiary)}.form-field input:focus,.form-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.form-field input:disabled,.form-field select:disabled{opacity:.6;cursor:not-allowed}.form-field select{cursor:pointer}.form-field small{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-tertiary)}.cashier-switch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cashier-switch-modal{animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.business-day-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.business-day-modal{background:var(--surface-primary, #1a1a2e);border-radius:1rem;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;position:relative;z-index:10000}.business-day-modal--wide{max-width:560px}.business-day-modal__header{padding:1.5rem;border-bottom:1px solid var(--border-primary);position:relative}.business-day-modal__header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.business-day-modal__date{margin:.5rem 0 0;font-size:.9rem;color:var(--text-secondary)}.business-day-modal__close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;border:none;background:var(--surface-secondary);border-radius:50%;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.business-day-modal__close:hover{background:var(--surface-tertiary);color:var(--text-primary)}.business-day-modal__content{flex:1;overflow-y:auto;padding:1.5rem}.business-day-modal__section{margin-bottom:1.5rem}.business-day-modal__section:last-child{margin-bottom:0}.business-day-modal__section h3{margin:0 0 .75rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.business-day-modal__info-box{background:var(--surface-secondary);border-radius:.75rem;padding:1rem}.business-day-modal__info-box--notice{background:var(--info-bg, #1e3a5f);border:1px solid var(--info-border, #3b82f6)}.business-day-modal__info-box--notice p{margin:0;color:var(--text-primary);font-size:.9rem}.business-day-modal__info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.business-day-modal__info-row span:first-child{color:var(--text-secondary)}.business-day-modal__hint{margin:.5rem 0 0;font-size:.8rem;color:var(--text-tertiary);font-style:italic}.business-day-modal__amount{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.business-day-modal__amount--discount{color:var(--error, #ef4444)}.business-day-modal__input-group{margin-bottom:1rem}.business-day-modal__input-group label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.business-day-modal__input{width:100%;box-sizing:border-box;padding:.875rem 1rem;font-size:1.25rem;font-weight:600;border:2px solid var(--border-primary, #374151);border-radius:.75rem;background:var(--surface-secondary, #1f2937);color:var(--text-primary, #f9fafb);text-align:right;transition:border-color .15s ease;-moz-appearance:textfield}.business-day-modal__input::-webkit-outer-spin-button,.business-day-modal__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.business-day-modal__input:focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.business-day-modal__input::placeholder{color:var(--text-tertiary, #6b7280)}.business-day-modal__quick-amounts{display:flex;gap:.5rem;flex-wrap:wrap}.business-day-modal__quick-btn{flex:1;min-width:100px;padding:.625rem 1rem;font-size:.9rem;font-weight:500;border:1px solid var(--border-primary);border-radius:.5rem;background:var(--surface-secondary);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.business-day-modal__quick-btn:hover{background:var(--surface-tertiary);border-color:var(--accent-primary)}.business-day-modal__textarea{width:100%;padding:.75rem 1rem;font-size:.9rem;border:2px solid var(--border-primary);border-radius:.75rem;background:var(--surface-secondary);color:var(--text-primary);resize:vertical;font-family:inherit;transition:border-color .15s ease}.business-day-modal__textarea:focus{outline:none;border-color:var(--accent-primary)}.business-day-modal__textarea::placeholder{color:var(--text-tertiary)}.business-day-modal__summary-box{background:var(--surface-secondary);border-radius:.75rem;padding:1rem}.business-day-modal__summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.business-day-modal__summary-row--indent{padding-left:1rem}.business-day-modal__summary-row--indent span:first-child{font-size:.85rem}.business-day-modal__summary-row--total{padding-top:.75rem}.business-day-modal__summary-row--total span:first-child{font-weight:600}.business-day-modal__divider{height:1px;background:var(--border-primary);margin:.5rem 0}.business-day-modal__variance{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.75rem 1rem;border-radius:.5rem;background:var(--surface-secondary);font-weight:600}.business-day-modal__variance--over{background:var(--success-bg, #064e3b);border:1px solid var(--success, #10b981);color:var(--success, #10b981)}.business-day-modal__variance--short{background:var(--error-bg, #450a0a);border:1px solid var(--error, #ef4444);color:var(--error, #ef4444)}.business-day-modal__warning{background:var(--warning-bg, #451a03);border:1px solid var(--warning, #f59e0b);border-radius:.75rem;padding:1rem}.business-day-modal__warning-icon{display:inline-block;padding:.25rem .75rem;background:var(--warning, #f59e0b);color:#000;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem;margin-bottom:.75rem}.business-day-modal__loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary);font-size:.9rem}.business-day-modal__error{background:var(--error-bg, #450a0a);border:1px solid var(--error, #ef4444);color:var(--error, #ef4444);padding:.75rem 1rem;border-radius:.5rem;font-size:.9rem;margin-top:1rem}.business-day-modal__footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-primary);justify-content:flex-end}.business-day-modal__btn{padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .15s ease}.business-day-modal__btn:disabled{opacity:.5;cursor:not-allowed}.business-day-modal__btn--cancel{background:var(--surface-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.business-day-modal__btn--cancel:hover:not(:disabled){background:var(--surface-tertiary)}.business-day-modal__btn--primary{background:var(--accent-primary);border:none;color:#fff}.business-day-modal__btn--primary:hover:not(:disabled){background:var(--accent-primary-hover)}.business-day-modal__btn--warning{background:var(--warning, #f59e0b);border:none;color:#000}.business-day-modal__btn--warning:hover:not(:disabled){background:var(--warning-hover, #d97706)}.business-date{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-secondary);border-radius:.5rem;cursor:pointer;transition:all .15s ease}.business-date:hover{background:var(--surface-tertiary)}.business-date__icon{font-size:1rem}.business-date__text{font-size:.875rem;font-weight:500;color:var(--text-primary)}.business-date__status{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.125rem .5rem;border-radius:.25rem}.business-date__status--open{background:var(--success, #10b981);color:#fff}.business-date__status--closed{background:var(--text-tertiary);color:var(--surface-primary)}.order-history{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #1a1a1a);color:var(--text-primary, #f9fafb)}.order-history__header{padding:1.5rem 2rem 1rem}.order-history__header h1{margin:0;font-size:1.5rem;font-weight:600}.order-history__error{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;background:var(--error-bg, #450a0a);color:var(--error, #ef4444);margin:0 2rem;border-radius:.5rem}.order-history__error button{padding:.5rem 1rem;background:var(--error, #ef4444);color:#fff;border:none;border-radius:.25rem;cursor:pointer}.order-history__error button:hover{opacity:.9}.order-history__content{flex:1;display:flex;overflow:hidden;padding:0 2rem 2rem;gap:1rem}.order-history__content--with-panel .order-list{flex:1}.order-filters{display:flex;align-items:flex-end;gap:1rem;padding:1rem 2rem;background:var(--surface-secondary, #1f2937);margin:0 2rem 1rem;border-radius:.75rem;flex-wrap:wrap}.order-filters__search{flex:1;min-width:200px;position:relative}.order-filters__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.5}.order-filters__search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;background:var(--surface-primary, #1a1a1a);border:1px solid var(--border-primary, #374151);border-radius:.5rem;color:var(--text-primary, #f9fafb);font-size:.9rem}.order-filters__search-input::placeholder{color:var(--text-tertiary, #6b7280)}.order-filters__search-input:focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.order-filters__group{display:flex;flex-direction:column;gap:.25rem}.order-filters__label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.order-filters__date,.order-filters__select{padding:.625rem .75rem;background:var(--surface-primary, #1a1a1a);border:1px solid var(--border-primary, #374151);border-radius:.5rem;color:var(--text-primary, #f9fafb);font-size:.9rem;min-width:140px}.order-filters__date:focus,.order-filters__select:focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.order-filters__select{cursor:pointer}.order-list{flex:1;display:flex;flex-direction:column;background:var(--surface-secondary, #1f2937);border-radius:.75rem;overflow:hidden}.order-list__header{display:grid;grid-template-columns:120px 1fr 100px 120px 100px 80px;gap:1rem;padding:.75rem 1rem;background:var(--surface-tertiary, #374151);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #9ca3af)}.order-list__header-cell{white-space:nowrap}.order-list__body{flex:1;overflow-y:auto}.order-list__footer{padding:.75rem 1rem;text-align:center;font-size:.85rem;color:var(--text-tertiary, #6b7280);border-top:1px solid var(--border-primary, #374151)}.order-list__loading,.order-list__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-tertiary, #6b7280)}.order-list__empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.order-list__empty h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-secondary, #9ca3af)}.order-list__empty p{margin:0;font-size:.9rem}.order-row{display:grid;grid-template-columns:120px 1fr 100px 120px 100px 80px;gap:1rem;padding:.875rem 1rem;border-bottom:1px solid var(--border-primary, #374151);cursor:pointer;transition:background .15s ease}.order-row:hover{background:var(--surface-tertiary, #374151)}.order-row--selected{background:var(--accent-primary, #3b82f6)!important;color:#fff}.order-row--selected .order-row__badge,.order-row--selected .order-row__status-badge{background:#fff3;color:#fff}.order-row__number{font-weight:600;font-family:monospace}.order-row__customer{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-row__badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.order-row__badge--dine-in{background:#3b82f633;color:#60a5fa}.order-row__badge--takeaway{background:#f9731633;color:#fb923c}.order-row__badge--delivery{background:#a855f733;color:#c084fc}.order-row__total{font-weight:600;font-family:monospace}.order-row__status-badge{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.order-row__status-badge.order-row__status--completed{background:#10b98133;color:#34d399}.order-row__status-badge.order-row__status--refunded{background:#ef444433;color:#f87171}.order-row__status-badge.order-row__status--pending{background:#fbbf2433;color:#fbbf24}.order-row__time{font-size:.9rem;color:var(--text-secondary, #9ca3af)}.order-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}.order-detail-panel{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:var(--surface-primary, #1a1a1a);box-shadow:-4px 0 20px #0000004d;z-index:999;display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.order-detail-panel__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-primary, #374151)}.order-detail-panel__header h2{margin:0;font-size:1.25rem;font-weight:600}.order-detail-panel__close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--surface-secondary, #1f2937);border:none;border-radius:50%;font-size:1.5rem;color:var(--text-secondary, #9ca3af);cursor:pointer;transition:all .15s ease}.order-detail-panel__close:hover{background:var(--surface-tertiary, #374151);color:var(--text-primary, #f9fafb)}.order-detail-panel__content{flex:1;overflow-y:auto;padding:1.5rem}.order-detail-panel__section{margin-bottom:1.5rem}.order-detail-panel__section:last-child{margin-bottom:0}.order-detail-panel__section h3{margin:0 0 .75rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #9ca3af)}.order-detail-panel__info{background:var(--surface-secondary, #1f2937);border-radius:.5rem;padding:.75rem}.order-detail-panel__info-row{display:flex;justify-content:space-between;padding:.375rem 0}.order-detail-panel__info-row:first-child{padding-top:0}.order-detail-panel__info-row:last-child{padding-bottom:0}.order-detail-panel__info-row span:first-child{color:var(--text-secondary, #9ca3af)}.order-detail-panel__items{background:var(--surface-secondary, #1f2937);border-radius:.5rem;padding:.75rem}.order-detail-panel__item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-primary, #374151)}.order-detail-panel__item:last-child{border-bottom:none}.order-detail-panel__item-info{display:flex;gap:.5rem}.order-detail-panel__item-qty{font-weight:600;color:var(--text-secondary, #9ca3af)}.order-detail-panel__item-name{color:var(--text-primary, #f9fafb)}.order-detail-panel__item-total{font-family:monospace;font-weight:500}.order-detail-panel__totals{background:var(--surface-secondary, #1f2937);border-radius:.5rem;padding:.75rem}.order-detail-panel__total-row{display:flex;justify-content:space-between;padding:.375rem 0}.order-detail-panel__total-row span:first-child{color:var(--text-secondary, #9ca3af)}.order-detail-panel__total-row--discount span:last-child{color:var(--error, #ef4444)}.order-detail-panel__total-row--grand{font-size:1.1rem;font-weight:600}.order-detail-panel__total-row--grand span:first-child{color:var(--text-primary, #f9fafb)}.order-detail-panel__divider{height:1px;background:var(--border-primary, #374151);margin:.5rem 0}.order-detail-panel__status{font-weight:500}.order-detail-panel__status--completed{color:#34d399}.order-detail-panel__status--refunded{color:#f87171}.order-detail-panel__status--pending{color:#fbbf24}.order-detail-panel__notes{margin:0;padding:.75rem;background:var(--surface-secondary, #1f2937);border-radius:.5rem;font-size:.9rem;color:var(--text-secondary, #9ca3af)}.order-detail-panel__actions{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-primary, #374151)}.order-detail-panel__btn{flex:1;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s ease}.order-detail-panel__btn--secondary{background:var(--surface-secondary, #1f2937);color:var(--text-primary, #f9fafb)}.order-detail-panel__btn--secondary:hover{background:var(--surface-tertiary, #374151)}.order-detail-panel__btn--danger{background:var(--error, #ef4444);color:#fff}.order-detail-panel__btn--danger:hover{background:#dc2626}.order-detail-panel__btn:disabled{opacity:.5;cursor:not-allowed}.order-detail-panel__confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:1rem}.order-detail-panel__confirm-content{background:var(--surface-secondary, #1f2937);border-radius:.75rem;padding:1.5rem;max-width:320px;text-align:center}.order-detail-panel__confirm-content h4{margin:0 0 .5rem;font-size:1.1rem}.order-detail-panel__confirm-content p{margin:0 0 .5rem;color:var(--text-secondary, #9ca3af)}.order-detail-panel__confirm-amount{font-size:1.1rem;font-weight:600;color:var(--text-primary, #f9fafb)!important;margin-bottom:1rem!important}.order-detail-panel__confirm-actions{display:flex;gap:.75rem}.reports{display:flex;flex-direction:column;height:100%;background:var(--bg-primary, #1a1a1a);color:var(--text-primary, #f9fafb);overflow:hidden}.reports__header{padding:1.5rem 2rem .5rem}.reports__header h1{margin:0;font-size:1.5rem;font-weight:600}.reports__error{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;background:var(--error-bg, #450a0a);color:var(--error, #ef4444);margin:0 2rem;border-radius:.5rem}.reports__error button{padding:.5rem 1rem;background:var(--error, #ef4444);color:#fff;border:none;border-radius:.25rem;cursor:pointer}.reports__error button:hover{opacity:.9}.reports__tabs{display:flex;gap:.25rem;padding:0 2rem;margin-bottom:1rem;border-bottom:1px solid var(--border-primary, #374151)}.reports__tab{padding:.75rem 1.25rem;background:none;border:none;color:var(--text-secondary, #9ca3af);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease;margin-bottom:-1px}.reports__tab:hover{color:var(--text-primary, #f9fafb)}.reports__tab--active{color:var(--accent-primary, #3b82f6);border-bottom-color:var(--accent-primary, #3b82f6)}.reports__content{flex:1;overflow-y:auto;padding:0 2rem 2rem}.reports__overview{display:flex;flex-direction:column;gap:1.5rem}.report-filters{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 2rem}.report-filters__periods{display:flex;gap:.25rem;background:var(--surface-secondary, #1f2937);border-radius:.5rem;padding:.25rem}.report-filters__period{padding:.5rem 1rem;background:none;border:none;color:var(--text-secondary, #9ca3af);font-size:.85rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .15s ease}.report-filters__period:hover{color:var(--text-primary, #f9fafb)}.report-filters__period--active{background:var(--accent-primary, #3b82f6);color:#fff}.report-filters__custom{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--surface-secondary, #1f2937);border-radius:.5rem}.report-filters__date-group{display:flex;align-items:center;gap:.5rem}.report-filters__date-group label{font-size:.8rem;color:var(--text-secondary, #9ca3af)}.report-filters__date-group input{padding:.375rem .5rem;background:var(--surface-primary, #1a1a1a);border:1px solid var(--border-primary, #374151);border-radius:.375rem;color:var(--text-primary, #f9fafb);font-size:.85rem}.report-filters__date-group input:focus{outline:none;border-color:var(--accent-primary, #3b82f6)}.report-filters__apply{padding:.375rem .75rem;background:var(--accent-primary, #3b82f6);border:none;border-radius:.375rem;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer}.report-filters__apply:hover{opacity:.9}.report-filters__date-display{margin-left:auto;font-size:.85rem;color:var(--text-secondary, #9ca3af)}.summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--surface-secondary, #1f2937);border-radius:.75rem;border-left:4px solid var(--accent-primary, #3b82f6)}.summary-card--success{border-left-color:#22c55e}.summary-card--warning{border-left-color:#f59e0b}.summary-card--error{border-left-color:#ef4444}.summary-card--info{border-left-color:#06b6d4}.summary-card__icon{font-size:1.5rem;opacity:.8}.summary-card__content{flex:1}.summary-card__label{font-size:.8rem;font-weight:500;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.summary-card__value{font-size:1.5rem;font-weight:600;color:var(--text-primary, #f9fafb)}.summary-card__change{font-size:.85rem;margin-top:.25rem}.summary-card__change--up{color:#22c55e}.summary-card__change--down{color:#ef4444}.simple-chart{width:100%}.simple-chart--horizontal{display:flex;flex-direction:column;gap:.75rem}.simple-chart__row{display:flex;align-items:center;gap:.75rem}.simple-chart__label{width:100px;font-size:.85rem;color:var(--text-secondary, #9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-chart__bar-container{flex:1;height:24px;background:var(--surface-tertiary, #374151);border-radius:.25rem;overflow:hidden}.simple-chart__bar{height:100%;border-radius:.25rem;transition:width .3s ease}.simple-chart__value{width:80px;text-align:right;font-size:.85rem;font-weight:500;color:var(--text-primary, #f9fafb)}.simple-chart--vertical{display:flex;flex-direction:column}.simple-chart__bars{flex:1;display:flex;align-items:flex-end;gap:.5rem;padding-bottom:2rem}.simple-chart__column{flex:1;display:flex;flex-direction:column;align-items:center;min-width:30px}.simple-chart__bar-wrapper{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.simple-chart__bar-value{font-size:.7rem;color:var(--text-secondary, #9ca3af);margin-bottom:.25rem;white-space:nowrap}.simple-chart--vertical .simple-chart__bar{width:100%;max-width:40px;border-radius:.25rem .25rem 0 0;transition:height .3s ease}.simple-chart--vertical .simple-chart__label{width:auto;font-size:.7rem;text-align:center;margin-top:.5rem}.payment-donut{display:flex;align-items:center;gap:2rem;padding:1rem}.payment-donut__chart{position:relative;width:140px;height:140px}.payment-donut__svg{width:100%;height:100%}.payment-donut__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.payment-donut__total-label{font-size:.75rem;color:var(--text-tertiary, #6b7280)}.payment-donut__total-value{font-size:1rem;font-weight:600;color:var(--text-primary, #f9fafb)}.payment-donut__legend{display:flex;flex-direction:column;gap:.75rem}.payment-donut__legend-item{display:flex;align-items:center;gap:.5rem}.payment-donut__legend-color{width:12px;height:12px;border-radius:50%}.payment-donut__legend-label{flex:1;font-size:.9rem;color:var(--text-secondary, #9ca3af)}.payment-donut__legend-value{font-size:.9rem;font-weight:500;color:var(--text-primary, #f9fafb)}.sales-report{display:flex;flex-direction:column;gap:1.5rem}.sales-report--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-tertiary, #6b7280)}.sales-report__spinner{width:40px;height:40px;border:3px solid var(--surface-tertiary, #374151);border-top-color:var(--accent-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.sales-report__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.sales-report__charts{display:grid;grid-template-columns:2fr 1fr;gap:1rem}@media(max-width:900px){.sales-report__charts{grid-template-columns:1fr}}.sales-report__chart-card{padding:1.25rem;background:var(--surface-secondary, #1f2937);border-radius:.75rem}.sales-report__chart-card h3{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-secondary, #9ca3af)}.sales-report__empty{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-tertiary, #6b7280);font-size:.9rem}.sales-report__breakdown{padding:1.25rem;background:var(--surface-secondary, #1f2937);border-radius:.75rem}.sales-report__breakdown h3{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-secondary, #9ca3af)}.sales-report__table{display:flex;flex-direction:column}.sales-report__table-header,.sales-report__table-row{display:grid;grid-template-columns:1fr 80px 120px 80px;gap:1rem;padding:.75rem 0}.sales-report__table-header{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary, #6b7280);border-bottom:1px solid var(--border-primary, #374151)}.sales-report__table-row{font-size:.9rem;border-bottom:1px solid var(--border-primary, #374151)}.sales-report__table-row:last-child{border-bottom:none}.sales-report__table-row span:first-child{display:flex;align-items:center;gap:.5rem}.sales-report__dot{width:10px;height:10px;border-radius:50%}.sales-report__dot--cash{background:#22c55e}.sales-report__dot--card{background:#3b82f6}.sales-report__dot--other{background:#f59e0b}.product-report{display:flex;flex-direction:column;gap:1.5rem}.product-report--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-tertiary, #6b7280)}.product-report__spinner{width:40px;height:40px;border:3px solid var(--surface-tertiary, #374151);border-top-color:var(--accent-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.product-report__section{padding:1.25rem;background:var(--surface-secondary, #1f2937);border-radius:.75rem}.product-report__section h3{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-secondary, #9ca3af)}.product-report__table{display:flex;flex-direction:column}.product-report__table-header,.product-report__table-row{display:grid;grid-template-columns:40px 1fr 60px 100px 120px;gap:1rem;padding:.75rem 0;align-items:center}.product-report__table--category .product-report__table-header,.product-report__table--category .product-report__table-row{grid-template-columns:1fr 80px 100px 60px}.product-report__table-header{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary, #6b7280);border-bottom:1px solid var(--border-primary, #374151)}.product-report__table-row{font-size:.9rem;border-bottom:1px solid var(--border-primary, #374151)}.product-report__table-row:last-child{border-bottom:none}.product-report__rank{font-weight:600;color:var(--text-tertiary, #6b7280)}.product-report__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-report__qty{text-align:center}.product-report__revenue{font-weight:500}.product-report__percentage{display:flex;align-items:center;gap:.5rem}.product-report__bar{height:6px;background:var(--accent-primary, #3b82f6);border-radius:3px;max-width:60px}.product-report__category-name{display:flex;align-items:center;gap:.5rem}.product-report__category-dot{width:10px;height:10px;border-radius:50%}.product-report__category-chart{padding:1rem 0}.product-report__empty{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-tertiary, #6b7280);font-size:.9rem}.hourly-report{display:flex;flex-direction:column;gap:1.5rem}.hourly-report--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-tertiary, #6b7280)}.hourly-report__spinner{width:40px;height:40px;border:3px solid var(--surface-tertiary, #374151);border-top-color:var(--accent-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.hourly-report__header h3{margin:0;font-size:1rem;font-weight:500;color:var(--text-secondary, #9ca3af)}.hourly-report__peaks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.hourly-report__peak-card{padding:1rem 1.25rem;background:var(--surface-secondary, #1f2937);border-radius:.75rem;text-align:center}.hourly-report__peak-label{font-size:.75rem;font-weight:500;text-transform:uppercase;color:var(--text-tertiary, #6b7280);margin-bottom:.5rem}.hourly-report__peak-value{font-size:1.5rem;font-weight:600;color:var(--text-primary, #f9fafb)}.hourly-report__peak-amount{font-size:.85rem;color:var(--text-secondary, #9ca3af);margin-top:.25rem}.hourly-report__chart{padding:1.25rem;background:var(--surface-secondary, #1f2937);border-radius:.75rem;overflow-x:auto}.hourly-report__chart-bars{display:flex;align-items:flex-end;gap:2px;height:200px;min-width:600px;padding-bottom:1.5rem}.hourly-report__bar-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.hourly-report__bar-column--peak .hourly-report__bar{background:#22c55e!important}.hourly-report__bar-wrapper{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.hourly-report__bar-tooltip{display:none;position:absolute;bottom:calc(100% + .5rem);background:var(--surface-tertiary, #374151);padding:.5rem .75rem;border-radius:.375rem;font-size:.75rem;white-space:nowrap;z-index:10;box-shadow:0 2px 8px #0000004d}.hourly-report__bar-tooltip strong{display:block;margin-bottom:.25rem}.hourly-report__bar-column:hover .hourly-report__bar-tooltip{display:block}.hourly-report__bar{width:100%;background:var(--surface-tertiary, #374151);border-radius:2px 2px 0 0;transition:all .2s ease}.hourly-report__bar--active{background:var(--accent-primary, #3b82f6)}.hourly-report__bar-label{font-size:.65rem;color:var(--text-tertiary, #6b7280);margin-top:.5rem;white-space:nowrap}.hourly-report__table-container{padding:1.25rem;background:var(--surface-secondary, #1f2937);border-radius:.75rem}.hourly-report__table-container h4{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-secondary, #9ca3af)}.hourly-report__table{display:flex;flex-direction:column}.hourly-report__table-header,.hourly-report__table-row{display:grid;grid-template-columns:80px 80px 120px 100px;gap:1rem;padding:.75rem 0}.hourly-report__table-header{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary, #6b7280);border-bottom:1px solid var(--border-primary, #374151)}.hourly-report__table-row{font-size:.9rem;border-bottom:1px solid var(--border-primary, #374151)}.hourly-report__table-row:last-child{border-bottom:none}.hourly-report__empty{padding:1rem;text-align:center;color:var(--text-tertiary, #6b7280);font-size:.9rem}.business-day-report{display:flex;flex-direction:column;gap:1.5rem}.business-day-report--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-tertiary, #6b7280)}.business-day-report__spinner{width:40px;height:40px;border:3px solid var(--surface-tertiary, #374151);border-top-color:var(--accent-primary, #3b82f6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.business-day-report__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.business-day-report__summary-card{padding:1rem 1.25rem;background:var(--surface-secondary, #1f2937);border-radius:.75rem;text-align:center}.business-day-report__summary-card--positive{border-left:4px solid #22c55e}.business-day-report__summary-card--negative{border-left:4px solid #ef4444}.business-day-report__summary-label{font-size:.75rem;font-weight:500;text-transform:uppercase;color:var(--text-tertiary, #6b7280);margin-bottom:.5rem}.business-day-report__summary-value{font-size:1.25rem;font-weight:600;color:var(--text-primary, #f9fafb)}.business-day-report__table-container{padding:1.25rem;background:var(--surface-secondary, #1f2937);border-radius:.75rem}.business-day-report__table-container h3{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-secondary, #9ca3af)}.business-day-report__table{display:flex;flex-direction:column;overflow-x:auto}.business-day-report__table-header,.business-day-report__table-row{display:grid;grid-template-columns:100px 70px 90px 100px 60px 90px 90px 90px;gap:.75rem;padding:.75rem 0;min-width:700px}.business-day-report__table-header{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary, #6b7280);border-bottom:1px solid var(--border-primary, #374151)}.business-day-report__table-row{font-size:.85rem;border-bottom:1px solid var(--border-primary, #374151)}.business-day-report__table-row:last-child{border-bottom:none}.business-day-report__date{font-weight:500}.business-day-report__status{padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:500;text-transform:uppercase}.business-day-report__status--open{background:#22c55e33;color:#22c55e}.business-day-report__status--closed{background:#9ca3af33;color:#9ca3af}.business-day-report__sales{font-weight:500;color:#22c55e}.business-day-report__variance{font-weight:500}.business-day-report__variance--positive{color:#22c55e}.business-day-report__variance--negative{color:#ef4444}.business-day-report__empty{padding:2rem;text-align:center;color:var(--text-tertiary, #6b7280)}.business-day-report__empty p{margin:.25rem 0}@keyframes spin{to{transform:rotate(360deg)}}