.call-waiter-container{max-width:100%;margin:0 auto;padding:0;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto;overflow-x:hidden}.call-waiter-content-wrapper{max-width:600px;margin:0 auto;padding:15px}.call-waiter-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:rgba(255,255,255,.95);border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.15);backdrop-filter:blur(10px)}.back-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:white;font-size:16px;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,107,107,.3)}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,107,.4)}.call-waiter-title{color:#2c3e50;font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.call-waiter-content{display:flex;flex-direction:column;gap:20px}.hero-section{text-align:center;padding:25px 15px;background:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.15);backdrop-filter:blur(10px)}.hero-icon{width:60px;height:60px;margin:0 auto 15px;background:linear-gradient(45deg,#ff6b6b,#ee5a24);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px;box-shadow:0 6px 20px rgba(255,107,107,.4);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hero-title{color:#2c3e50;font-size:22px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{color:#7f8c8d;font-size:16px;font-weight:500;margin:0}.tables-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:rgba(255,255,255,.95);border-radius:20px;padding:25px;box-shadow:0 8px 32px rgba(0,0,0,.15);backdrop-filter:blur(10px)}.table-button{position:relative;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid #e0e6ed;border-radius:12px;padding:12px 8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70px;gap:8px}.table-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#667eea}.table-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:white;box-shadow:0 8px 25px rgba(102,126,234,.4)}.table-button.selected .table-icon{color:white}.table-icon{font-size:20px;color:#667eea;margin-bottom:4px}.table-number{font-size:16px;font-weight:700;color:#2c3e50}.table-button.selected .table-number{color:white}.selected-indicator{position:absolute;top:-5px;right:-5px;background:#27ae60;color:white;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;box-shadow:0 2px 8px rgba(39,174,96,.4)}.call-action{text-align:center;background:rgba(255,255,255,.95);border-radius:20px;padding:25px;box-shadow:0 8px 32px rgba(0,0,0,.15);backdrop-filter:blur(10px)}.call-waiter-btn{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;padding:15px 40px;color:white;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px rgba(255,107,107,.4);display:flex;align-items:center;gap:10px;margin:0 auto}.call-waiter-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,107,107,.5)}.call-waiter-btn.disabled{background:#bdc3c7;cursor:not-allowed;box-shadow:none}.call-waiter-btn.calling{background:linear-gradient(45deg,#27ae60,#2ecc71)}.calling-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.selected-table-info{text-align:center;background:rgba(255,255,255,.95);border-radius:20px;padding:20px;box-shadow:0 8px 32px rgba(0,0,0,.15);backdrop-filter:blur(10px)}.selected-table-text{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.table-number-highlight{color:#667eea;font-weight:700;font-size:18px}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:white;font-size:18px;font-weight:500}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}[dir=rtl] .back-button{transform:scaleX(-1)}[dir=rtl] .selected-indicator{right:auto;left:-5px}@media (max-width:768px){.call-waiter-container{padding:15px}.call-waiter-header{padding:15px;margin-bottom:20px}.call-waiter-title{font-size:24px}.hero-section{padding:30px 15px}.hero-icon{width:60px;height:60px;font-size:24px}.hero-title{font-size:22px}.hero-subtitle{font-size:16px}.tables-grid{grid-template-columns:repeat(4,1fr);padding:25px}.table-button{padding:10px 6px;min-height:60px;gap:6px}.table-icon{font-size:18px}.table-number{font-size:16px}.call-action{padding:25px}.call-waiter-btn{padding:15px 35px;font-size:16px}.selected-table-text{font-size:16px}.table-number-highlight{font-size:18px}}@media (max-width:480px){.call-waiter-container{padding:10px}.call-waiter-header{padding:12px;gap:15px}.call-waiter-title{font-size:20px}.back-button{width:40px;height:40px;font-size:16px}.hero-section{padding:25px 12px}.hero-icon{width:50px;height:50px}.hero-icon,.hero-title{font-size:20px}.hero-subtitle{font-size:14px}.tables-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:20px}.table-button{padding:8px 5px;min-height:55px;gap:4px}.table-icon,.table-number{font-size:14px}.selected-indicator{width:18px;height:18px;font-size:9px}.call-action{padding:20px}.call-waiter-btn{padding:12px 30px;font-size:15px}.selected-table-info{padding:15px}.selected-table-text{font-size:15px}.table-number-highlight{font-size:16px}}