*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg:#090d18;--surface-1:#0f1729;--surface-2:#162035;--border:#ffffff12;--border-strong:#ffffff1f;--accent:#f59e0b;--accent-hover:#d97706;--accent-glow:#f59e0b40;--accent-text:#1a0e00;--success:#10b981;--success-bg:#10b9811f;--danger:#f43f5e;--danger-bg:#f43f5e1f;--warning:#fb923c;--warning-bg:#fb923c1f;--info:#818cf8;--info-bg:#818cf81f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--glass-bg:#ffffff08;--header-blur-bg:#090d18eb;--field-bg:#ffffff0d;--field-border:#ffffff17;--muted-btn-bg:#ffffff0d;--muted-btn-border:#ffffff12;--qty-bg:#ffffff0d;--shadow-card:0 2px 8px #0000004d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif}.theme-light{--bg:#eef1f8;--surface-1:#fff;--surface-2:#f4f6fb;--border:#00000017;--border-strong:#00000029;--accent:#d97706;--accent-hover:#b45309;--accent-glow:#d9770633;--accent-text:#fff;--success:#059669;--success-bg:#0596691a;--danger:#dc2626;--danger-bg:#dc26261a;--warning:#ea580c;--warning-bg:#ea580c1a;--info:#4f46e5;--info-bg:#4f46e51a;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--glass-bg:#fffc;--header-blur-bg:#eef1f8f5;--field-bg:#0000000a;--field-border:#0000001f;--muted-btn-bg:#0000000d;--muted-btn-border:#00000017;--qty-bg:#0000000d;--shadow-card:0 2px 12px #00000014}html,body{background:var(--bg);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;margin:0;padding:0}#root{background:var(--bg);justify-content:center;width:100%;min-height:100svh;display:flex}button{appearance:none;cursor:pointer;font-family:var(--font)}input,select{appearance:none;font-family:var(--font)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login{justify-content:center;align-items:center;min-height:100svh;padding:32px 24px;animation:.3s ease-out fadeSlideIn;display:flex;position:relative;overflow:hidden}.login__bg{background:radial-gradient(ellipse 90% 55% at 50% 105%, #f59e0b21 0%, transparent 65%), radial-gradient(ellipse 50% 35% at 15% 15%, #818cf80d 0%, transparent 60%), var(--bg);z-index:0;position:absolute;inset:0}.login__content{z-index:1;flex-direction:column;gap:36px;width:100%;max-width:340px;display:flex;position:relative}.login__logo{text-align:center}.login__logo-icon{filter:drop-shadow(0 0 24px #f59e0b80);margin-bottom:16px;font-size:52px;line-height:1;display:block}.login__title{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:800}.login__subtitle{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:13px}.login__form{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;gap:18px;padding:28px 24px 24px;display:flex}.login__field{flex-direction:column;gap:7px;display:flex}.login__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.login__input,.login__select{background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:16px;font-family:var(--font);outline:none;padding:13px 16px;transition:border-color .2s,background .2s,box-shadow .2s}.login__input:focus,.login__select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.login__input::placeholder{color:var(--text-muted)}.login__select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.login__select option{background:var(--surface-1);color:var(--text-primary)}.login__divider{background:var(--border);height:1px;margin:2px 0}.login__error{color:var(--danger);text-align:center;margin:0;font-size:13px;font-weight:500}.login__btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);border-radius:var(--radius-md);width:100%;color:var(--accent-text);font-size:16px;font-weight:800;font-family:var(--font);cursor:pointer;letter-spacing:.2px;box-shadow:0 4px 24px var(--accent-glow);border:none;margin-top:4px;padding:15px;transition:transform .15s,box-shadow .2s,opacity .15s}.login__btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 32px #f59e0b80}.login__btn:active{transform:scale(.98)translateY(0)}.login__btn--loading{opacity:.65;cursor:not-allowed}.login__footer{text-align:center;color:var(--text-muted);font-size:12px}.tables{background:var(--bg);flex-direction:column;height:100svh;animation:.25s ease-out fadeSlideIn;display:flex}.tables__header{border-bottom:1px solid var(--border);background:var(--header-blur-bg);-webkit-backdrop-filter:blur(12px);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.tables__header-left{align-items:center;gap:10px;display:flex}.tables__logo{filter:drop-shadow(0 0 10px #f59e0b73);font-size:26px;line-height:1}.tables__header-name{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.2}.tables__header-workplace{color:var(--text-muted);font-size:11px;line-height:1.2}.tables__header-actions{gap:6px;display:flex}.tables__icon-btn{background:var(--muted-btn-bg);border:1px solid var(--muted-btn-border);border-radius:var(--radius-sm);color:var(--text-muted);justify-content:center;align-items:center;width:38px;height:38px;transition:color .2s,background .2s;display:flex}.tables__icon-btn:hover{color:var(--text-primary);background:var(--field-bg)}.tables__tabs{scrollbar-width:none;flex-shrink:0;gap:8px;padding:14px 20px;display:flex;overflow-x:auto}.tables__tabs::-webkit-scrollbar{display:none}.tables__tab{border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tables__tab--active{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:0 2px 12px var(--accent-glow);font-weight:700}.tables__tab-badge{text-align:center;background:#00000026;border-radius:100px;min-width:20px;padding:1px 7px;font-size:11px;font-weight:700}.tables__tab:not(.tables__tab--active) .tables__tab-badge{background:var(--field-bg)}.tables__scrollable{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.tables__grid{grid-template-columns:1fr 1fr;gap:12px;padding:4px 20px 28px;display:grid}.table-card{background:var(--surface-1);border-radius:var(--radius-lg);border:1.5px solid var(--border);text-align:left;aspect-ratio:1;box-shadow:var(--shadow-card);flex-direction:column;gap:0;padding:18px 16px 14px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.table-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.table-card--free:before{background:var(--success)}.table-card--occupied:before{background:var(--danger)}.table-card--payment:before{background:var(--warning)}.table-card--reservation:before{background:var(--info)}.table-card--payment{box-shadow:var(--shadow-card), 0 0 0 1.5px var(--warning)}.table-card:active{transform:scale(.96)}.table-card__number{color:var(--text-muted);margin-bottom:6px;padding-left:10px;font-size:13px;font-weight:600}.table-card__status-dot{border-radius:50%;width:10px;height:10px;margin-bottom:8px;margin-left:10px}.table-card__status-dot--free{background:var(--success);box-shadow:0 0 6px var(--success)}.table-card__status-dot--occupied{background:var(--danger);box-shadow:0 0 6px var(--danger)}.table-card__status-dot--payment{background:var(--warning);box-shadow:0 0 6px var(--warning)}.table-card__status-dot--reservation{background:var(--info);box-shadow:0 0 6px var(--info)}.table-card__status-label{letter-spacing:-.4px;flex:1;padding-left:10px;font-size:18px;font-weight:800;line-height:1.1}.table-card--free .table-card__status-label{color:var(--success)}.table-card--occupied .table-card__status-label{color:var(--danger)}.table-card--payment .table-card__status-label{color:var(--warning)}.table-card--reservation .table-card__status-label{color:var(--info)}.table-card__meta{align-items:center;gap:8px;margin-top:auto;padding-top:4px;padding-left:10px;display:flex}.table-card__guests{color:var(--text-secondary);align-items:center;gap:3px;font-size:12px;font-weight:500;display:flex}.table-card__time{color:var(--text-muted);font-size:11px;font-weight:500}.table-card__total{color:var(--text-secondary);margin-top:2px;padding-left:10px;font-size:13px;font-weight:700}.detail{background:var(--bg);flex-direction:column;height:100svh;animation:.25s ease-out fadeSlideIn;display:flex}.detail__header{border-bottom:1px solid var(--border);background:var(--header-blur-bg);-webkit-backdrop-filter:blur(12px);flex-shrink:0;align-items:center;gap:10px;padding:14px 20px;display:flex}.detail__back{background:var(--muted-btn-bg);border:1px solid var(--muted-btn-border);border-radius:var(--radius-sm);color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex}.detail__back:hover{background:var(--field-bg)}.detail__title{color:var(--text-primary);letter-spacing:-.4px;flex:1;margin:0;font-size:19px;font-weight:800}.detail__header-actions{gap:6px;display:flex}.detail__icon-btn{background:var(--muted-btn-bg);border:1px solid var(--muted-btn-border);border-radius:var(--radius-sm);color:var(--text-muted);justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.detail__icon-btn:hover{color:var(--text-primary);background:var(--field-bg)}.detail__info{border-bottom:1px solid var(--border);flex-shrink:0;gap:16px;padding:10px 20px;display:flex}.detail__info-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:13px;display:flex}.detail__total-bar{background:#f59e0b0d;border-bottom:1px solid #f59e0b1f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.detail__total-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:500}.detail__total-amount{color:var(--accent);letter-spacing:-1.5px;font-size:30px;font-weight:800}.detail__scrollable{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.detail__section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:16px 20px 8px;font-size:11px;font-weight:700}.detail__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:56px 24px;display:flex}.detail__empty-icon{opacity:.35;margin-bottom:10px;font-size:44px}.detail__empty-title{color:var(--text-secondary);margin:0;font-size:16px;font-weight:600}.detail__empty-sub{color:var(--text-muted);font-size:13px}.detail__order{padding:0 20px}.order-item{border-bottom:1px solid var(--border);grid-template-columns:28px 1fr auto auto;align-items:center;column-gap:10px;padding:13px 0;display:grid}.order-item:last-child{border-bottom:none}.order-item__qty{color:var(--text-muted);text-align:center;font-size:13px;font-weight:700}.order-item__name{color:var(--text-primary);font-size:15px;font-weight:500;line-height:1.3}.order-item__price{color:var(--text-primary);text-align:right;white-space:nowrap;font-size:14px;font-weight:700}.order-item__badge{white-space:nowrap;text-align:center;border-radius:100px;padding:3px 8px;font-size:11px;font-weight:600}.order-item__badge--new{background:var(--field-bg);color:var(--text-muted)}.order-item__badge--preparing{background:var(--warning-bg);color:var(--warning)}.order-item__badge--ready{background:var(--success-bg);color:var(--success)}.order-item__badge--served{background:var(--field-bg);color:var(--text-muted);opacity:.6}.detail__bottom{background:var(--bg);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:9px;padding:12px 20px 28px;display:flex}.detail__add-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);border-radius:var(--radius-md);width:100%;color:var(--accent-text);font-size:16px;font-weight:800;font-family:var(--font);box-shadow:0 4px 20px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:8px;padding:15px;transition:transform .15s,box-shadow .2s;display:flex}.detail__add-btn:active{transform:scale(.98)}.detail__add-btn:hover{box-shadow:0 6px 28px #f59e0b6b}.detail__btn-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.detail__print-btn,.detail__pay-btn{border-radius:var(--radius-md);font-size:15px;font-weight:700;font-family:var(--font);justify-content:center;align-items:center;gap:7px;padding:13px;transition:transform .15s,opacity .15s;display:flex}.detail__print-btn{background:var(--muted-btn-bg);border:1px solid var(--muted-btn-border);color:var(--text-secondary)}.detail__print-btn:hover{background:var(--field-bg)}.detail__pay-btn{background:var(--success);color:#fff;box-shadow:0 4px 16px var(--success-bg);border:none}.detail__pay-btn:active{transform:scale(.98)}.add-item{background:var(--bg);flex-direction:column;height:100svh;animation:.25s ease-out fadeSlideIn;display:flex}.add-item__header{border-bottom:1px solid var(--border);background:var(--header-blur-bg);-webkit-backdrop-filter:blur(12px);flex-shrink:0;align-items:center;gap:10px;padding:14px 20px;display:flex}.add-item__back{background:var(--muted-btn-bg);border:1px solid var(--muted-btn-border);border-radius:var(--radius-sm);color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex}.add-item__back:hover{background:var(--field-bg)}.add-item__title{color:var(--text-primary);letter-spacing:-.4px;margin:0;font-size:19px;font-weight:800}.add-item__search-wrap{border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 20px;position:relative}.add-item__search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:36px;transform:translateY(-50%)}.add-item__search{background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:15px;font-family:var(--font);box-sizing:border-box;outline:none;padding:11px 36px 11px 40px;transition:border-color .2s,box-shadow .2s}.add-item__search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.add-item__search::placeholder{color:var(--text-muted)}.add-item__search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:18px;line-height:1;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.add-item__cats{scrollbar-width:none;border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;padding:10px 20px;display:flex;overflow-x:auto}.add-item__cats::-webkit-scrollbar{display:none}.add-item__cat{border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;background:0 0;border-radius:100px;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.add-item__cat--active{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:0 2px 10px var(--accent-glow);font-weight:700}.add-item__scrollable{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.add-item__grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 20px 24px;display:grid}.menu-item{background:var(--surface-1);border-radius:var(--radius-md);text-align:center;font-family:var(--font);box-shadow:var(--shadow-card);border:2px solid #0000;flex-direction:column;align-items:center;gap:5px;padding:14px 8px 12px;transition:all .15s;display:flex}.menu-item--selected{border-color:var(--accent);background:#f59e0b0f}.menu-item:active{transform:scale(.95)}.menu-item__emoji{font-size:26px;line-height:1}.menu-item__name{color:var(--text-secondary);font-size:11px;font-weight:500;line-height:1.3}.menu-item--selected .menu-item__name{color:var(--text-primary)}.menu-item__price{color:var(--accent);font-size:12px;font-weight:700}.add-item__empty{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px 20px}.add-item__empty-icon{margin-bottom:8px;font-size:32px;display:block}.add-item__empty p{margin:0;font-size:14px}.add-item__bottom{background:var(--bg);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 20px 28px;display:flex}.add-item__selected-info{align-items:center;gap:12px;display:flex}.add-item__selected-emoji{font-size:26px;line-height:1}.add-item__selected-name{color:var(--text-primary);flex:1;font-size:15px;font-weight:600}.add-item__selected-price{color:var(--accent);font-size:15px;font-weight:800}.add-item__controls{align-items:center;gap:10px;display:flex}.add-item__qty{background:var(--qty-bg);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;align-items:center;display:flex;overflow:hidden}.add-item__qty-btn{color:var(--text-primary);width:46px;height:46px;font-size:22px;font-family:var(--font);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;transition:background .15s;display:flex}.add-item__qty-btn:active{background:var(--field-bg)}.add-item__qty-num{color:var(--text-primary);text-align:center;min-width:36px;font-size:18px;font-weight:700}.add-item__add-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%);border-radius:var(--radius-md);color:var(--accent-text);font-size:16px;font-weight:800;font-family:var(--font);box-shadow:0 4px 18px var(--accent-glow);border:none;flex:1;padding:13px;transition:transform .15s,box-shadow .2s}.add-item__add-btn:active{transform:scale(.98)}.add-item__add-btn:hover{box-shadow:0 6px 26px #f59e0b70}.app-container{background:var(--bg);width:100%;max-width:430px;min-height:100svh;position:relative;overflow:hidden}