:root{--pmp-blue:#1a365d;--pmp-cream:#f4efea;--pmp-text-dark:#2d3748}body{background-color:#e2e8f0;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Now,Montserrat,sans-serif;display:flex}.app-container{background-color:var(--pmp-cream);flex-direction:column;width:100%;max-width:480px;min-height:100vh;padding:20px;display:flex;box-shadow:0 0 40px #0000001a}.logo-text{color:var(--pmp-blue);letter-spacing:-3px;margin-bottom:0;font-family:League Spartan,sans-serif;font-size:5rem;font-weight:700;line-height:.9}.logo-dot{font-size:3rem}.slogan-text{letter-spacing:1.5px;color:var(--pmp-blue);text-transform:uppercase;margin-top:5px;font-family:Now,Montserrat,sans-serif;font-size:.95rem;font-weight:400}.menu-btn{aspect-ratio:1/1.05;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px 10px;text-decoration:none;transition:all .2s ease-in-out;display:flex}.menu-btn:active{transform:scale(.95)}.pmp-btn-primary{background-color:var(--pmp-blue);color:var(--pmp-cream);box-shadow:0 8px 20px #1a365d26}.pmp-btn-primary:hover{color:var(--pmp-cream);background-color:#122643}.icon-wrapper{margin-bottom:12px;font-size:2.8rem;line-height:1}.title-th{margin-bottom:2px;font-family:League Spartan,Montserrat,sans-serif;font-size:1.25rem;font-weight:700}.title-en{opacity:.85;font-family:Now,Montserrat,sans-serif;font-size:.85rem;font-weight:300}.footer-address{color:var(--pmp-blue);opacity:.8;margin-top:auto;font-size:.85rem;line-height:1.6}.date-selector-container{gap:10px;padding-bottom:10px;display:flex;overflow-x:auto}.date-selector-container::-webkit-scrollbar{display:none}.date-btn{text-align:center;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:12px;min-width:65px;padding:8px 5px;transition:all .2s}.date-btn.active{background:var(--pmp-blue);color:#fff;border-color:var(--pmp-blue)}.date-btn.disabled{color:#ccc;cursor:not-allowed;background:#f8f9fa;border-color:#eee}.date-day{font-size:.8rem}.date-num{font-size:1.2rem;font-weight:700}.court-tabs{border:1px solid var(--pmp-blue);border-radius:8px;margin-top:15px;margin-bottom:15px;display:flex;overflow:hidden}.court-tab{text-align:center;color:var(--pmp-blue);cursor:pointer;background:#fff;flex:1;padding:8px 0;font-weight:600}.court-tab.active{background:var(--pmp-blue);color:#fff}.time-slots{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:80px;display:grid}.time-slot{text-align:center;cursor:pointer;color:#2d3748;background-color:#e2f0e9;border:1px solid #c3e6cb;border-radius:8px;padding:12px;font-weight:500;transition:all .2s}.time-slot.booked{color:#a0aec0;cursor:not-allowed;background-color:#e2e8f0;border-color:#cbd5e0}.time-slot.selected{background-color:var(--pmp-blue);color:#fff;border-color:var(--pmp-blue)}.bottom-action-bar{z-index:100;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;align-items:center;width:100%;max-width:480px;padding:15px 20px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0000001a}.price-summary{color:var(--pmp-blue);font-weight:600}.price-total{font-size:1.2rem}.btn-confirm{background:var(--pmp-blue);color:#fff;border:none;border-radius:25px;padding:10px 20px;font-weight:600}.btn-confirm:disabled{background:#a0aec0}.back-btn{color:var(--pmp-blue);font-size:1.5rem;text-decoration:none;position:absolute;top:25px;left:20px}.original-booking-card{border:1px solid var(--pmp-blue);background:#fff;border-radius:12px;margin-bottom:20px;padding:15px}.original-booking-card h6{color:var(--pmp-blue);margin-bottom:10px;font-weight:700}.original-booking-card p{margin-bottom:5px;font-size:.9rem}@media (width>=768px){.app-container{border-radius:20px;max-width:900px;min-height:calc(100vh - 80px);margin:40px 0}.time-slots{grid-template-columns:repeat(4,1fr)!important}.bottom-action-bar{border-radius:20px!important;max-width:900px!important;bottom:20px!important}}