.table-selector-container{background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);min-height:100vh;padding:100px 20px 20px}.back-button-table{cursor:pointer;color:#4ecdc4;z-index:10;background:#fff;border:none;border-radius:10px;padding:12px 25px;font-size:1rem;font-weight:700;transition:all .3s;position:absolute;top:90px;left:20px;box-shadow:0 4px 10px #0003}.back-button-table:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.table-selector-content{max-width:1200px;margin:0 auto}.table-selector-content h1{color:#fff;text-shadow:2px 2px 8px #0003;text-align:center;margin-bottom:15px;font-size:2.8rem;animation:.6s slideDown}.table-selector-content p{color:#fffffff2;text-align:center;margin-bottom:50px;font-size:1.2rem;animation:.8s slideDown}.table-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;display:grid}.table-card{cursor:pointer;text-align:center;background:#fff;border-radius:15px;padding:25px 15px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);animation:.5s scaleIn;box-shadow:0 8px 20px #00000026}.table-card:first-child{animation-delay:50ms}.table-card:nth-child(2){animation-delay:.1s}.table-card:nth-child(3){animation-delay:.15s}.table-card:nth-child(4){animation-delay:.2s}.table-card:nth-child(5){animation-delay:.25s}.table-card:nth-child(6){animation-delay:.3s}.table-card:nth-child(7){animation-delay:.35s}.table-card:nth-child(8){animation-delay:.4s}.table-card:nth-child(9){animation-delay:.45s}.table-card:nth-child(10){animation-delay:.5s}.table-card:nth-child(11){animation-delay:.55s}.table-card:nth-child(12){animation-delay:.6s}.table-card:nth-child(13){animation-delay:.65s}.table-card:nth-child(14){animation-delay:.7s}.table-card:nth-child(15){animation-delay:.75s}.table-card:nth-child(16){animation-delay:.8s}.table-card:nth-child(17){animation-delay:.85s}.table-card:nth-child(18){animation-delay:.9s}.table-card:nth-child(19){animation-delay:.95s}.table-card:nth-child(20){animation-delay:1s}.table-card:hover,.table-card.hovered{transform:translateY(-12px)scale(1.08);box-shadow:0 15px 40px #00000040}.table-number{color:#4ecdc4;margin-bottom:10px;font-size:2.5rem;font-weight:700}.table-label{color:#666;margin-bottom:15px;font-size:1rem}.select-table-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);border:none;border-radius:50px;width:100%;padding:8px 20px;font-size:.9rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #ff980066}.select-table-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff980099}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.table-selector-content h1{font-size:2rem}.table-grid{grid-template-columns:repeat(4,1fr);gap:15px}.table-card{padding:20px 10px}.table-number{font-size:2rem}}@media (max-width:480px){.table-grid{grid-template-columns:repeat(3,1fr);gap:12px}.table-card{padding:15px 8px}.table-number{font-size:1.6rem}.select-table-btn{padding:6px 15px;font-size:.8rem}}
