@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}.gift-reason-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}.gift-reason-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:450px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0006}.gift-reason-modal__header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);position:relative;text-align:center}.gift-reason-modal__header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.gift-reason-modal__icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.gift-reason-modal__item-info{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.gift-reason-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-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.gift-reason-modal__close:hover{background:var(--border-color)}.gift-reason-modal__body{padding:var(--spacing-lg) var(--spacing-xl);overflow-y:auto;flex:1}.gift-reason-modal__section{margin-bottom:var(--spacing-lg)}.gift-reason-modal__section:last-child{margin-bottom:0}.gift-reason-modal__label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.gift-reason-modal__presets{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.gift-reason-modal__preset{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-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.gift-reason-modal__preset:hover{border-color:#10b981;color:var(--text-primary)}.gift-reason-modal__preset--active{border-color:#10b981;background:#10b98126;color:#10b981}.gift-reason-modal__textarea{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-size:var(--font-size-base);font-family:inherit;resize:vertical;min-height:80px}.gift-reason-modal__textarea:focus{outline:none;border-color:#10b981}.gift-reason-modal__textarea::placeholder{color:var(--text-tertiary)}.gift-reason-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)}.gift-reason-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)}.gift-reason-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}.gift-reason-modal__btn--cancel{background:var(--border-color);color:var(--text-primary)}.gift-reason-modal__btn--cancel:hover{background:var(--bg-secondary)}.gift-reason-modal__btn--confirm{background:#10b981;color:#fff}.gift-reason-modal__btn--confirm:hover:not(:disabled){background:#059669}.gift-reason-modal__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.order-tabs{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.order-tabs__list{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto}.order-tabs__list::-webkit-scrollbar{height:3px}.order-tabs__list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.order-tabs__tab{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.order-tabs__tab:hover{background:var(--border-color);color:var(--text-primary)}.order-tabs__tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.order-tabs__tab--active:hover{background:var(--color-primary-hover);color:#fff}.order-tabs__tab--active .order-tabs__tab-count{background:#fff3;color:#fff}.order-tabs__tab--new{background:transparent;border:1px dashed var(--border-color);color:var(--text-tertiary)}.order-tabs__tab--new:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-alpha)}.order-tabs__tab-label{line-height:1}.order-tabs__tab-plus{font-size:var(--font-size-sm);font-weight:600;line-height:1}.order-tabs__tab-count{display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--border-color);border-radius:8px;font-size:10px;font-weight:600;color:var(--text-secondary)}.order-tabs__merge-btn{padding:var(--spacing-xs) var(--spacing-sm);background:#f9731626;border:1px solid rgba(249,115,22,.3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:#f97316;cursor:pointer;transition:all .15s ease;white-space:nowrap}.order-tabs__merge-btn:hover{background:#f9731640;border-color:#f97316}.merge-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)}.merge-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0006}.merge-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}.merge-modal__header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.merge-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}.merge-modal__close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.merge-modal__content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.merge-modal__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg);text-align:center}.merge-modal__orders{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.merge-modal__order{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md)}.merge-modal__order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.merge-modal__order-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.merge-modal__order-number{font-size:var(--font-size-xs);color:var(--text-tertiary)}.merge-modal__order-details{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-secondary)}.merge-modal__order-total{font-weight:600;color:var(--text-primary)}.merge-modal__summary{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md)}.merge-modal__summary-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.merge-modal__summary-row--discount{color:#f97316}.merge-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}.merge-modal__summary-row--total span:first-child{color:var(--text-primary)}.merge-modal__summary-row--total span:last-child{color:#4ade80}.merge-modal__footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md)}.merge-modal__btn{flex:1;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s}.merge-modal__btn--cancel{background:var(--border-color);color:var(--text-primary)}.merge-modal__btn--cancel:hover{background:var(--bg-tertiary)}.merge-modal__btn--confirm{background:#4ade80;color:#000}.merge-modal__btn--confirm:hover{background:#3acf70}.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-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);overflow-x:auto;flex-shrink:0}.menu-selector::-webkit-scrollbar{height:3px}.menu-selector::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.menu-selector__item{padding:var(--spacing-xs) var(--spacing-md);background:var(--border-color);border:2px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);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;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-shrink:0}.category-tabs__item{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);min-height:36px;background:var(--bg-tertiary);border:none;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 .15s;-webkit-tap-highlight-color:transparent}.category-tabs__item:hover{background:var(--border-color);color:var(--text-primary)}.category-tabs__item:active{transform:scale(.97)}.category-tabs__item--active{background:var(--color-primary);color:#fff}.category-tabs__color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.category-tabs__count{padding:2px 6px;background:#ffffff26;border-radius:10px;font-size:var(--font-size-xs);color:inherit}.product-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacing-sm);padding:var(--spacing-sm);overflow-y:auto;align-content:start}.product-grid::-webkit-scrollbar{width:4px}.product-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.product-grid__empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-tertiary)}.product-grid__empty-icon{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.product-grid__empty-text{font-size:var(--font-size-xs)}.product-card{display:flex;flex-direction:column;background:var(--bg-tertiary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.product-card:hover{background:var(--border-color);transform:scale(1.02)}.product-card:active{transform:scale(.98)}.product-card--out-of-stock{opacity:.5;pointer-events:none}.product-card--no-image{justify-content:center;min-height:100px;padding:var(--spacing-md)}.product-card--no-image .product-card__content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0;gap:var(--spacing-xs)}.product-card--no-image .product-card__name{font-size:var(--font-size-sm);font-weight:600;-webkit-line-clamp:2}.product-card--no-image .product-card__sku{display:none}.product-card--no-image .product-card__footer{justify-content:center;width:100%;margin-top:0}.product-card--no-image .product-card__price{font-size:var(--font-size-base)}.product-card__image{width:100%;height:80px;background:var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);overflow:hidden}.product-card__image img{width:100%;height:100%;object-fit:cover}.product-card__content{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:4px}.product-card__name{font-size:var(--font-size-sm);font-weight:600;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:10px;color:var(--text-tertiary);display:none}.product-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.product-card__price{font-size:var(--font-size-base);font-weight:700;color:#2dd4bf}.product-card__stock{font-size:9px;padding:2px 5px;border-radius:var(--radius-sm);background:var(--border-color);color:var(--text-secondary)}.product-card__stock--low{background:#fbbf2433;color:#fbbf24}.product-card__stock--out{background:#fb718533;color:#fb7185}.all-categories-view{flex:1;overflow-y:auto;padding:var(--spacing-xs)}.all-categories-view::-webkit-scrollbar{width:4px}.all-categories-view::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.category-section{margin-bottom:var(--spacing-md)}.category-section:last-child{margin-bottom:0}.category-section__header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.category-section__color{width:8px;height:8px;border-radius:2px}.category-section__name{font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary)}.category-section__count{font-size:10px;color:var(--text-tertiary)}.category-section__products{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacing-sm)}.catalog-search{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.catalog-search__input{width:100%;padding:6px var(--spacing-md);padding-left:calc(var(--spacing-xl) + 4px);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)}.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-sm);top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--font-size-xs)}.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}.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-box--warning{background:var(--warning-bg, #4a3728);border:1px solid var(--warning-border, #f59e0b);text-align:center;padding:1.5rem}.business-day-modal__info-box--warning h3{margin:.5rem 0 1rem;color:var(--warning-text, #fbbf24);font-size:1.1rem}.business-day-modal__info-box--warning p{margin:0 0 .75rem;color:var(--text-primary);font-size:.95rem;line-height:1.5}.business-day-modal__warning-icon{font-size:2.5rem;margin-bottom:.5rem}.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)}.calendar-icon{width:80px;height:90px;background:#e8e8e8;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;margin:0 auto}.calendar-icon__month{background:#b86b6b;color:#fff;font-size:.9rem;font-weight:700;text-align:center;padding:6px 0;letter-spacing:.5px}.calendar-icon__day{flex:1;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#333;background:linear-gradient(180deg,#f5f5f5,#e0e0e0)}.business-day-required{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.business-day-required__content{background:var(--surface-primary, #1a1a2e);border-radius:1.5rem;padding:3rem;max-width:480px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000080}.business-day-required__icon{font-size:4rem;margin-bottom:1.5rem}.business-day-required__title{margin:0 0 1rem;font-size:1.75rem;font-weight:600;color:var(--text-primary)}.business-day-required__message{margin:0 0 2rem;font-size:1rem;line-height:1.6;color:var(--text-secondary)}.business-day-required__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.business-day-required__btn{padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:.75rem;cursor:pointer;transition:all .15s ease;border:none}.business-day-required__btn--primary{background:var(--accent-primary, #3b82f6);color:#fff}.business-day-required__btn--primary:hover{background:var(--accent-primary-hover, #2563eb);transform:translateY(-1px)}.business-day-required__btn--secondary{background:var(--surface-secondary, #1f2937);color:var(--text-primary);border:1px solid var(--border-primary, #374151)}.business-day-required__btn--secondary:hover{background:var(--surface-tertiary, #374151)}.business-day-required__info{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-primary, #374151);display:flex;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--text-tertiary)}.business-date{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-secondary);border:none;border-radius:.5rem;cursor:pointer;transition:all .15s ease;font-family:inherit}.business-date:hover{background:var(--surface-tertiary)}.business-date--start{background:var(--accent-primary, #3b82f6);color:#fff}.business-date--start:hover{background:var(--accent-primary-hover, #2563eb)}.business-date--start .business-date__text{color:#fff}.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-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{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.panel-header__stats{display:flex;align-items:center;gap:2px;font-size:var(--font-size-xs);font-weight:500}.panel-header__stat{padding:2px 6px;border-radius:var(--radius-sm);font-weight:600}.panel-header__stat--available{background:#2dd4bf;color:#042f2e}.panel-header__stat--occupied{background:#fb7185;color:#fff}.panel-header__stat-divider{color:var(--text-tertiary);font-size:10px}.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:8px 4px;background:#3b4252;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.table-selector__item:hover{opacity:.85;transform:scale(1.02)}.table-selector__item--available{background:#2dd4bf}.table-selector__item--available .table-selector__number,.table-selector__item--available .table-selector__capacity{color:#042f2e}.table-selector__item--occupied{background:#fb7185}.table-selector__item--occupied .table-selector__number,.table-selector__item--occupied .table-selector__capacity{color:#fff}.table-selector__item--reserved{background:#a78bfa}.table-selector__item--reserved .table-selector__number,.table-selector__item--reserved .table-selector__capacity{color:#fff}.table-selector__item--selected{background:var(--color-primary);box-shadow:0 0 0 2px #fff}.table-selector__item--selected .table-selector__number,.table-selector__item--selected .table-selector__capacity{color:#fff}.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-secondary);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:6px 4px;background:#3b4252;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.takeaway-selector__item:hover{opacity:.85;transform:scale(1.02)}.takeaway-selector__item--available{background:#2dd4bf}.takeaway-selector__item--available .takeaway-selector__token,.takeaway-selector__item--available .takeaway-selector__time{color:#042f2e}.takeaway-selector__item--in-use{background:#fbbf24}.takeaway-selector__item--in-use .takeaway-selector__token,.takeaway-selector__item--in-use .takeaway-selector__time{color:#422006}.takeaway-selector__item--ready{background:#38bdf8}.takeaway-selector__item--ready .takeaway-selector__token,.takeaway-selector__item--ready .takeaway-selector__time{color:#0c4a6e}.takeaway-selector__item--selected{background:var(--color-primary);box-shadow:0 0 0 2px #fff}.takeaway-selector__item--selected .takeaway-selector__token,.takeaway-selector__item--selected .takeaway-selector__time{color:#fff}.takeaway-selector__item--occupied{background:#fb7185}.takeaway-selector__item--occupied .takeaway-selector__token,.takeaway-selector__item--occupied .takeaway-selector__time{color:#fff}.takeaway-selector__item:disabled{opacity:.5;cursor:not-allowed}.takeaway-selector__token{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.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:#3b4252;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.delivery-selector__item:hover{opacity:.85;transform:scale(1.02)}.delivery-selector__item--available{background:#2dd4bf}.delivery-selector__item--available .delivery-selector__slot,.delivery-selector__item--available .delivery-selector__type,.delivery-selector__item--available .delivery-selector__time{color:#042f2e}.delivery-selector__item--assigned{background:#fbbf24}.delivery-selector__item--assigned .delivery-selector__slot,.delivery-selector__item--assigned .delivery-selector__type,.delivery-selector__item--assigned .delivery-selector__time{color:#422006}.delivery-selector__item--out{background:#38bdf8}.delivery-selector__item--out .delivery-selector__slot,.delivery-selector__item--out .delivery-selector__type,.delivery-selector__item--out .delivery-selector__time{color:#0c4a6e}.delivery-selector__item--delivered{background:#34d399}.delivery-selector__item--delivered .delivery-selector__slot,.delivery-selector__item--delivered .delivery-selector__type,.delivery-selector__item--delivered .delivery-selector__time{color:#022c22}.delivery-selector__item--selected{background:var(--color-primary);box-shadow:0 0 0 2px #fff}.delivery-selector__item--selected .delivery-selector__slot,.delivery-selector__item--selected .delivery-selector__type,.delivery-selector__item--selected .delivery-selector__time{color:#fff}.delivery-selector__item--occupied{background:#fb7185}.delivery-selector__item--occupied .delivery-selector__slot,.delivery-selector__item--occupied .delivery-selector__type,.delivery-selector__item--occupied .delivery-selector__time{color:#fff}.delivery-selector__item:disabled{opacity:.5;cursor:not-allowed}.delivery-selector__slot{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.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--two-buttons .order-actions__btn--pay{grid-column:span 1}.order-actions--confirm{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.order-actions__confirm-message{text-align:center;font-weight:600;font-size:var(--font-size-sm);color:var(--text-primary);padding:var(--spacing-xs) 0}.order-actions__confirm-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.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);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.order-actions__btn--cancel:hover{background:var(--bg-tertiary)}.order-actions__btn--cancel.order-actions__btn--cancel-success{background:#9ca3af4d;color:#9ca3af}.order-actions__btn--confirm-no{background:var(--border-color);color:var(--text-primary)}.order-actions__btn--confirm-no:hover{background:var(--bg-tertiary)}.order-actions__btn--confirm-yes{background:#dc262633;color:#dc2626}.order-actions__btn--confirm-yes:hover{background:#dc26264d}.order-actions__btn--void{background:#dc262633;color:#dc2626}.order-actions__btn--void:hover{background:#dc26264d}.order-actions__btn--add{background:#3b82f633;color:#3b82f6;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.order-actions__btn--add:hover{background:#3b82f64d}.order-actions__btn--success{background:#4ade8033;color:#4ade80}.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-actions__btn--pay.order-actions__btn--save{background:#fbbf2433;color:#fbbf24}.order-actions__btn--pay.order-actions__btn--save:hover{background:#fbbf244d}.order-actions__btn--pay.order-actions__btn--cancel-order{background:#dc262633;color:#dc2626}.order-actions__btn--pay.order-actions__btn--cancel-order:hover{background:#dc26264d}.order-actions__spinner{width:14px;height:14px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.order-actions__spinner--cancel{border-color:#9ca3af4d;border-top-color:#9ca3af}.order-actions__checkmark{font-size:1rem;animation:pop .3s ease-out}@keyframes pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.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;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.payment-modal__btn--complete:hover:not(:disabled){background:#3acf70}.payment-modal__btn--complete:disabled{opacity:.5;cursor:not-allowed}.payment-modal__btn--success{background:#4ade80}.payment-modal__spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.payment-modal__checkmark{font-size:1.2rem;animation:pop .3s ease-out}.save-order-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}.save-order-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:380px;text-align:center;box-shadow:0 20px 40px #0006}.save-order-modal__icon{font-size:3rem;margin-bottom:var(--spacing-md)}.save-order-modal h3{margin:0 0 var(--spacing-md);font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.save-order-modal__message{margin:0 0 var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-base)}.save-order-modal__info{margin:0 0 var(--spacing-xl);color:var(--text-tertiary);font-size:var(--font-size-sm)}.save-order-modal__info strong{color:var(--text-primary)}.save-order-modal__actions{display:flex;gap:var(--spacing-md)}.save-order-modal__btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s}.save-order-modal__btn--cancel{background:var(--border-color);color:var(--text-primary)}.save-order-modal__btn--cancel:hover{background:var(--bg-tertiary)}.save-order-modal__btn--confirm{background:#10b981;color:#fff}.save-order-modal__btn--confirm:hover{background:#059669}.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{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);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;min-width:100px}.btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--bg-tertiary)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--danger{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.btn--danger:hover:not(:disabled){background:#ef444440}.btn--success{background:#10b98126;border-color:#10b9814d;color:#6ee7b7}.btn--success:hover:not(:disabled){background:#10b98140}.btn--warning{background:#f59e0b26;border-color:#f59e0b4d;color:#fcd34d}.btn--warning:hover:not(:disabled){background:#f59e0b40}.btn--small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-width:auto}.btn--loading{pointer-events:none}.btn__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .8s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.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)}.form-field__password-row{display:flex;gap:var(--spacing-sm)}.form-field__password-row input{flex:1}.form-field__password-row .btn{flex-shrink:0;white-space:nowrap}.form-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.form-section__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-section__title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-section__hint{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:400;text-transform:none;letter-spacing:normal}.form-section .form-field{margin-bottom:var(--spacing-md)}.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}.change-password-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-lg)}.change-password-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);width:100%;max-width:420px;animation:slideUp .3s ease-out;box-shadow:0 20px 60px #00000080}.change-password-modal__header{text-align:center;margin-bottom:var(--spacing-xl)}.change-password-modal__icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);background:var(--color-primary-alpha);border-radius:50%;display:flex;align-items:center;justify-content:center}.change-password-modal__icon svg{width:32px;height:32px;color:var(--color-primary)}.change-password-modal h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.change-password-modal p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.change-password-modal p strong{color:var(--color-primary)}.change-password-modal__form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.change-password-modal__error{padding:var(--spacing-md);background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#fca5a5;font-size:var(--font-size-sm);text-align:center}.change-password-modal__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.change-password-modal__field label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.change-password-modal__field input{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}.change-password-modal__field input::placeholder{color:var(--text-tertiary)}.change-password-modal__field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.change-password-modal__actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.change-password-modal__btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s;border:none}.change-password-modal__btn:disabled{opacity:.7;cursor:not-allowed}.change-password-modal__btn--primary{background:var(--color-primary);color:#fff}.change-password-modal__btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.change-password-modal__btn--secondary{background:var(--border-color);color:var(--text-secondary)}.change-password-modal__btn--secondary:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.change-password-modal__btn--loading{pointer-events:none}.change-password-modal__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}