*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg:#def;--surface-1:#fff;--surface-2:#f3f8fe;--border:#cde4f7;--border-strong:#b8d4ed;--accent:#2d6ea0;--accent-hover:#245781;--accent-glow:#2d6ea02e;--accent-text:#fff;--success:#059669;--success-bg:#0596691a;--danger:#c0392b;--danger-bg:#c0392b1a;--warning:#d97706;--warning-bg:#d977061a;--info:#2d6ea0;--info-bg:#2d6ea01a;--text-primary:#14263d;--text-secondary:#466784;--text-muted:#7a9bb8;--glass-bg:#ffffffbf;--header-bg:#15324f;--header-gradient:linear-gradient(120deg, #15324f, #245781 70%, #2f72a5);--header-text:#f4faff;--header-text-muted:#d4ebfbcc;--field-bg:#fffc;--field-border:#cde4f7;--muted-btn-bg:#eaf4fd;--muted-btn-border:#c6dff2;--muted-btn-text:#2d5a7c;--chip-bg:#d9eaf9;--chip-text:#244968;--chip-active-bg:#2d6ea0;--chip-active-text:#fff;--shadow-card:0 4px 16px #122f4917;--shadow-lg:0 12px 40px #122f4924;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--font:"Manrope", "Segoe UI", sans-serif}.theme-dark{--bg:#090d18;--surface-1:#0f1729;--surface-2:#162035;--border:#ffffff12;--border-strong:#ffffff1f;--accent:#4a9fd4;--accent-hover:#3a8ec3;--accent-glow:#4a9fd433;--accent-text:#fff;--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-bg:#0a1628;--header-gradient:linear-gradient(120deg, #0a1628, #0f2040 70%, #142a54);--header-text:#f1f5f9;--header-text-muted:#94a3b8e6;--field-bg:#ffffff0d;--field-border:#ffffff17;--muted-btn-bg:#ffffff0d;--muted-btn-border:#ffffff12;--muted-btn-text:#94a3b8;--chip-bg:#ffffff12;--chip-text:#94a3b8;--chip-active-bg:#4a9fd4;--chip-active-text:#fff;--shadow-card:0 2px 8px #0000004d;--shadow-lg:0 12px 40px #0006;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px}html,body{min-height:100%;color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;background:radial-gradient(circle at 15% 15%,#e8f3ff 0%,#dbeeff 34%,#c7e2f6 64%,#b5d4ea 100%);margin:0;padding:0;font-weight:500;line-height:1.4}.theme-dark body,.theme-dark{background:#090d18}#root{justify-content:center;width:100%;min-height:100svh;display:flex}button{appearance:none;cursor:pointer;font-family:var(--font);font-weight:700;transition:transform .12s,opacity .2s}button:active{transform:translateY(1px)}input,select{appearance:none;font-family:var(--font)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login{justify-content:center;align-items:center;min-height:100svh;padding:32px 20px;animation:.3s ease-out fadeSlideIn;display:flex;position:relative}.login__content{z-index:1;flex-direction:column;gap:28px;width:100%;max-width:360px;display:flex;position:relative}.login__logo{text-align:center}.login__logo-icon{filter:drop-shadow(0 4px 12px #122f4933);margin-bottom:14px;font-size:48px;line-height:1;display:block}.login__title{color:#14263d;letter-spacing:-.3px;margin:0 0 5px;font-size:24px;font-weight:800}.login__subtitle{color:var(--text-muted);letter-spacing:1.2px;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.login__form{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:linear-gradient(#f9fcff 0%,#eef7ff 100%);border:1px solid #fff9;flex-direction:column;gap:16px;padding:24px 20px 20px;display:flex}.theme-dark .login__form{background:#ffffff0a;border-color:#ffffff12}.login__field{flex-direction:column;gap:6px;display:flex}.login__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.9px;font-size:11px;font-weight:800}.login__input,.login__select{border:1px solid var(--field-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:15px;font-family:var(--font);background:#fff;outline:none;padding:12px 14px;font-weight:500;transition:border-color .2s,box-shadow .2s}.theme-dark .login__input,.theme-dark .login__select{background:var(--field-bg);border-color:var(--field-border);color:var(--text-primary)}.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);font-weight:500}.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='%237a9bb8' 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:36px}.login__select option{color:var(--text-primary);background:#fff}.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:700}.login__btn{background:var(--accent);border-radius:var(--radius-md);color:#fff;width:100%;font-size:15px;font-weight:800;font-family:var(--font);cursor:pointer;box-shadow:0 4px 18px var(--accent-glow);letter-spacing:.1px;border:none;margin-top:4px;padding:16px;transition:transform .12s,box-shadow .2s,opacity .15s}.login__btn:not(:disabled):hover{background:var(--accent-hover);box-shadow:0 6px 24px #2d6ea04d}.login__btn:active{transform:translateY(1px)}.login__btn--loading{opacity:.65;cursor:not-allowed}.login__footer{text-align:center;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:700}.tables{flex-direction:column;height:100svh;animation:.25s ease-out fadeSlideIn;display:flex}.tables__header{background:var(--header-gradient);flex-shrink:0;padding:18px 20px 16px}.tables__header-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.tables__header-left{align-items:center;gap:10px;display:flex}.tables__logo{filter:drop-shadow(0 2px 6px #00000040);font-size:22px;line-height:1}.tables__header-overline{text-transform:uppercase;letter-spacing:.09em;color:var(--header-text-muted);margin:0 0 1px;font-size:10px;font-weight:700}.tables__header-title{color:var(--header-text);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800;line-height:1.1}.tables__header-actions{gap:6px;display:flex}.tables__icon-btn{border-radius:var(--radius-sm);color:var(--header-text-muted);background:#ffffff1f;border:1px solid #ffffff2e;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,color .2s;display:flex}.tables__icon-btn:hover{color:var(--header-text);background:#fff3}.tables__tabs{scrollbar-width:none;background:var(--surface-1);border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;padding:14px 20px;display:flex;overflow-x:auto}.tables__tabs::-webkit-scrollbar{display:none}.tables__tab{border-radius:var(--radius-md);background:var(--chip-bg);color:var(--chip-text);white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .16s;display:flex}.tables__tab--active{background:var(--chip-active-bg);color:var(--chip-active-text);box-shadow:0 2px 10px var(--accent-glow)}.tables__tab:active{transform:scale(.97)}.tables__tab-badge{border-radius:var(--radius-md);text-align:center;background:#0000001f;min-width:20px;padding:1px 7px;font-size:11px;font-weight:800}.tables__tab:not(.tables__tab--active) .tables__tab-badge{color:var(--accent);background:#2d6ea026}.tables__scrollable{-webkit-overflow-scrolling:touch;background:var(--bg);flex:1;overflow-y:auto}.theme-dark .tables__scrollable{background:var(--bg)}.tables__grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px 16px 28px;display:grid}.table-card{background:var(--surface-1);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:left;aspect-ratio:1;box-shadow:var(--shadow-card);flex-direction:column;padding:16px 14px 14px;transition:transform .12s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.table-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right: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 1px #d9770626;border-color:#d9770640}.table-card:active{transform:scale(.96)}.table-card__number{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;font-size:11px;font-weight:800}.table-card__status-dot{border-radius:var(--radius-sm);flex-shrink:0;width:8px;height:8px;margin-bottom:8px}.table-card__status-dot--free{background:var(--success)}.table-card__status-dot--occupied{background:var(--danger)}.table-card__status-dot--payment{background:var(--warning)}.table-card__status-dot--reservation{background:var(--info)}.table-card__status-label{letter-spacing:-.3px;flex:1;font-size:16px;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{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:6px;display:flex}.table-card__guests{color:var(--text-secondary);background:var(--chip-bg);border-radius:var(--radius-md);align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:700;display:flex}.table-card__time{color:var(--text-muted);font-size:11px;font-weight:700}.table-card__total{color:var(--text-secondary);margin-top:2px;font-size:12px;font-weight:800}.detail{flex-direction:column;height:100svh;animation:.25s ease-out fadeSlideIn;display:flex}.detail__header{background:var(--header-gradient);flex-shrink:0;align-items:center;gap:10px;padding:16px 20px 14px;display:flex}.detail__back{border-radius:var(--radius-sm);color:var(--header-text);background:#ffffff1f;border:1px solid #ffffff2e;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s;display:flex}.detail__back:hover{background:#fff3}.detail__title{color:var(--header-text);letter-spacing:-.3px;flex:1;margin:0;font-size:18px;font-weight:800}.detail__header-actions{gap:6px;display:flex}.detail__icon-btn{border-radius:var(--radius-sm);color:#d4ebfbb3;background:#ffffff1f;border:1px solid #ffffff2e;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.detail__icon-btn:hover{color:var(--header-text);background:#fff3}.detail__info{border-bottom:1px solid var(--border);background:var(--surface-1);flex-shrink:0;gap:16px;padding:10px 20px;display:flex}.detail__info-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.detail__total-bar{background:#f0f8ff;border-bottom:1px solid #cde4f7;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.theme-dark .detail__total-bar{background:#4a9fd40f;border-bottom-color:#4a9fd426}.detail__total-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:800}.detail__total-amount{color:var(--accent);letter-spacing:-1px;font-size:28px;font-weight:800}.detail__scrollable{-webkit-overflow-scrolling:touch;background:var(--bg);flex:1;overflow-y:auto}.theme-dark .detail__scrollable{background:var(--bg)}.detail__section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;padding:14px 20px 8px;font-size:10px;font-weight:800}.detail__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:48px 24px;display:flex}.detail__empty-icon{opacity:.3;margin-bottom:10px;font-size:40px}.detail__empty-title{color:var(--text-secondary);margin:0;font-size:15px;font-weight:800}.detail__empty-sub{color:var(--text-muted);font-size:13px;font-weight:500}.detail__order{padding:0 20px}.order-item{border-bottom:1px solid var(--border);grid-template-columns:26px 1fr auto auto;align-items:center;column-gap:10px;padding:12px 0;display:grid}.order-item:last-child{border-bottom:none}.order-item__qty{color:var(--text-muted);text-align:center;font-size:12px;font-weight:800}.order-item__name{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.3}.order-item__price{color:#0f2e49;text-align:right;white-space:nowrap;font-size:13px;font-weight:800}.theme-dark .order-item__price{color:var(--text-primary)}.order-item__badge{border-radius:var(--radius-md);white-space:nowrap;text-align:center;letter-spacing:.03em;padding:3px 8px;font-size:10px;font-weight:800}.order-item__badge--new{color:#516f88;background:#e8f0f7}.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{color:#8fafc6;background:#eef5fb}.theme-dark .order-item__badge--new{color:var(--text-muted);background:#ffffff12}.theme-dark .order-item__badge--served{color:var(--text-muted);background:#ffffff0a}.detail__bottom{background:var(--surface-1);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;padding:12px 20px 28px;display:flex}.detail__add-btn{background:var(--accent);border-radius:var(--radius-md);color:#fff;width:100%;font-size:15px;font-weight:800;font-family:var(--font);box-shadow:0 4px 16px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:7px;padding:16px;transition:transform .12s,box-shadow .2s;display:flex}.detail__add-btn:active{transform:translateY(1px)}.detail__add-btn:hover{background:var(--accent-hover)}.detail__btn-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail__print-btn,.detail__pay-btn{border-radius:var(--radius-md);font-size:14px;font-weight:800;font-family:var(--font);justify-content:center;align-items:center;gap:6px;padding:14px;transition:transform .12s;display:flex}.detail__print-btn{background:var(--muted-btn-bg);border:1px solid var(--muted-btn-border);color:var(--muted-btn-text)}.detail__print-btn:hover{background:#daeaf8}.theme-dark .detail__print-btn:hover{background:#ffffff17}.detail__pay-btn{background:var(--success);color:#fff;border:none;box-shadow:0 4px 14px #05966940}.detail__pay-btn:active{transform:translateY(1px)}.add-item{flex-direction:column;height:100svh;animation:.25s ease-out fadeSlideIn;display:flex}.add-item__header{background:var(--header-gradient);flex-shrink:0;align-items:center;gap:10px;padding:16px 20px 14px;display:flex}.add-item__back{border-radius:var(--radius-sm);color:var(--header-text);background:#ffffff1f;border:1px solid #ffffff2e;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s;display:flex}.add-item__back:hover{background:#fff3}.add-item__title{color:var(--header-text);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:800}.add-item__search-wrap{border-bottom:1px solid var(--border);background:var(--surface-1);flex-shrink:0;padding:12px 16px;position:relative}.add-item__search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:30px;transform:translateY(-50%)}.add-item__search{background:var(--surface-2);border:1px solid var(--field-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font);box-sizing:border-box;outline:none;padding:10px 32px 10px 36px;font-weight:500;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:26px;transform:translateY(-50%)}.add-item__cats{scrollbar-width:none;border-bottom:1px solid var(--border);background:var(--surface-1);flex-shrink:0;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.add-item__cats::-webkit-scrollbar{display:none}.add-item__cat{border-radius:var(--radius-md);background:var(--chip-bg);color:var(--chip-text);white-space:nowrap;border:none;align-items:center;gap:5px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .16s;display:flex}.add-item__cat--active{background:var(--chip-active-bg);color:var(--chip-active-text);box-shadow:0 2px 8px var(--accent-glow)}.add-item__cat:active{transform:scale(.97)}.add-item__scrollable{-webkit-overflow-scrolling:touch;background:var(--bg);flex:1;overflow-y:auto}.add-item__grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 16px 24px;display:grid}.menu-item{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;font-family:var(--font);box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:5px;padding:14px 8px 12px;transition:transform .12s,box-shadow .15s;display:flex}.menu-item--selected{border-color:var(--accent);box-shadow:var(--shadow-card), 0 0 0 2px var(--accent-glow)}.menu-item:active{transform:scale(.95)}.menu-item__emoji{font-size:24px;line-height:1}.menu-item__name{color:var(--text-secondary);font-size:11px;font-weight:700;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:800}.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:30px;display:block}.add-item__empty p{margin:0;font-size:13px;font-weight:700}.add-item__bottom{background:var(--surface-1);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px 28px;display:flex}.add-item__selected-info{align-items:center;gap:10px;display:flex}.add-item__selected-emoji{font-size:24px;line-height:1}.add-item__selected-name{color:var(--text-primary);flex:1;font-size:14px;font-weight:800}.add-item__selected-price{color:var(--accent);font-size:14px;font-weight:800}.add-item__controls{align-items:center;gap:10px;display:flex}.add-item__qty{border-radius:var(--radius-md);background:#eaf4fd;flex-shrink:0;align-items:center;gap:6px;padding:4px;display:inline-flex}.theme-dark .add-item__qty{background:#ffffff12}.add-item__qty-btn{border-radius:var(--radius-sm);color:#275376;width:44px;height:44px;font-size:20px;font-family:var(--font);background:#fff;border:none;justify-content:center;align-items:center;font-weight:800;line-height:1;transition:background .15s;display:flex;box-shadow:0 1px 4px #122f491a}.theme-dark .add-item__qty-btn{color:var(--text-primary);background:#ffffff1a}.add-item__qty-btn:active{background:#d9eaf9}.add-item__qty-num{color:#11314b;text-align:center;min-width:28px;font-size:16px;font-weight:800}.theme-dark .add-item__qty-num{color:var(--text-primary)}.add-item__add-btn{background:var(--accent);border-radius:var(--radius-md);color:#fff;font-size:15px;font-weight:800;font-family:var(--font);box-shadow:0 4px 14px var(--accent-glow);border:none;flex:1;padding:14px;transition:transform .12s,box-shadow .2s}.add-item__add-btn:active{transform:translateY(1px)}.add-item__add-btn:hover{background:var(--accent-hover)}.app-container{background:0 0;width:100%;max-width:430px;min-height:100svh;position:relative;overflow:hidden}.theme-dark.app-container{background:#090d18}