@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&display=swap";:root{--primary: #E64980;--secondary: #22D3EE;--background: #0F172A;--card: #1E293B;--card-border: #334155;--text: #F8FAFC;--sec-text: #94A3B8;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Exo 2",sans-serif;background-color:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:var(--text);transition:color .3s ease}ul{list-style:none}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 var(--spacing-4)}.flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-4{gap:var(--spacing-4)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-6);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:"Exo 2",sans-serif}.btn-primary{background-color:var(--primary);color:var(--text)}.btn-primary:hover{background-color:#d6336c}.navbar{background-color:var(--background);padding:var(--spacing-4) 0;border-bottom:1px solid var(--card-border)}.nav-links{display:flex;gap:var(--spacing-8)}.nav-item{font-size:16px;font-weight:500;color:var(--sec-text)}.nav-item:hover,.nav-item.active{color:var(--text)}.nav-auth{display:flex;align-items:center;gap:var(--spacing-6)}.footer{background-color:var(--card);padding:var(--spacing-12) 0 var(--spacing-8);border-top:1px solid var(--card-border);margin-top:var(--spacing-12)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--spacing-8)}.footer-heading{font-size:24px;font-weight:700;margin-bottom:var(--spacing-4)}.footer-text{color:var(--sec-text);font-size:14px;margin-bottom:var(--spacing-2)}.footer-contact-item{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);color:var(--sec-text)}.footer-contact-icon{width:24px;height:24px;object-fit:contain}.map-container{width:100%;height:150px;border-radius:8px;overflow:hidden}.map-container iframe{width:100%;height:100%;border:none}.nav-menu{display:flex;align-items:center;flex:1}.nav-links{display:flex;gap:var(--spacing-8);margin:0 auto}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text);font-size:28px;cursor:pointer}@media(max-width:991px){.nav-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:var(--card);padding:var(--spacing-8) var(--spacing-4);border-bottom:1px solid var(--card-border);z-index:100;margin-left:0;gap:var(--spacing-6);box-shadow:0 10px 15px -3px #00000080}.nav-menu.active{display:flex}.nav-links{flex-direction:column;align-items:center;gap:var(--spacing-4)}.nav-auth{flex-direction:column;width:100%;max-width:300px;margin:0 auto}.nav-auth .btn{width:100%}.mobile-menu-btn{display:block}.navbar .container{padding:var(--spacing-2) var(--spacing-4)}}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.footer-heading{margin-bottom:var(--spacing-3)}.container{padding:0 var(--spacing-6)}}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:var(--spacing-8) 0}.auth-card{background-color:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:var(--spacing-10);width:100%;max-width:500px;text-align:center}.auth-title{font-size:28px;font-weight:700;margin-top:var(--spacing-4);margin-bottom:var(--spacing-2)}.auth-subtitle{color:var(--sec-text);font-size:14px;margin-bottom:var(--spacing-8)}.text-primary{color:var(--primary)}.form-group{margin-bottom:var(--spacing-4);text-align:left}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:var(--spacing-2)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;width:18px;height:18px;filter:brightness(0) saturate(100%) invert(68%) sepia(10%) saturate(464%) hue-rotate(184deg) brightness(97%) contrast(85%)}.form-input{width:100%;background-color:var(--background);border:1px solid var(--card-border);border-radius:8px;padding:12px 16px 12px 45px;color:var(--text);font-family:inherit;font-size:14px}.form-input:focus{outline:none;border-color:var(--primary)}.password-toggle{position:absolute;right:16px;background:none;border:none;cursor:pointer;display:flex;align-items:center}.auth-options{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:var(--spacing-6)}.remember-me{display:flex;align-items:center;gap:8px;color:var(--sec-text)}.forgot-password{color:var(--primary)}.btn-full{width:100%;margin-bottom:var(--spacing-6);padding:var(--spacing-3) var(--spacing-6)}.divider{display:flex;align-items:center;text-align:center;color:var(--text);font-size:14px;margin-bottom:var(--spacing-6)}.divider-text{background-color:#000;padding:2px 12px;border-radius:4px;font-size:12px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--card-border)}.btn-google{background-color:transparent;border:1px solid var(--card-border);color:var(--text);display:flex;align-items:center;justify-content:center;gap:12px}.btn-google:hover{background-color:#1e293b}.auth-footer{margin-top:var(--spacing-8);font-size:14px;color:var(--sec-text)}.auth-footer a{color:var(--primary);font-weight:500}.page-hero{text-align:center;padding:var(--spacing-12) 0 var(--spacing-6)}.page-hero h1{font-size:32px;font-weight:600;margin-bottom:var(--spacing-4)}.page-hero p{color:var(--sec-text);margin-bottom:var(--spacing-8);font-size:16px}.section-title-wrapper{display:flex;justify-content:center;align-items:center;gap:var(--spacing-3);margin:var(--spacing-10) 0 var(--spacing-6)}.section-title-wrapper img{height:24px}.section-title{font-size:24px;font-weight:700}.gamelist-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-10)}.gamelist-wrapper-dark{background-color:var(--card);border-radius:12px;padding:var(--spacing-8);margin-bottom:var(--spacing-10)}.gamelist-wrapper-light{background-color:transparent;padding:var(--spacing-8) 0}.gamecard{background-color:var(--background);border:1px solid var(--card-border);border-radius:12px;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6)}.gamelist-wrapper-light .gamecard{background-color:var(--card)}@media(min-width:992px){.gamecard{flex-direction:row;align-items:stretch}.gamecard:nth-child(2n){flex-direction:row-reverse}.gamecard-image{flex:0 0 320px}}.gamecard-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 6px -1px #0006}.gamecard-content{flex:1;display:flex;flex-direction:column;justify-content:center}.gamecard-title{display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--card-border);font-size:20px;font-weight:600}.gamecard-title span{color:var(--primary);font-weight:400;font-size:14px}.game-items{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.game-item{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:991px){.game-items{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.game-items{grid-template-columns:repeat(2,1fr)}}.hero{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-12) 0}.hero-image{flex:1;max-width:55%}.hero-image img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 8px 32px #0006}.hero-text{flex:1;text-align:right}.hero-text h1{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-6)}.hero-steps{border-right:3px solid var(--primary);padding-right:var(--spacing-6);margin-bottom:var(--spacing-8);display:inline-block;text-align:right}.hero-steps p{font-size:16px;font-weight:500;margin-bottom:var(--spacing-2);color:var(--text)}.hero-cta{display:flex;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-8)}.btn-outline{background-color:transparent;border:1px solid var(--card-border);color:var(--text);padding:var(--spacing-2) var(--spacing-8);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:"Exo 2",sans-serif;font-size:16px}.btn-outline:hover{border-color:var(--text);background-color:#ffffff0d}.btn-primary-lg{padding:var(--spacing-2) var(--spacing-8);font-size:16px}.live-schedule{padding:var(--spacing-12) 0;text-align:center}.live-badge{display:inline-flex;align-items:center;gap:10px;background-color:var(--card);border:1px solid var(--card-border);border-radius:30px;padding:8px 24px;margin-bottom:var(--spacing-4);font-weight:600;color:var(--secondary)}.live-dot{width:12px;height:12px;border-radius:50%;background-color:#22c55e;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.live-schedule h2{font-size:28px;font-weight:700;margin-bottom:var(--spacing-2)}.live-schedule .subtitle{color:var(--sec-text);font-size:14px;margin-bottom:var(--spacing-6)}.date-picker-bar{display:inline-flex;align-items:center;gap:10px;background-color:var(--card);border:1px solid var(--card-border);border-radius:30px;padding:8px 20px;margin-bottom:var(--spacing-8);cursor:pointer;font-size:14px}.date-picker-bar input[type=date]{background:transparent;border:none;color:var(--text);font-family:inherit;font-size:14px;cursor:pointer}.date-picker-bar input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.room-tabs{display:flex;justify-content:center;gap:0;margin-bottom:var(--spacing-6)}.room-tab{padding:10px 28px;cursor:pointer;font-weight:600;font-size:14px;border:1px solid var(--card-border);background:transparent;color:var(--sec-text);transition:all .3s ease;font-family:"Exo 2",sans-serif}.room-tab:first-child{border-radius:8px 0 0 8px}.room-tab:last-child{border-radius:0 8px 8px 0}.room-tab.active{background-color:var(--primary);border-color:var(--primary);color:var(--text)}.room-tab small{display:block;font-weight:400;font-size:11px;color:inherit;opacity:.7}.schedule-wrapper{background-color:var(--card);border-radius:12px;padding:var(--spacing-6);overflow-x:auto;position:relative}.schedule-table{width:100%;border-collapse:collapse;text-align:center;min-width:500px;table-layout:fixed}.schedule-table thead th{padding:6px 4px;font-size:13px;font-weight:600;color:var(--text);border-bottom:1px solid var(--card-border)}.schedule-table thead th:first-child{text-align:left;width:150px}.schedule-table tbody td{padding:3px 4px;font-size:12px;color:var(--sec-text);border-bottom:1px solid rgba(51,65,85,.3);vertical-align:middle}.schedule-table tbody td:first-child{text-align:left}.slot-circle{width:32px;height:32px;border-radius:50%;display:inline-block;position:relative;overflow:hidden}.slot-half-left,.slot-half-right{position:absolute;top:0;width:50%;height:100%}.slot-half-left{left:0}.slot-half-right{right:0}.slot-available{background-color:var(--secondary)}.slot-booked{background-color:#64748b}.slot-occupied{background-color:var(--primary)}.schedule-legend{display:flex;gap:var(--spacing-8);justify-content:center;align-items:center;margin-top:var(--spacing-6);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sec-text)}.legend-circle{width:16px;height:16px;border-radius:50%;display:inline-block}.legend-half{width:16px;height:16px;border-radius:50%;overflow:hidden;position:relative;display:inline-block}.legend-half .slot-half-left{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#64748b}.legend-half .slot-half-right{position:absolute;top:0;right:0;width:50%;height:100%;background-color:var(--secondary)}.download-btn{display:inline-flex;align-items:center;gap:8px;margin-top:var(--spacing-6);padding:8px 20px;background:transparent;border:1px solid var(--card-border);border-radius:8px;color:var(--sec-text);font-family:"Exo 2",sans-serif;font-size:13px;cursor:pointer;transition:all .3s ease}.download-btn:hover{border-color:var(--secondary);color:var(--secondary)}.fasilitas{padding:var(--spacing-12) 0;text-align:center}.fasilitas h2{font-size:28px;font-weight:700;margin-bottom:var(--spacing-2)}.fasilitas .subtitle{color:var(--sec-text);font-size:14px;margin-bottom:var(--spacing-10)}.fasilitas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.fasilitas-card{background-color:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:var(--spacing-6);text-align:left;transition:transform .3s ease,border-color .3s ease}.fasilitas-card:hover{transform:translateY(-4px);border-color:var(--primary)}.fasilitas-icon{width:40px;height:40px;margin-bottom:var(--spacing-4)}.fasilitas-card h3{font-size:16px;font-weight:600;margin-bottom:var(--spacing-2)}.fasilitas-card p{color:var(--sec-text);font-size:13px;line-height:1.5}.pilih-ruangan{padding:var(--spacing-12) 0;text-align:center}.pilih-ruangan h2{font-size:28px;font-weight:700;margin-bottom:var(--spacing-2)}.pilih-ruangan .subtitle{color:var(--sec-text);font-size:14px;margin-bottom:var(--spacing-10)}.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.room-card{background-color:var(--card);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.room-card:hover{transform:translateY(-4px);border-color:var(--primary)}.room-card-img{width:100%;height:180px;object-fit:cover}.room-card-body{padding:var(--spacing-4) var(--spacing-6);text-align:left}.room-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.room-card-name{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.room-card-name img{height:18px}.room-card-price{color:var(--primary);font-weight:600;font-size:14px}.room-card-price span{font-weight:400;font-size:12px;color:var(--sec-text)}.room-features{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:var(--spacing-4)}.room-feature{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sec-text)}.room-feature-icon{color:var(--secondary);font-size:10px}.room-card .btn{width:100%;margin-bottom:var(--spacing-2)}@media(max-width:991px){.hero{flex-direction:column}.hero-image{max-width:100%}.hero-text{text-align:center}.hero-steps{border-right:none;border-bottom:3px solid var(--primary);padding-right:0;padding-bottom:var(--spacing-4);text-align:center}.fasilitas-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-text h1{font-size:26px}.hero-cta{flex-direction:column;align-items:center}.fasilitas-grid,.room-grid{grid-template-columns:1fr}.room-tabs{flex-wrap:wrap;gap:4px}.room-tab{border-radius:6px!important}}.booking-page{padding:var(--spacing-12) 0}.booking-page h1{font-size:28px;font-weight:700;text-align:center;margin-bottom:var(--spacing-2)}.booking-page .subtitle{color:var(--sec-text);font-size:14px;text-align:center;margin-bottom:var(--spacing-8)}.booking-legend{display:flex;justify-content:center;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.booking-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sec-text)}.booking-legend .legend-dot{width:14px;height:14px;border-radius:50%}.booking-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-8);align-items:start}.step-card{background-color:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-6);font-size:18px;font-weight:600}.step-header img{height:20px}.room-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.room-selector-card{background-color:var(--background);border:1px solid var(--card-border);border-radius:8px;padding:var(--spacing-4);cursor:pointer;transition:all .3s ease;text-align:left}.room-selector-card:hover{border-color:var(--primary)}.room-selector-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px #e649804d}.room-selector-name{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px;margin-bottom:4px}.room-selector-name img{height:14px}.room-selector-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--sec-text)}.room-selector-price{color:var(--primary);font-weight:600}.calendar-wrapper{max-width:400px;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.calendar-header h4{font-size:16px;font-weight:600}.calendar-nav{display:flex;gap:8px}.calendar-nav button{background:transparent;border:1px solid var(--card-border);color:var(--text);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.calendar-nav button:hover{border-color:var(--primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-day-label{font-size:12px;font-weight:600;color:var(--sec-text);padding:6px 0}.calendar-day{padding:8px 0;font-size:14px;border-radius:50%;cursor:pointer;transition:all .2s ease;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.calendar-day:hover{background-color:#e6498026}.calendar-day.today{border:1px solid var(--primary)}.calendar-day.selected{background-color:var(--primary);color:var(--text);font-weight:600}.calendar-day.disabled{color:var(--card-border);cursor:not-allowed}.calendar-day.other-month{color:var(--card-border)}.time-slots-note{font-size:13px;color:var(--sec-text);margin-bottom:var(--spacing-4)}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px}.time-slot{padding:10px 0;text-align:center;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--background);color:var(--text);font-family:"Exo 2",sans-serif}.time-slot:hover:not(:disabled){border-color:var(--secondary);background-color:#22d3ee1a}.time-slot.selected{background-color:var(--secondary);border-color:var(--secondary);color:var(--background);font-weight:700;box-shadow:0 4px 10px #22d3ee4d}.time-slot.unavailable{background-color:#64748b1a;border-color:transparent;color:var(--card-border);cursor:not-allowed;text-decoration:line-through}.time-slot.occupied{background-color:#e649801a;border-color:#e649804d;color:var(--primary);cursor:not-allowed}.duration-selector{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--spacing-4)}.duration-btn{flex:1;min-width:80px;padding:10px 0;text-align:center;border:1px solid var(--card-border);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;background:var(--background);color:var(--text);font-family:"Exo 2",sans-serif;transition:all .2s ease}.duration-btn:hover{border-color:var(--secondary)}.duration-btn.selected{background-color:var(--secondary);border-color:var(--secondary);color:var(--background);font-weight:700;box-shadow:0 4px 10px #22d3ee4d}.booking-summary{background-color:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:var(--spacing-6);position:sticky;top:100px}.booking-summary h3{font-size:18px;font-weight:700;margin-bottom:var(--spacing-6)}.summary-room{display:flex;align-items:center;gap:12px;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--card-border);margin-bottom:var(--spacing-4)}.summary-room-img{width:60px;height:50px;border-radius:6px;object-fit:cover;background:var(--card-border)}.summary-room-name{font-weight:600;font-size:14px}.summary-room-cap{font-size:12px;color:var(--secondary)}.summary-row{display:flex;justify-content:space-between;font-size:13px;color:var(--sec-text);padding:6px 0;border-bottom:1px solid rgba(51,65,85,.3)}.summary-row span:last-child{color:var(--text);font-weight:500}.summary-total{display:flex;justify-content:space-between;font-size:16px;font-weight:700;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--card-border)}.summary-total span:last-child{color:var(--primary)}.summary-actions{margin-top:var(--spacing-6)}.summary-actions .btn{width:100%;margin-bottom:var(--spacing-3)}.summary-actions p{text-align:center;font-size:12px;color:var(--sec-text)}@media(max-width:991px){.booking-layout{grid-template-columns:1fr}.booking-summary{position:static}}@media(max-width:576px){.room-selector-grid{grid-template-columns:1fr}}.menufb-page{padding:var(--spacing-12) 0}.menufb-page h1{font-size:28px;font-weight:700;text-align:center;margin-bottom:var(--spacing-2)}.menufb-page .subtitle{color:var(--sec-text);font-size:14px;text-align:center;margin-bottom:var(--spacing-8)}.category-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:var(--spacing-8);flex-wrap:wrap}.category-tab{padding:8px 24px;border:1px solid var(--card-border);border-radius:30px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;background:transparent;color:var(--sec-text);font-family:"Exo 2",sans-serif;display:flex;align-items:center;gap:6px}.category-tab.active{background-color:var(--primary);border-color:var(--primary);color:var(--text)}.menufb-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--spacing-8);align-items:start}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.menu-card{background-color:var(--card);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:transform .3s ease}.menu-card:hover{transform:translateY(-2px)}.menu-card-img{width:100%;height:160px;object-fit:cover;position:relative}.menu-card-badge{position:absolute;bottom:8px;left:8px;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize}.menu-card-img-wrapper{position:relative}.badge-makanan{background-color:var(--primary);color:var(--text)}.badge-minuman{background-color:var(--secondary);color:var(--background)}.badge-snack{background-color:#f59e0b;color:var(--background)}.menu-card-body{padding:var(--spacing-4)}.menu-card-body h3{font-size:15px;font-weight:600;margin-bottom:4px}.menu-card-body .desc{font-size:12px;color:var(--sec-text);margin-bottom:var(--spacing-3);line-height:1.4}.menu-card-footer{display:flex;justify-content:space-between;align-items:center}.menu-card-price{color:var(--primary);font-weight:600;font-size:15px}.btn-add-cart{padding:6px 14px;background-color:var(--primary);color:var(--text);border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:"Exo 2",sans-serif;transition:background-color .3s ease}.btn-add-cart:hover{background-color:#d6336c}.cart-sidebar{background-color:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:var(--spacing-6);position:sticky;top:100px}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.cart-header h3{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.cart-badge{background-color:var(--primary);color:var(--text);font-size:12px;font-weight:600;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cart-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(51,65,85,.3)}.cart-item-img{width:50px;height:40px;border-radius:6px;object-fit:cover;background:var(--card-border)}.cart-item-info{flex:1}.cart-item-name{font-size:13px;font-weight:600}.cart-item-price{font-size:11px;color:var(--sec-text)}.cart-item-qty{display:flex;align-items:center;gap:8px}.qty-btn{width:24px;height:24px;border-radius:4px;border:1px solid var(--card-border);background:transparent;color:var(--text);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.qty-btn.plus{background-color:var(--primary);border-color:var(--primary)}.cart-total{display:flex;justify-content:space-between;font-weight:700;margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--card-border)}.cart-total span:last-child{color:var(--primary)}.cart-actions{margin-top:var(--spacing-6)}.cart-actions .btn{width:100%;margin-bottom:var(--spacing-3)}.cart-actions p{text-align:center;font-size:12px;color:var(--sec-text);cursor:pointer}.cart-actions p:hover{color:var(--text)}.cart-empty{text-align:center;color:var(--sec-text);font-size:13px;padding:var(--spacing-6) 0}@media(max-width:991px){.menufb-layout{grid-template-columns:1fr}.cart-sidebar{position:static}}@media(max-width:576px){.menu-grid{grid-template-columns:1fr}}.checkout-page{padding:6rem 1rem 4rem;max-width:1000px;margin:0 auto}.checkout-page .subtitle{text-align:center;color:var(--sec-text);margin-bottom:2rem}.checkout-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:start}.checkout-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:transform .2s cubic-bezier(.4,0,.2,1)}.checkout-card:hover{transform:translateY(-2px);border-color:#e649804d}.checkout-card h3{margin-top:0;margin-bottom:1.5rem;font-size:1.2rem;color:var(--text);border-bottom:1px solid var(--card-border);padding-bottom:.8rem;display:flex;align-items:center;gap:10px}.info-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.info-label{color:var(--sec-text)}.info-value{font-weight:500;color:var(--text);text-align:right}.payment-row{display:flex;justify-content:space-between;margin-bottom:15px;font-size:15px}.payment-total{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:1.1rem;font-weight:700}.sticky-card{position:sticky;top:100px}@media(max-width:900px){.checkout-layout{grid-template-columns:1fr}}.riwayat-page{padding:6rem 1rem 4rem;max-width:800px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.profile-avatar{width:80px;height:80px;min-width:80px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;overflow:hidden}.profile-info h2{margin:0 0 5px;color:var(--text)}.profile-info p{margin:0 0 5px;color:var(--sec-text)}.riwayat-list{display:flex;flex-direction:column;gap:15px}.riwayat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1)}.riwayat-card:hover{transform:translateY(-2px);border-color:#22d3ee4d}.riwayat-info h3{margin:0 0 10px;color:var(--text);font-size:1.2rem}.riwayat-info .riwayat-detail{font-size:14px;color:var(--sec-text);margin-bottom:5px}.riwayat-status{text-align:right}.riwayat-status .price{font-size:1.2rem;font-weight:700;color:var(--text);display:block;margin-bottom:10px}.status-badge{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;display:inline-block}.status-pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-selesai{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.status-dibatalkan{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.empty-state{text-align:center;padding:3rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;color:var(--sec-text)}@media(max-width:600px){.riwayat-card{flex-direction:column;align-items:flex-start;gap:15px}.riwayat-status{text-align:left}}