.schedule-table{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;max-width:100%;overflow:visible}.schedule-table .overflow-auto{overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;max-width:100%}.schedule-table .overflow-auto::-webkit-scrollbar{width:8px;height:8px}.schedule-table .overflow-auto::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.schedule-table .overflow-auto::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.schedule-table .overflow-auto::-webkit-scrollbar-thumb:hover{background:#a0aec0}.schedule-table table{table-layout:fixed;width:100%;min-width:800px;max-width:none}.schedule-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.schedule-table tbody tr:hover{background-color:#f8fafc;transition:background-color .2s ease}.schedule-table th:first-child,.schedule-table td:first-child{position:sticky;left:0;background:inherit;box-shadow:2px 0 4px #0000001a;z-index:20}.schedule-table th:last-child,.schedule-table td:last-child{position:sticky;right:0;background:inherit;box-shadow:-2px 0 4px #0000001a;z-index:20}.schedule-table thead th:first-child{background:linear-gradient(135deg,#f8fafc,#e2e8f0);z-index:40}.schedule-table thead th:last-child{background:linear-gradient(135deg,#f8fafc,#e2e8f0);z-index:40}.schedule-table tbody td:first-child{background:#fff;z-index:20}.schedule-table tbody td:last-child{background:#fff;z-index:20}.schedule-table tbody tr:hover td:first-child,.schedule-table tbody tr:hover td:last-child{background:#f8fafc}.schedule-table .overflow-x-auto{contain:layout style}.schedule-table th:first-child,.schedule-table td:first-child{width:80px;min-width:80px;max-width:80px}.schedule-table th:last-child,.schedule-table td:last-child{width:60px;min-width:60px;max-width:60px}.schedule-table th:not(:first-child):not(:last-child),.schedule-table td:not(:first-child):not(:last-child){min-width:140px;width:auto;max-width:200px}.schedule-table .two-rooms-layout th:nth-child(2),.schedule-table .two-rooms-layout td:nth-child(2),.schedule-table .two-rooms-layout th:nth-child(3),.schedule-table .two-rooms-layout td:nth-child(3){width:calc((100% - 140px)/2);min-width:160px}.schedule-table .three-rooms-layout th:nth-child(2),.schedule-table .three-rooms-layout td:nth-child(2),.schedule-table .three-rooms-layout th:nth-child(3),.schedule-table .three-rooms-layout td:nth-child(3),.schedule-table .three-rooms-layout th:nth-child(4),.schedule-table .three-rooms-layout td:nth-child(4){width:calc((100% - 140px) / 3);min-width:140px}.schedule-table .four-rooms-layout th:not(:first-child):not(:last-child),.schedule-table .four-rooms-layout td:not(:first-child):not(:last-child){width:calc((100% - 140px)/4);min-width:130px}.schedule-table .many-rooms-layout th:not(:first-child):not(:last-child),.schedule-table .many-rooms-layout td:not(:first-child):not(:last-child){width:140px;min-width:140px;max-width:140px}.schedule-table td:not(:first-child):not(:last-child){text-align:center;vertical-align:middle}.schedule-table td:not(:first-child):not(:last-child)>div{display:flex;justify-content:center;align-items:center;width:100%}.schedule-table th:not(:first-child):not(:last-child){text-align:center}.schedule-table-body{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.schedule-table th .truncate{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.schedule-table th[title]{cursor:help}.schedule-table td span{min-width:70px;font-size:.7rem;padding:.25rem .5rem;white-space:nowrap}.schedule-table tbody tr:hover td:first-child,.schedule-table tbody tr:hover td:last-child{background-color:#f8fafc}.current-time-row{background-color:#eff6ff!important;border-left:4px solid #3b82f6}.current-time-row td:first-child{background-color:#eff6ff!important;font-weight:600;color:#1d4ed8}.quick-book-available{cursor:pointer;transition:all .2s ease}.quick-book-available:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease;margin:0 auto;min-width:80px}.schedule-table td:not(:first-child):not(:last-child) span{display:inline-flex;align-items:center;justify-content:center}.status-tersedia{background-color:#10b981;color:#fff}.status-tersedia:hover{background-color:#059669;transform:translateY(-1px)}.status-booked{background-color:#ef4444;color:#fff}.status-menunggu{background-color:#f59e0b;color:#fff}.scroll-indicator{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.room-card{transition:all .3s ease;border-radius:12px;overflow:hidden;cursor:pointer}.room-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.room-card:active{transform:translateY(-2px)}.room-card.loading{opacity:.7;pointer-events:none;transform:scale(.98)}.room-image{position:relative;overflow:hidden}.room-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#10b9811a);opacity:0;transition:opacity .3s ease}.room-card:hover .room-image:after{opacity:1}.room-card button{position:relative;z-index:10}.room-card button:hover{transform:translateY(-1px)}.room-card .button-container{position:relative;z-index:10}.filter-controls{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;margin-bottom:2rem;border:1px solid #e5e7eb}.filter-controls select,.filter-controls input{transition:all .2s ease;min-height:40px}.filter-controls select:focus,.filter-controls input:focus{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.filter-controls label{font-weight:500;color:#374151;margin-bottom:.25rem}@media(max-width:640px){.filter-controls{padding:1rem;margin-bottom:1.5rem}.filter-controls .grid{gap:1rem}.filter-controls select,.filter-controls input{min-height:44px;font-size:16px}.filter-controls label{font-size:.875rem;font-weight:600}}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f666,0 2px 4px -1px #3b82f633}.btn-secondary{transition:all .2s ease}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.header-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e3a8af2}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.schedule-table{font-size:.75rem;border-radius:8px;margin:0;max-width:100%;overflow:visible}.schedule-table .overflow-auto{max-width:calc(100vw - 2rem);max-height:400px;overflow:auto}.schedule-table table{min-width:500px;table-layout:fixed}.schedule-table th:first-child,.schedule-table td:first-child{width:60px!important;min-width:60px;font-size:.7rem;padding:.5rem .25rem}.schedule-table th:last-child,.schedule-table td:last-child{width:45px!important;min-width:45px;padding:.5rem .125rem}.schedule-table th:not(:first-child):not(:last-child),.schedule-table td:not(:first-child):not(:last-child){width:90px!important;min-width:90px;padding:.5rem .125rem}.schedule-table th .truncate{max-width:80px;font-size:.65rem;font-weight:600}.schedule-table td span{min-width:50px;font-size:.6rem;padding:.125rem .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}}@media(max-width:640px){.hero-content h1{font-size:2rem;line-height:1.2}.hero-content .hero-buttons{flex-direction:column;gap:.75rem}.hero-content .hero-buttons a,.hero-content .hero-buttons button{width:100%;text-align:center;justify-content:center}.schedule-table{font-size:.7rem;border-radius:6px;overflow:visible}.schedule-table .overflow-auto{max-width:calc(100vw - 1rem);overflow:auto}.schedule-table table{min-width:450px}.schedule-table th:first-child,.schedule-table td:first-child{width:50px!important;min-width:50px;font-size:.65rem;padding:.375rem .125rem}.schedule-table th:last-child,.schedule-table td:last-child{width:35px!important;min-width:35px;padding:.375rem .0625rem}.schedule-table th:not(:first-child):not(:last-child),.schedule-table td:not(:first-child):not(:last-child){width:80px!important;min-width:80px;padding:.375rem .0625rem}.schedule-table th .truncate{max-width:70px;font-size:.6rem}.schedule-table td span{min-width:45px;font-size:.55rem;padding:.125rem .1875rem;max-width:70px}.schedule-table td:last-child button svg{width:1rem;height:1rem}#schedule{padding:2rem 0}#schedule .max-w-7xl{padding-left:.5rem;padding-right:.5rem}}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.focus\:ring-2:focus{outline:2px solid transparent;outline-offset:2px}.hero-image{position:relative}.hero-float-1{animation:heroFloat 3s ease-in-out infinite}.hero-float-2{animation:heroFloat 3.5s ease-in-out infinite .5s}.hero-float-3{animation:heroFloat 2.8s ease-in-out infinite 1s}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-orbit{animation:heroOrbit 6s linear infinite;transform-origin:200px 190px}.hero-orbit-2{animation:heroOrbit 8s linear infinite reverse;transform-origin:200px 190px}.hero-orbit-3{animation:heroOrbit 10s linear infinite 2s;transform-origin:200px 190px}@keyframes heroOrbit{0%{transform:rotate(0) translate(0)}to{transform:rotate(360deg) translate(0)}}.hero-pulse{animation:heroPulse 2.5s ease-in-out infinite}@keyframes heroPulse{0%,to{opacity:.4;r:112}50%{opacity:.15;r:118}}