@charset "UTF-8";:root{--bg-topbar-line:#003323;--bg-header-main:#00452f;--bg-sidebar:#00452f;--bg-workspace:linear-gradient(135deg, #00563b 0%, #38a635 100%);--bg-dashboard-card:rgba(0, 40, 25, 0.75);--bg-empty-grey:rgba(0, 0, 0, 0.25);--text-primary:#ffffff;--text-muted:#d1e7dd;--text-main:#ffffff;--accent-teal:#ffc107;--accent-blue:#2980b9;--accent-red:#e74c3c;--sidebar-panel-width:260px;--combined-header-height:90px}body,html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;scrollbar-width:thin;scrollbar-color:#374151 transparent}body{background:var(--bg-workspace);background-attachment:fixed;color:var(--text-primary);overflow-x:hidden;transition:color .3s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#374151;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#4b5563}#roms-scroll-progress{position:fixed;top:0;left:0;width:0%;height:4px;background-color:var(--accent-teal);z-index:3000;transition:width .1s ease-out}#flyerScrollContainer::-webkit-scrollbar,.slider-track::-webkit-scrollbar{display:none}#flyerScrollContainer{-ms-overflow-style:none;scrollbar-width:none}.running-text-link{transition:color .3s ease}.running-text-link:hover{color:#d8d46a!important}.slider-wrapper{width:100%;overflow:hidden}.slider-track{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:5px}.card-lokasi{flex:0 0 calc((100% - 3rem)/ 4);max-width:calc((100% - 3rem)/ 4);cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:transform .2s}.card-lokasi:hover{transform:translateY(-5px)}.card-lokasi img,.placeholder-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}#roms-top-block-container{position:fixed;top:0;left:0;width:100%;z-index:2000;display:flex;flex-direction:column;transition:transform .3s ease}.roms-mini-topbar{height:30px;background-color:var(--bg-topbar-line);display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:.75rem;color:#e2e8f0;transition:margin-top .3s ease,opacity .3s ease,background-color .3s ease,color .3s ease}body:not(.dark-mode) .roms-mini-topbar{color:#4b5563}.mini-left-socials a{color:inherit;margin-right:15px;text-decoration:none;display:inline-block;vertical-align:middle}.mini-right-date{display:flex;align-items:center;gap:6px;font-weight:500}#roms-main-header{height:60px;background-color:var(--bg-header-main);display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-radius:0 0 25px 25px;transition:box-shadow .3s ease,background-color .3s ease}#roms-main-header.flat-state{box-shadow:0 4px 20px rgba(0,0,0,.4)}.dashboard-logo-brand,.header-left-side,.header-right-side{display:flex;align-items:center}.header-left-side,.header-right-side{gap:20px}.dashboard-logo-brand{gap:12px}.brand-logo{max-height:40px}.brand-title{margin-top:6px;margin-bottom:0;line-height:1}.brand-subtitle{margin:3px 0 0 0;line-height:1}.brand-text-titles h1{font-size:1.15rem;font-weight:800;letter-spacing:.5px}.brand-text-titles p{font-size:.7rem;color:var(--text-muted)}.header-action-btn{background:0 0;border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center}.header-search-box{display:flex;align-items:center;gap:10px;background-color:rgba(0,0,0,.3);padding:6px 15px;border-radius:20px}body:not(.dark-mode) .header-search-box{background-color:rgba(0,0,0,.05)}.header-search-box input{background:0 0;border:none;outline:0;color:var(--text-primary);font-size:.85rem;width:140px}.notification-bell-container{position:relative;cursor:pointer}.active-green-dot{position:absolute;top:1px;right:1px;width:7px;height:7px;background-color:var(--accent-teal);border-radius:50%}.user-profile-avatar-circle{width:34px;height:34px;border-radius:50%;background-color:#7f8c8d;padding:2px}.avatar-fallback-img{width:100%;height:100%;background-color:#bdc3c7;border-radius:50%}#roms-page-layout{display:flex;margin-top:calc(var(--combined-header-height) + 15px)!important;min-height:calc(100vh - var(--combined-header-height) - 15px);transition:margin-top .3s ease}#heroCarousel,#roms-page-layout>div:first-child,#roms-page-layout>main>div:first-child{margin-top:0!important;padding-top:0!important}#roms-sidebar-panel{width:var(--sidebar-panel-width);background-color:var(--bg-sidebar);position:fixed;top:calc(var(--combined-header-height) + 15px);left:0;bottom:0;border-top-right-radius:20px;overflow-y:auto;z-index:1000;transition:left .3s ease,top .3s ease,width .3s ease,background-color .3s ease}.inner-sidebar-nav ul{list-style:none}.inner-sidebar-nav ul li a{display:flex;align-items:center;gap:10px;padding:12px 15px;color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:background-color .2s ease,color .2s ease}.inner-sidebar-nav ul li a i{font-size:1.1rem;width:20px;text-align:center;flex-shrink:0}.nav-text{flex:1;text-align:left;white-space:nowrap}.inner-sidebar-nav ul li a:hover,.inner-sidebar-nav ul li.active-link a{background-color:rgba(0,0,0,.2);color:var(--accent-teal)}body:not(.dark-mode) .inner-sidebar-nav ul li a:hover,body:not(.dark-mode) .inner-sidebar-nav ul li.active-link a{background-color:rgba(0,0,0,.05)}.nav-group-title{padding:10px 2px 3px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.nav-chevron{font-size:.6rem;opacity:.5;flex-shrink:0;margin-left:auto;transition:transform .2s ease}.inner-sidebar-nav ul li.dropdown-open .nav-chevron{transform:rotate(180deg)}.badge-blue-new{background-color:var(--accent-blue);color:#fff;font-size:.65rem;padding:2px 7px;border-radius:4px;font-weight:700;flex-shrink:0}.inner-sidebar-nav ul li .submenu{max-height:0;overflow:hidden;list-style:none;padding-left:20px;background-color:rgba(0,0,0,.15);transition:max-height .3s ease-out}.inner-sidebar-nav ul li.dropdown-open .submenu{max-height:300px;transition:max-height .3s ease-in}.inner-sidebar-nav .submenu li a.active-link{color:var(--accent-teal)!important;font-weight:600}#roms-workspace-area{margin-left:var(--sidebar-panel-width);flex:1;padding:0 10px 15px 10px;transition:margin-left .3s ease;max-width:100vw;overflow-x:hidden}#roms-sidebar-panel.collapsed{width:70px!important}#roms-sidebar-panel.collapsed .badge-blue-new,#roms-sidebar-panel.collapsed .nav-chevron,#roms-sidebar-panel.collapsed .nav-group-title,#roms-sidebar-panel.collapsed .nav-text{display:none!important}#roms-sidebar-panel.collapsed .inner-sidebar-nav ul li a{justify-content:center;padding:15px 0;gap:0}#roms-sidebar-panel.collapsed .inner-sidebar-nav ul li a i{width:auto;font-size:1.3rem}#roms-sidebar-panel.collapsed~#roms-workspace-area{margin-left:70px!important}body.hide-sidebar-desktop #roms-sidebar-panel{left:-260px}body.hide-sidebar-desktop #roms-workspace-area{margin-left:0}body.adjust-scrolled-layout #roms-sidebar-panel{top:calc(60px + 10px)}.roms-grey-blocks-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.block-item{height:110px;background-color:var(--bg-empty-grey);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);border-radius:20px 0 20px 0!important;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:15px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.block-bg-icon,.block-item::after{position:absolute;bottom:-15px;right:5px;font-size:7rem;color:rgba(255,255,255,.1);z-index:0}.block-item::after{font-family:"Font Awesome 6 Free";font-weight:900;content:""}body:not(.dark-mode) .block-bg-icon,body:not(.dark-mode) .block-item::after{color:rgba(0,0,0,.05)}.block-subtitle{font-size:.7rem;color:#cbd5e1;z-index:1;position:relative}.block-value{font-size:1.2rem;z-index:1;position:relative}.roms-workspace-row-1{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.content-data-card{background-color:var(--bg-dashboard-card);backdrop-filter:blur(12px);border-radius:8px;padding:20px;border:1px solid rgba(255,255,255,.2);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease;min-width:0!important;max-width:100%!important}body:not(.dark-mode) .content-data-card{border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.split-card-top{display:flex;justify-content:space-between;align-items:flex-start}.text-info h6{color:var(--accent-teal);font-size:.8rem;margin-bottom:6px;letter-spacing:.5px}.text-info h3{font-size:1.7rem;margin-bottom:8px}.text-info p{font-size:.75rem;color:var(--text-muted);line-height:1.4}.radial-ring-border{width:60px;height:60px;border:4px solid var(--accent-teal);border-radius:50%;display:flex;align-items:center;justify-content:center}.ring-percentage{font-weight:700;color:var(--accent-teal);font-size:.9rem}.split-card-footer,.three-columns-footer{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding-top:15px}body:not(.dark-mode) .split-card-footer,body:not(.dark-mode) .three-columns-footer{border-color:rgba(0,0,0,.08)}.split-card-footer{margin-top:20px;font-size:.8rem}.split-card-footer h4{margin:2px 0}.three-columns-footer{text-align:center}.three-columns-footer>div{width:33.33%}.three-columns-footer h4{font-size:.95rem;margin:2px 0}.three-columns-footer small{font-size:.75rem;color:var(--text-muted)}.center-large-ring-box{display:flex;justify-content:center;padding:5px 0 15px 0}.large-radial-ring{width:95px;height:95px;border:6px solid var(--accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center}.inner-ring-labels small{display:block;color:var(--text-muted);font-size:.7rem}.total-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.horizontal-bars-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.bar-track{width:100%;height:6px;background-color:rgba(255,255,255,.15);border-radius:3px}body:not(.dark-mode) .bar-track{background-color:rgba(0,0,0,.08)}.bar-fill-progress{height:100%;background-color:var(--accent-teal);border-radius:3px}.roms-workspace-row-2{display:grid;grid-template-columns:1fr 1.2fr;gap:15px;margin-bottom:20px}.card-title-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title-flex h3{font-size:1.05rem;font-weight:700}.view-all-trigger{font-size:.8rem;color:var(--accent-teal);text-decoration:none}.timeline-wrapper{display:flex;flex-direction:column;gap:20px}.timeline-row{display:flex;gap:15px;position:relative}.timeline-indicator{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0}.timeline-indicator.blue-node{background-color:var(--accent-blue)}.timeline-indicator.teal-node{background-color:var(--accent-teal)}.timeline-body{font-size:.85rem}.text-dim{color:var(--text-muted)}.timeline-meta-tag{font-size:.75rem;color:var(--text-muted);margin-top:5px}.timeline-attachments{display:flex;gap:6px;margin:8px 0}.attach-box{width:45px;height:32px;background-color:rgba(255,255,255,.15);border-radius:4px}body:not(.dark-mode) .attach-box{background-color:rgba(0,0,0,.08)}.responsive-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.workspace-bordered-table,.workspace-native-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}.workspace-native-table th{padding:12px 8px;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.2)}.workspace-native-table td{padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.15)}body:not(.dark-mode) .workspace-native-table td,body:not(.dark-mode) .workspace-native-table th{border-color:rgba(0,0,0,.08)}.table-user-dot{display:inline-block;width:18px;height:18px;background-color:#94a3b8;border-radius:50%;vertical-align:middle;margin-right:6px}.table-row-opt{background:0 0;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.grey-block-footer-helper{width:100%;height:45px;background-color:var(--bg-empty-grey);border-radius:6px}.accent-teal{color:var(--accent-teal)}.accent-red{color:var(--accent-red)}.weight-bold{font-weight:700}#roms-floating-actions-bar{position:fixed;bottom:25px;right:25px;display:flex;flex-direction:column;gap:12px;z-index:2500}.floating-btn{width:45px;height:45px;border-radius:50%;background-color:rgba(0,0,0,.6);color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:transform .2s ease}.floating-btn:hover{transform:scale(1.08)}.dropdown-item-custom{transition:all .3s ease}.dropdown-item-custom:hover{color:#fff!important;background-color:rgba(255,255,255,.1)}#roms-workspace-area h1,#roms-workspace-area h2,#roms-workspace-area h3,#roms-workspace-area h4,#roms-workspace-area h5,#roms-workspace-area h6{color:var(--text-primary);transition:color .3s ease}#roms-workspace-area label,#roms-workspace-area p,#roms-workspace-area small{color:var(--text-muted);transition:color .3s ease}.form-control,.form-select,textarea{background-color:rgba(0,0,0,.4)!important;color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.4)!important;transition:all .3s ease!important}.form-control:focus,.form-select:focus,textarea:focus{border-color:var(--accent-teal)!important;background-color:rgba(0,0,0,.6)!important;box-shadow:0 0 0 .25rem rgba(255,193,7,.25)!important}.input-group-text{background-color:rgba(0,0,0,.5)!important;color:var(--text-primary)!important;border:1px solid rgba(255,255,255,.4)!important}.roms-custom-grid-box{background-color:var(--bg-dashboard-card);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:15px;text-align:center;color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.roms-custom-grid-box i{color:var(--text-primary)}.workspace-bordered-table td,.workspace-bordered-table th{border:1px solid rgba(255,255,255,.2);padding:14px 10px}.workspace-bordered-table th{color:var(--text-muted);font-size:.85rem}.roms-dt-wrapper .roms-dt-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;font-size:.85rem;color:var(--text-muted)}.roms-dt-input{background-color:transparent;border:1px solid rgba(255,255,255,.3);color:var(--text-main);padding:.25rem .5rem;border-radius:4px;outline:0;font-size:.85rem}.roms-dt-input:focus{border-color:var(--accent-teal)}.roms-dt-select{width:auto;display:inline-block;padding-right:1.5rem}.roms-sort-icon{font-size:.65rem;opacity:.4;margin-left:6px;transition:opacity .2s}.roms-sortable{cursor:pointer}.roms-sortable:hover{background-color:rgba(255,255,255,.1)}.roms-sortable.active-sort .roms-sort-icon{opacity:1;color:var(--accent-teal)}.roms-action-dots{background:0 0;border:1px solid transparent;color:var(--text-muted);cursor:pointer;padding:2px 8px;border-radius:4px;transition:all .2s ease}.roms-action-dots:hover{color:var(--text-main)}.roms-action-dots[aria-expanded=true]{border-color:var(--accent-teal);color:var(--accent-teal);background-color:rgba(255,255,255,.1)}.custom-roms-dropdown,.dropdown-menu,.roms-theme-dropdown{background-color:rgba(0,45,30,.95)!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.5);padding:.35rem 0;min-width:110px;backdrop-filter:blur(12px)}body:not(.dark-mode) .custom-roms-dropdown,body:not(.dark-mode) .dropdown-menu,body:not(.dark-mode) .roms-theme-dropdown{background-color:#fff!important;box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:rgba(0,0,0,.08)!important}.custom-roms-dropdown .dropdown-item,.dropdown-menu .dropdown-item{color:#fff!important;font-size:.85rem;padding:.4rem 1rem;background-color:transparent!important;transition:color .15s ease-in-out}body:not(.dark-mode) .custom-roms-dropdown .dropdown-item,body:not(.dark-mode) .dropdown-menu .dropdown-item{color:#444!important}.custom-roms-dropdown .dropdown-item:hover,.dropdown-menu .dropdown-item:hover{background-color:rgba(255,255,255,.15)!important;color:var(--accent-teal)!important}body:not(.dark-mode) .custom-roms-dropdown .dropdown-item:hover,body:not(.dark-mode) .dropdown-menu .dropdown-item:hover{background-color:rgba(0,0,0,.05)!important}.dropdown-divider{border-top:1px solid rgba(255,255,255,.2)!important}.custom-roms-modal .modal-content,.modal-content{background-color:rgba(0,45,30,.95);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);color:var(--text-main);border-radius:8px}body:not(.dark-mode) .custom-roms-modal .modal-content,body:not(.dark-mode) .modal-content{background-color:#fff;border-color:rgba(0,0,0,.1)}.custom-roms-modal .modal-footer,.custom-roms-modal .modal-header,.modal-footer,.modal-header{border-color:rgba(255,255,255,.2)}.btn-close{filter:invert(1)}body:not(.dark-mode) .btn-close{filter:none}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-card-header h5{margin:0;font-weight:600;font-size:1rem}.chart-controls{display:flex;gap:5px}.chart-btn-sm{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--text-muted);font-size:.75rem;padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.chart-btn-sm.active,.chart-btn-sm:hover{background:var(--accent-teal);color:#003323;border-color:var(--accent-teal)}.chart-container-wrapper{position:relative;height:300px;width:100%}.login-wrapper{min-height:calc(100vh - var(--combined-header-height) - 60px);padding:20px}.login-card{width:100%;max-width:400px;border-radius:12px;background-color:rgba(0,45,30,.85);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 24px rgba(0,0,0,.3);color:var(--text-primary);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.login-card .form-label,.login-subtitle{color:var(--text-muted)}.login-btn-primary{background-color:var(--accent-teal);color:#003323;font-weight:700;border:none;transition:all .2s ease}.login-btn-primary:hover{background-color:#e0a800;color:#003323}.divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:var(--text-muted)}.divider::after,.divider::before{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.2)}.divider:not(:empty)::before{margin-right:.5em}.divider:not(:empty)::after{margin-left:.5em}.btn-google{background-color:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.3);transition:all .2s ease-in-out}.btn-google:hover{background-color:rgba(255,255,255,.1);color:var(--text-primary)}.google-icon{width:18px;margin-right:8px}.register-link{color:var(--accent-teal);font-weight:700;transition:color .2s}.register-link:hover{color:#fff;text-decoration:underline!important}.register-card{max-width:650px!important}.form-divider{border-top:1px solid rgba(255,255,255,.2);margin:1.5rem 0}.menu-app-link{display:block;transition:transform .2s ease;text-decoration:none}.menu-app-link:active{transform:scale(.92)}.menu-app-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff}.menu-app-label{font-size:.7rem;font-weight:600;line-height:1.2;display:block;color:var(--bs-gray-700);margin-top:4px}@media (max-width:360px){.menu-app-icon{width:45px;height:45px;font-size:1.15rem}.menu-app-label{font-size:.65rem}}.bg-gradient-orange{background:linear-gradient(135deg,#f90,#f50)}.bg-gradient-purple{background:linear-gradient(135deg,#ab5eed,#6f42c1)}.bg-gradient-teal{background:linear-gradient(135deg,#20c997,#0ca678)}.bg-gradient-pink{background:linear-gradient(135deg,#ff6b9e,#d63384)}.bg-gradient-blue{background:linear-gradient(135deg,#4da3ff,#0d6efd)}.bg-gradient-red{background:linear-gradient(135deg,#ff5c6c,#dc3545)}.bg-gradient-green{background:linear-gradient(135deg,#28a745,#198754)}.bg-gradient-yellow{background:linear-gradient(135deg,#ffd13b,#fd7e14)}.floating-stats-container{position:relative;z-index:10;margin-top:-35px}.floating-shadow{box-shadow:0 4px 15px rgba(0,0,0,.12)!important}@media (min-width:768px){.floating-stats-container{margin-top:-50px}}.carousel-item-custom{height:220px}.carousel-img-custom{object-fit:fill!important;width:100%!important;height:100%!important}.carousel-overlay-dark{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.1) 0,rgba(0,0,0,.7) 100%)}.news-img-custom{height:180px;object-fit:cover}@media (max-width:991.98px){.carousel-mobile-full{width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);border-radius:0!important}}.hero-banner-title{font-size:1.3rem}@media (min-width:768px){.hero-banner-title{font-size:2.2rem}}.hero-title{font-size:1.1rem;font-weight:800;line-height:1.25}.hero-desc{font-size:.85rem}.hero-icon-circle{width:90px;height:90px;transition:transform .3s ease}.hero-icon-size{font-size:1.5rem}.transition-hover{transition:transform .3s ease,box-shadow .3s ease}.transition-hover:hover{transform:translateY(-6px);box-shadow:0 .75rem 1.5rem rgba(0,0,0,.15)!important}.text-hover-success:hover{color:var(--accent-teal)!important}.transition-transform{transition:transform .2s ease}.card:hover .transition-transform{transform:translateX(5px)}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-12px)}100%{transform:translateY(0)}}.animate-float{animation:floatAnimation 4s ease-in-out infinite}@keyframes fadeInUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.section-title-custom{border-left:4px solid var(--accent-teal);padding-left:10px;color:var(--text-primary)}.horizontal-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}.horizontal-scroll-wrapper::-webkit-scrollbar{display:none}.scroll-item{width:240px;height:140px;position:relative;scroll-snap-align:start}.scroll-item-overlay{background:linear-gradient(to top,rgba(0,0,0,.85) 0,transparent 100%)}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}@media (min-width:993px){#roms-main-header{padding-left:15px!important}.dashboard-logo-brand{margin-left:0;padding-left:0}#sidebar-hamburger-trigger{margin-left:60px}.carousel-item-custom{height:400px}.hero-title{font-size:3.5rem}.hero-desc{font-size:1.25rem}.hero-icon-circle{width:350px;height:350px}.hero-icon-size{font-size:10rem}.stat-card-padding{padding-top:2.5rem;padding-bottom:2.5rem}.stat-icon{font-size:2.5rem!important;margin-bottom:1rem!important}.stat-number{font-size:2rem!important}.stat-label{font-size:1rem!important}}#roms-mobile-bottom-nav{display:none}@media (max-width:992px){#roms-sidebar-panel{left:-260px;top:calc(var(--combined-header-height) + 15px)!important}#roms-workspace-area{margin-left:0!important}body.show-sidebar-mobile #roms-sidebar-panel{left:0;width:var(--sidebar-panel-width)!important}body.show-sidebar-mobile #roms-sidebar-panel .badge-blue-new,body.show-sidebar-mobile #roms-sidebar-panel .nav-chevron,body.show-sidebar-mobile #roms-sidebar-panel .nav-group-title,body.show-sidebar-mobile #roms-sidebar-panel .nav-text{display:block!important}body.show-sidebar-mobile #roms-sidebar-panel .inner-sidebar-nav ul li a{justify-content:flex-start;padding:12px 15px;gap:10px}.roms-grey-blocks-row,.roms-top-grid{grid-template-columns:repeat(2,1fr)}.roms-workspace-row-1,.roms-workspace-row-2{grid-template-columns:1fr}}@media (max-width:768px){#roms-workspace-area{width:100%!important;padding:10px!important;padding-bottom:75px!important;box-sizing:border-box}#roms-main-header,.roms-mini-topbar{width:100%;box-sizing:border-box}.roms-mini-topbar{padding:0 10px}.mini-left-socials a{margin-right:10px}.mini-right-date{font-size:.65rem}#roms-main-header{padding:0 10px}#sidebar-hamburger-trigger,.header-search-box{display:none}.roms-grey-blocks-row{grid-template-columns:repeat(2,1fr)!important;gap:12px}.roms-workspace-row-1,.roms-workspace-row-2{grid-template-columns:1fr!important;gap:12px}.content-data-card{width:100%;box-sizing:border-box;margin:0}#roms-mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;height:55px;background-color:var(--bg-header-main);box-shadow:0 -2px 15px rgba(0,0,0,.1);z-index:3000;justify-content:space-around;align-items:center}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-muted);font-size:.65rem;gap:3px;flex:1}.nav-item.active-nav{color:#f1c40f}.center-action{position:relative;top:-20px;cursor:pointer}.center-circle{width:50px;height:50px;background-color:#7f8c8d;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.25);border:4px solid var(--bg-topbar-line);transition:transform .2s ease}.center-action:active .center-circle{transform:scale(.92)}#roms-floating-actions-bar{bottom:75px}.carousel-item-custom{height:200px!important}.card-lokasi{flex:0 0 calc((100% - 1rem)/ 2);max-width:calc((100% - 1rem)/ 2)}}@media (max-width:576px){.stat-number{font-size:1.1rem!important}.btn-action-mobile{padding:.5rem 1rem!important;font-size:.85rem!important}}@media (max-width:360px){.menu-app-icon{width:45px;height:45px;font-size:1.15rem}.menu-app-label{font-size:.65rem}}body:not(.dark-mode){--bg-topbar-line:#e2e8f0;--bg-header-main:#ffffff;--bg-sidebar:#f8fafc;--bg-workspace:#f1f5f9;--bg-dashboard-card:#ffffff;--bg-empty-grey:#f1f5f9;--border-color:rgba(0, 0, 0, 0.1);--text-primary:#0f172a;--text-muted:#64748b;--text-main:#0f172a;--bs-body-color:#0f172a!important;--bs-heading-color:#0f172a!important;--bs-secondary-color:#64748b!important;--bs-secondary-rgb:100,116,139!important}html.light-theme-preload body{--bg-topbar-line:#e2e8f0;--bg-header-main:#ffffff;--bg-sidebar:#f8fafc;--bg-workspace:#f1f5f9;--bg-dashboard-card:#ffffff;--bg-empty-grey:#f1f5f9;--text-primary:#0f172a;--text-muted:#64748b}body.dark-mode{--bs-body-color:#ffffff!important;--bs-heading-color:#ffffff!important;--bs-secondary-color:rgba(255, 255, 255, 0.8)!important;--bs-secondary-rgb:255,255,255!important;--bs-success:#75b798!important;--bs-success-text-emphasis:#a3cfbb!important}body.dark-mode .table,body.dark-mode .workspace-native-table,body.dark-mode table{--bs-table-color:#ffffff!important;--bs-table-striped-color:#ffffff!important;--bs-table-active-color:#ffffff!important;--bs-table-hover-color:#ffffff!important;color:#fff!important}body.dark-mode .text-body{color:#fff!important}body.dark-mode .text-muted{color:#adb5bd!important}select,select.form-control,select.form-select{color:#fff!important}select option{background-color:#002d1e!important;color:#fff!important}body:not(.dark-mode) select option{background-color:rgba(255,255,255,.9)!important;color:#0f172a!important}.form-text-md{font-size:.95rem!important}.brand-logo-lg{height:60px;width:auto}.alert-theme-danger{font-size:.85rem;background-color:rgba(220,53,69,.1);color:#ea868f;border:none}body:not(.dark-mode) .alert-theme-danger{background-color:#f8d7da;color:#842029}.btn-theme-social{border:1px solid var(--border-color);background-color:var(--bg-dashboard-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.btn-theme-social:active,.btn-theme-social:hover{background-color:rgba(255,255,255,.1);color:var(--accent-teal);border-color:var(--accent-teal)}body:not(.dark-mode) .btn-theme-social:active,body:not(.dark-mode) .btn-theme-social:hover{background-color:rgba(0,0,0,.05)}.btn-theme-social img{width:18px}#roms-page-layout.layout-frontend{margin-top:calc(var(--combined-header-height) - 15px)!important}.list-card{transition:transform .2s ease,box-shadow .2s ease}.list-card:active{transform:scale(.98)}.list-thumbnail{width:75px;height:75px;min-width:75px}.list-title{font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.small-badge{font-size:.65rem;padding:.3em .5em;font-weight:700}.small-date{font-size:.75rem}.chevron-small{font-size:.7rem}@media (max-width:575.98px){.stat-icon{font-size:1rem!important}.stat-number{font-size:.6rem!important;white-space:nowrap}.stat-label{font-size:.6rem!important}.content-data-card .card-body{padding:.5rem .1rem!important}}.glass-pagination-container .pagination{display:flex;justify-content:center;gap:.4rem;margin:0;padding:0;list-style:none;flex-wrap:wrap}.glass-pagination-container .pagination li{display:inline-block}.glass-pagination-container .pagination li a,.glass-pagination-container .pagination li span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .5rem;font-weight:500;border-radius:8px;background:rgba(0,45,30,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff;text-decoration:none;transition:all .2s ease-in-out}.glass-pagination-container .pagination li a:hover{background:rgba(0,45,30,.95);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.3)}.glass-pagination-container .pagination li.active a,.glass-pagination-container .pagination li.active span{background:#20c997;color:#fff!important;border-color:transparent!important;box-shadow:0 4px 12px rgba(32,201,151,.4)}.glass-pagination-container .pagination li.disabled a,.glass-pagination-container .pagination li.disabled span{opacity:.5;cursor:not-allowed;pointer-events:none;background:rgba(0,0,0,.2)}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:auto!important;user-select:auto!important}body,html{overscroll-behavior-y:none}body{font-family:Inter,"Plus Jakarta Sans",sans-serif}@media (max-width:768px){.text-body,h3{font-size:1.1rem!important}.block-value{font-size:1.25rem!important}.block-subtitle{font-size:.7rem!important}}input[type=file].form-control{color:rgba(255,255,255,.7)!important}input[type=file].form-control::-webkit-file-upload-button{background-color:rgba(255,255,255,.15)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;padding:.375rem .75rem;margin-right:10px;border-radius:4px;transition:all .2s ease}input[type=file].form-control::-webkit-file-upload-button:hover{background-color:rgba(255,255,255,.25)!important;cursor:pointer}input[type=file].form-control::file-selector-button{background-color:rgba(255,255,255,.15)!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;padding:.375rem .75rem;margin-right:10px;border-radius:4px}input[type=file].form-control::file-selector-button:hover{background-color:rgba(255,255,255,.25)!important;cursor:pointer}@media (max-width:767.98px){.dropdown-menu,.nav-profile-text,.navbar .dropdown-item,.navbar .nav-link,header .header-logo-text{font-size:.85rem!important}.dropdown-item i,.navbar .fa-brands,.navbar .fa-regular,.navbar .fa-solid{font-size:.9rem!important}.badge,.user-role-badge{font-size:.7rem!important;padding:.25em .5em!important}h2.mb-1{font-size:1.3rem!important}.text-secondary.mb-0{font-size:.8rem!important}.btn{font-size:.85rem!important;padding:.35rem .7rem!important}}body,html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.nav-hover-btn{padding:8px 16px;border-radius:6px;transition:all .3s ease}.nav-hover-btn:focus,.nav-hover-btn:hover{background-color:#198754!important;color:#fff!important}.dropdown .nav-hover-btn[aria-expanded=true],.dropdown:hover>.nav-hover-btn{background-color:#198754!important;color:#fff!important}.hero-img{object-fit:fill;width:100%}.custom-nav-btn{width:45px!important;height:45px!important;background-color:#fff!important;border-radius:50%;top:50%!important;transform:translateY(-50%);opacity:.95!important;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;border:none;z-index:25!important;transition:all .3s ease}.custom-nav-btn i{font-size:1.2rem;color:#198754;transition:color .3s ease}.custom-nav-btn:hover{background-color:#198754!important;transform:translateY(-50%) scale(1.1);opacity:1!important}.custom-nav-btn:hover i{color:#fff!important}@media (min-width:768px){.hero-row{min-height:350px}.hero-img{height:100%!important;min-height:350px;max-height:400px}.hero-detail-box{margin-top:0!important;height:100%;display:flex;flex-direction:column;justify-content:center}.custom-nav-btn.carousel-control-prev{left:5px}.custom-nav-btn.carousel-control-next{right:calc(41.666667% - 0px)}}@media (max-width:767.98px){html{font-size:14px!important}.hero-img{height:200px}.hero-detail-box{position:relative;margin:-40px 15px 15px 15px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.custom-nav-btn{top:125px!important}.custom-nav-btn.carousel-control-prev{left:10px}.custom-nav-btn.carousel-control-next{right:10px}}.visitor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0}.visitor-item{border-radius:4px;padding:6px 2px;text-align:center;background:rgba(0,0,0,.05);border:1px solid rgba(255,255,255,.05);border-bottom:2px solid transparent;transition:all .3s ease}.visitor-item:hover{background:rgba(255,255,255,.1)}.item-today{border-bottom-color:#198754}.item-total{border-bottom-color:#0d6efd}.item-hits{border-bottom-color:#ffc107}.item-online{border-bottom-color:#dc3545}.visitor-icon{font-size:.8rem;margin-bottom:3px;display:block;opacity:.8}.count-number{font-size:.85rem;font-weight:700;line-height:1;display:block}.count-label{font-size:.55rem;color:#adb5bd;text-transform:uppercase;display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse-dot{display:inline-block;width:5px;height:5px;background-color:#00ff40;border-radius:50%;margin-left:2px;vertical-align:middle;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,255,64,.7)}70%{transform:scale(1);box-shadow:0 0 0 4px rgba(0,255,64,0)}100%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,255,64,0)}}