:root{--bg-primary: #1a1a1e;--bg-secondary: #242428;--bg-card: #2a2a2f;--bg-card-hover: #32323a;--bg-input: #1e1e22;--text-primary: #e8e8ec;--text-secondary: #9a9aa0;--text-muted: #6a6a72;--gold: #c9a84c;--gold-light: #dfc06a;--gold-dark: #a88a32;--gold-bg: rgba(201, 168, 76, .12);--gold-bg-hover: rgba(201, 168, 76, .2);--success: #4caf50;--success-bg: rgba(76, 175, 80, .12);--warning: #ff9800;--warning-bg: rgba(255, 152, 0, .12);--danger: #ef5350;--danger-bg: rgba(239, 83, 80, .12);--border: #3a3a42;--border-light: #44444c;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .4);--tab-bar-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{flex:1;padding-bottom:calc(var(--tab-bar-height) + 8px)}.card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);padding:16px;transition:background .2s}.card:active{background:var(--bg-card-hover)}.card-gold{border-color:var(--gold-dark);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(201,168,76,.05) 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);border:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#1a1a1e}.btn-gold:active{transform:scale(.97);opacity:.9}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:active{background:var(--bg-card)}.btn-sm{padding:8px 16px;font-size:13px}.btn-block{width:100%}.btn-danger{background:var(--danger);color:#fff}.input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--gold)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:80px}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:var(--tab-bar-height);background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0);z-index:100}.tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s;color:var(--text-muted);text-decoration:none}.tab-item.active{color:var(--gold)}.tab-item span{font-size:11px;font-weight:500}.page{padding:16px;animation:fadeIn .3s ease}.page-title{font-size:22px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{padding:8px 16px;border-radius:20px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s}.chip.active{background:var(--gold-bg);border-color:var(--gold);color:var(--gold)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--gold);color:#1a1a1e;font-size:11px;font-weight:700}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-new,.status-pending{background:var(--warning-bg);color:var(--warning)}.status-confirmed{background:var(--success-bg);color:var(--success)}.status-cancelled{background:var(--danger-bg);color:var(--danger)}.status-completed{background:var(--gold-bg);color:var(--gold)}.qr-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px}.qr-timer{font-size:14px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.table-map{position:relative;width:100%;aspect-ratio:4/3;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.table-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .2s}.table-marker:active{transform:translate(-50%,-50%) scale(.92)}.table-icon{width:48px;height:28px;border-radius:6px;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.table-icon.russian{width:56px;height:32px}.table-icon.available{border-color:var(--success);background:var(--success-bg);color:var(--success)}.table-icon.partial{border-color:var(--warning);background:var(--warning-bg);color:var(--warning)}.table-icon.occupied{border-color:var(--text-muted);background:#6a6a721f;color:var(--text-muted)}.table-label{font-size:10px;color:var(--text-secondary);white-space:nowrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;display:flex;align-items:flex-end;animation:fadeIn .2s ease}.modal-content{width:100%;max-height:85vh;background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:var(--border-light);border-radius:2px;margin:0 auto 16px}.progress-bar{width:100%;height:8px;background:var(--bg-input);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 100%);border-radius:4px;transition:width .5s ease}.cart-float{position:fixed;bottom:calc(var(--tab-bar-height) + 16px);right:16px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:#1a1a1e;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;z-index:50;transition:transform .2s}.cart-float:active{transform:scale(.9)}.cart-float .badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);text-align:center;gap:12px}.empty-state svg{opacity:.5}.qty-controls{display:inline-flex;align-items:center;gap:12px;background:var(--bg-input);border-radius:var(--radius-sm);padding:4px}.qty-btn{width:32px;height:32px;border-radius:6px;border:none;background:var(--bg-card);color:var(--text-primary);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-btn:active{background:var(--bg-card-hover)}.qty-value{font-size:15px;font-weight:600;min-width:20px;text-align:center}.divider{height:1px;background:var(--border);margin:16px 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.text-gold{color:var(--gold)}.text-muted{color:var(--text-muted)}.text-sm{font-size:13px}.text-lg{font-size:18px}.font-bold{font-weight:700}.w-full{width:100%}