@media screen and (max-width: 321px){.header-section-paket{border-radius:5px;height:150px}.mobile-nav .nav>li{flex:1 1 0%;min-width:0;text-align:center;padding:0}.mobile-menu-content{width:280px;max-width:90%}.mobile-nav .nav-text{font-size:8px}.mobile-nav .material-symbols-rounded{font-size:18px}.slide-text h2{font-size:2rem}.cta-button{padding:12px 25px;font-size:1rem}.info-sholat{display:flex;flex-direction:row;width:100dvw;height:40dvh;color:#fff!important;align-self:center;background-color:var(--main-color);position:relative;z-index:0}.info-sholat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/images/sholat.jpg);background-size:cover;background-position:center;opacity:.25;pointer-events:none;z-index:-1;border-radius:inherit}.paket-info-detail{font-size:var(--text-xsm)}.price-tag{font-size:var(--text-medium)}.nama-paket{font-size:var(--text-small)}#search-input,#month-filter,#year-filter,#search-jamaah-input,#month-filter-jamaah,#clear-filters{height:42px!important;font-size:.7rem!important;padding:0 10px}}@media screen and (max-width: 480px){body,.app-container{width:100dvw;max-width:100dvw;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.info-sholat{display:flex;flex-direction:row;width:100dvw;height:40dvh;color:#fff!important;align-self:center;background-color:var(--main-color);position:relative;z-index:0}.info-sholat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/images/sholat.jpg);background-size:cover;background-position:center;opacity:.25;pointer-events:none;z-index:-1;border-radius:inherit}.login-container{position:absolute;bottom:0;width:100dvw;height:65dvh;border-radius:20px 20px 0 0}.main-content{width:100%!important;margin-left:0!important;padding-bottom:80px}.header-section-paket{border-radius:5px;height:150px}.side-container{display:none!important}.mobile-nav{position:fixed!important;bottom:0;left:0;right:0;width:100%;z-index:1050;background-color:#fff;border-top:1px solid #dee2e6;box-shadow:0 -2px 10px #0000000d;display:block!important;padding:0;margin:0}.mobile-nav #admin-mobile-nav,.mobile-nav #sales-mobile-nav{display:none!important}.mobile-nav #admin-mobile-nav:not(.d-none),.mobile-nav #sales-mobile-nav:not(.d-none){display:flex!important}.mobile-nav .nav,.mobile-nav #admin-mobile-nav:not(.d-none),.mobile-nav #sales-mobile-nav:not(.d-none){flex-direction:row!important;justify-content:space-around!important;align-items:stretch!important;list-style:none!important;margin:0!important;padding:0!important;width:100%!important}.mobile-nav .nav>li,.mobile-nav #admin-mobile-nav>li,.mobile-nav #sales-mobile-nav>li{flex:1!important;display:flex!important;max-width:none!important}.mobile-nav .nav-link{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:.75rem .5rem!important;width:100%!important;color:#6c757d!important;text-decoration:none!important;transition:all .2s ease!important;gap:.35rem!important;border-radius:0!important;min-height:60px!important}.mobile-nav .nav-link:hover{color:var(--main-color)!important;background-color:#00000005!important}.mobile-nav .nav-link.active{color:var(--main-color)!important;background-color:#0000000d!important;font-weight:600!important}.mobile-nav .nav-link i,.mobile-nav .nav-link .material-symbols-rounded{font-size:22px!important;line-height:1!important;display:block!important}.mobile-nav .nav-text{font-size:.75rem!important;font-weight:500!important;white-space:nowrap!important;line-height:1.2!important;margin:0!important;display:block!important}#mobile-nav-footer{background-color:var(--main-color);padding:.5rem;margin:0}#mobile-nav-footer .nav-text{font-size:.7rem;color:#fff}#mobile-nav-footer a{color:#fff;text-decoration:underline}#mobile-menu-toggle{display:block!important}.header #navbar-user-name,.header #navbar-user-role{display:none!important}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1060;opacity:0;visibility:hidden;transition:all .3s ease;display:block!important}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-content{position:absolute;top:0;right:0;width:300px;max-width:80%;height:100%;background-color:#fff;box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-overlay.active .mobile-menu-content{transform:translate(0)}.mobile-menu-header{background-color:#f8f9fa;min-height:60px}.mobile-menu-user{background-color:#f8f9fa}.mobile-menu-user .user-avatar{font-size:40px;color:#6c757d}.mobile-menu-items{flex:1;padding:0}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:15px 20px;color:#333;text-decoration:none;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.mobile-menu-item:hover{background-color:#f8f9fa;color:#333}.mobile-menu-item.active{background-color:#007bff;color:#fff}.mobile-menu-item .material-symbols-rounded{font-size:22px}.mobile-menu-footer{background-color:#f8f9fa;margin-top:auto}.slide-text h2{font-size:2rem}.cta-button{padding:12px 25px;font-size:1rem}.jamaah-details{font-size:.8rem}.paket-info-detail{font-size:var(--text-xsm)}.price-tag{font-size:var(--text-medium)}.nama-paket{font-size:var(--text-small)}.paket-card-wrapper{padding:0}.paket-info{display:flex;flex-direction:row}.card-image-container{width:100%;height:auto;padding:0;display:flex;justify-content:center}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:3/4}#description-section{font-size:14px;text-align:justify}#current-bukti-container>div{flex-direction:column;align-items:start}}@media screen and (min-width: 481px) and (max-width: 999px){body,.app-container{width:100dvw;max-width:100dvw;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.main-content{width:100%!important;margin-left:0!important;padding-bottom:80px}.side-container{display:none!important}.mobile-nav{position:fixed!important;bottom:0;left:0;right:0;width:100dvw;height:70px;z-index:1050;background-color:#fff;border-top:1px solid #dee2e6;box-shadow:0 -2px 10px #0000001a;display:block!important}.mobile-nav .nav-link{min-height:50px;padding:8px 10px!important}.mobile-nav .material-symbols-rounded{font-size:22px}.mobile-nav .nav-text{font-size:10px}#mobile-menu-toggle{display:block!important}.header #navbar-user-name,.header #navbar-user-role{display:none!important}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1060;opacity:0;visibility:hidden;transition:all .3s ease;display:block!important}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-content{position:absolute;top:0;right:0;width:350px;max-width:70%;height:100%;background-color:#fff;box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}.mobile-menu-overlay.active .mobile-menu-content{transform:translate(0)}.mobile-menu-item{display:flex;align-items:center;gap:15px;padding:18px 25px;color:#333;text-decoration:none;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;font-size:15px}.mobile-menu-item:hover{background-color:#f8f9fa;color:#333}.mobile-menu-item.active{background-color:#007bff;color:#fff}.mobile-menu-item .material-symbols-rounded{font-size:24px}.mobile-menu-header{background-color:#f8f9fa;min-height:60px}.mobile-menu-user{background-color:#f8f9fa}.mobile-menu-user .user-avatar{font-size:45px;color:#6c757d}.mobile-menu-items{flex:1;padding:0}.mobile-menu-footer{background-color:#f8f9fa;margin-top:auto}.slide-text h2{font-size:2.5rem}.slide-text p{font-size:1rem}.slider-arrow{font-size:1.5rem;padding:10px 15px}.slider-arrow.prev{left:15px}.slider-arrow.next{right:15px}.info-sholat{display:flex;flex-direction:row;width:100dvw;height:40dvh;color:#fff!important;align-self:center;background-color:var(--main-color);position:relative;z-index:0}.info-sholat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/images/sholat.jpg);background-size:cover;background-position:center;opacity:.25;pointer-events:none;z-index:-1;border-radius:inherit}.login-container{position:absolute;bottom:0;width:100dvw;height:65dvh;border-radius:20px 20px 0 0}.paket-image-slider{height:400px}.single-image-container{height:100%}.slider-dot{width:8px;height:8px}.image-counter{font-size:11px;padding:4px 8px}}@media screen and (min-width: 481px) and (max-width: 999px){body,.app-container{width:100dvw;max-width:100dvw;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.main-content{width:100%!important;margin-left:0!important;padding-bottom:80px}.side-container{display:none!important}.mobile-nav{position:fixed!important;bottom:0;left:0;right:0;width:100%;z-index:1050;background-color:#fff;border-top:1px solid #dee2e6;box-shadow:0 -2px 10px #0000000d;display:block!important;padding:0;margin:0}#mobile-menu-toggle,#mobile-menu-toggle-main{display:block}}@media screen and (min-width: 1000px){.section-card{padding:1rem}}@media screen and (max-width: 999px){.side-container{display:none!important}.mobile-nav,.mobile-menu-overlay,#mobile-menu-toggle-main{display:flex}}@media screen and (min-width: 1000px){.mobile-nav,.mobile-menu-overlay,#mobile-menu-toggle-main{display:none}.side-container{display:flex!important;position:fixed;left:0;top:0;z-index:1000}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.header-app{position:relative;z-index:100;margin-left:0;padding:.75rem 2rem!important;min-height:64px;box-shadow:0 2px 8px #00000014!important;justify-content:flex-end!important}.header-app .logo-header,.name-travel-header{display:none!important}.desktop-user-profile{display:flex!important;margin-left:auto}.header-app{display:flex!important}.content-wrapper{padding:1.5rem;max-width:1920px;margin:0 auto}.paket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.table-responsive{box-shadow:0 2px 12px #00000014}}@media screen and (min-width: 1400px){.content-wrapper{padding:2rem}.paket-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}}@media screen and (max-width: 999px){.mobile-nav{display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important}}@media screen and (min-width: 1000px){.mobile-nav{display:none!important}}