body.is-resizing *,body.is-resizing *:before,body.is-resizing *:after{transition:none!important;animation:none!important}.stat-card,.konfig-section,.card{contain:layout style}.sidebar-nav,.table-wrap,.komplain-table-wrap,.konfig-table-wrap,.table-scroll-wrap,.modal-box,#iframe-scroll-wrapper{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.page-content{-webkit-overflow-scrolling:touch}body,.main-wrap,.topbar,.sidebar,.card,.stat-card,.login-card,.modal-card,.modal-box,.btn,.form-control,.form-select,.table-container{transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}@media(max-width:1199px),(max-height:699px){.sidebar:before,.sidebar:after,.login-left:after,.login-decoration:before,.login-decoration{display:none!important}body.dark-mode .sidebar,.modal-overlay,.sidebar-overlay,.sidebar-footer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--clr-bg);color:var(--clr-text);min-height:100vh;min-height:100dvh;height:auto;width:100%;max-width:100%;overflow-x:clip;touch-action:manipulation}.main-wrap{width:100%;min-width:0;box-sizing:border-box}.page-content{width:100%;max-width:100%;box-sizing:border-box}.table-wrap,.data-table,.komplain-table-wrap,.konfig-table-wrap,.table-scroll-wrap{max-width:100%;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.stats-grid,#custom-hub-grid,#konfigurasi-hub-grid,#dynamic-main-grid,#info-items-grid,#info-auth-items-grid,#info-auth-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px;width:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-bg: #f8fafc;--clr-bg2: #ffffff;--clr-bg3: #f1f5f9;--clr-surface: #ffffff;--clr-border: #e2e8f0;--clr-primary: #f97316;--clr-primary-h: #fb923c;--clr-primary-d: #ea580c;--clr-accent: #f97316;--clr-success: #10b981;--clr-warning: #f59e0b;--clr-danger: #ef4444;--clr-info: #06b6d4;--clr-text: #0f172a;--clr-text2: #475569;--clr-text3: #64748b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 6px 20px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 40px rgba(15, 23, 42, .1);--sidebar-w: 260px;--transition: .25s cubic-bezier(.4, 0, .2, 1);--theme-mode: light}body.dark-mode{--clr-bg: #0f172a;--clr-bg2: #1e293b;--clr-bg3: #334155;--clr-surface: #1e293b;--clr-border: #475569;--clr-text: #f8fafc;--clr-text2: #cbd5e1;--clr-text3: #94a3b8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .45)}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s;animation-timing-function:ease-in-out}body.dark-mode .sidebar{background:linear-gradient(180deg,#060c20f2,#050a1cf5);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right:1px solid rgba(255,255,255,.08);box-shadow:0 0 40px #00000073}body.dark-mode .sidebar:before{content:"";position:absolute;width:420px;height:420px;left:-220px;top:60px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.22) 0%,rgba(249,115,22,.08) 45%,transparent 75%);filter:blur(50px);pointer-events:none}body.dark-mode .sidebar:after{content:"";position:absolute;width:320px;height:320px;left:100px;top:250px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.14) 0%,rgba(37,99,235,.05) 45%,transparent 75%);filter:blur(70px);pointer-events:none}body.dark-mode .sidebar-footer{background:#111827}body.dark-mode .nav-item:hover{background:#1f2937}body.dark-mode .nav-item.active{background:linear-gradient(90deg,#f9731638,#f9731614);color:#ff8c3a}body.dark-mode .btn-signout:hover{background:#ef444426}body.dark-mode .data-table td{border-bottom:1px solid rgba(148,163,184,.12)}body.dark-mode .data-table th{border-bottom:1px solid rgba(148,163,184,.2);background:var(--clr-bg3)}body.dark-mode .data-table tr:hover td{background:#f9731614}html{scroll-behavior:smooth;min-height:100%;overflow-x:clip}body{font-family:Inter,sans-serif;background:var(--clr-bg);color:var(--clr-text);min-height:100vh;min-height:100dvh;height:auto;overflow-x:clip;-webkit-overflow-scrolling:touch}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--clr-bg2)}::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--clr-primary)}.theme-item{transition:all .2s ease}.theme-item:hover{background:var(--clr-bg3)}.theme-item{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;font-size:15px;font-weight:500}.theme-icon{font-size:22px!important;flex-shrink:0}.theme-icon.light{color:#fbbf24}.theme-icon.dark{color:#818cf8}.theme-icon.logout,.logout-item{color:var(--clr-danger)}.page{display:none!important;min-height:100vh;height:auto}.page.active{display:flex!important}#app-splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease}body.dark-mode #app-splash{background:#0f172a}#app-splash.fade-out{opacity:0!important;pointer-events:none!important;display:none!important;visibility:hidden!important}.login-title-mobile{display:none}.login-title-desktop{display:inline}.login-hero-desc-mobile,.login-subtitle-mobile{display:none}.login-subtitle-desktop{display:inline}#page-login{min-height:100%;min-height:100vh;min-height:100dvh;min-height:100svh;width:100%;background:#f79354!important;background:linear-gradient(180deg,#f79354,#f7a86d 220px,#fdf6ee 420px,#f8fafc)!important;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.login-center-group{display:flex;width:100%;min-height:100vh;min-height:100svh}.login-left{width:50%;min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(180deg,#f79354,#f7a86d 45%,#efe8dd);padding:40px 48px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.login-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050816,#0b1120 55%,#111827);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}body.dark-mode .login-left:before{opacity:1}.login-left-inner{width:100%;max-width:520px;display:flex;flex-direction:column;justify-content:flex-start;position:relative;z-index:1;margin-top:-68px}.login-decoration{position:absolute;left:-280px;bottom:-280px;width:600px;height:600px;pointer-events:none}.login-decoration:before{content:"";position:absolute;width:700px;height:700px;left:0;bottom:0;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.55) 0%,rgba(249,115,22,.25) 45%,rgba(249,115,22,.08) 65%,transparent 85%);filter:blur(60px)}.login-right{width:50%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px 24px;background:#f4f4f4;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.login-hero-title{font-size:clamp(36px,4vw,54px);line-height:1.18;font-weight:700;color:#fff;letter-spacing:-2px}.login-hero-desc{margin-top:20px;max-width:500px;font-size:15px;line-height:1.6;color:#ffffffd9}.login-hero{margin-top:0}.login-brand{margin-bottom:32px;position:relative;z-index:1;display:flex;align-items:center;height:38px}.login-brand img{height:38px;width:auto;display:block}.login-wrapper{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-footer{margin-top:50px;text-align:center;font-size:11px;color:#999}.login-theme-divider{display:flex;align-items:center;gap:14px;margin-top:24px;margin-bottom:18px}.login-theme-divider:before,.login-theme-divider:after{content:"";flex:1;height:1px;background:var(--clr-border)}.login-theme-divider span{font-size:13px;color:var(--clr-text3);font-weight:500}.login-theme-buttons{display:flex;gap:12px}.login-theme-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border:1px solid var(--clr-border);border-radius:14px;background:transparent;color:var(--clr-text);font-size:14px;font-weight:600;transition:.25s}.login-theme-btn:hover{border-color:var(--clr-primary)}.login-theme-btn.active{border-color:var(--clr-primary);box-shadow:0 0 0 1px #f9731640}.login-theme-btn .material-icons-round{font-size:20px}body.dark-mode #page-login,body.dark-mode .login-right{background:#0b1120}body.dark-mode .login-card{background:#111827;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000073}body.dark-mode .login-title{color:#fff}body.dark-mode .login-subtitle{color:#cbd5e1}body.dark-mode .login-hero-title{color:#fff}body.dark-mode .login-hero-desc{color:#ffffffd9}body.dark-mode .login-footer{color:#94a3b8}body:not(.dark-mode) .login-decoration{display:none}.login-bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none}.login-bg-blob.b1{width:400px;height:400px;background:var(--clr-primary);top:-100px;left:-100px}.login-bg-blob.b2{width:350px;height:350px;background:var(--clr-accent);bottom:-80px;right:-80px}.login-card{width:100%;max-width:460px;background:#fff;border:none;border-radius:28px;padding:44px 36px;min-height:auto;box-shadow:0 15px 40px #0000000f;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-logo{width:52px;height:52px;background:linear-gradient(135deg,var(--clr-primary),var(--clr-accent));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin:0 auto 20px;box-shadow:0 4px 20px #4f7cff66}.login-title{font-size:60px;line-height:1;letter-spacing:-2px;font-weight:600;text-align:left;margin-bottom:10px}.login-subtitle{text-align:left;font-size:13px;color:#666;margin-bottom:28px}.form-group{margin-bottom:16px}.form-label{font-size:12px;font-weight:600;color:var(--clr-text2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;display:block}.form-control{width:100%;background:var(--clr-bg3);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;color:var(--clr-text);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-control:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px #4f7cff26}.form-control.error{border-color:var(--clr-danger)}.input-icon-wrap{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:20px!important;color:#7c7c7c;pointer-events:none}.input-icon-wrap .form-control{padding-left:46px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);cursor:pointer;color:#666;font-size:20px!important}.custom-select-wrap{position:relative}.custom-select-btn{width:100%;background:var(--clr-bg3);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;color:var(--clr-text);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}.custom-select-btn:focus,.custom-select-btn.open{border-color:var(--clr-primary);box-shadow:0 0 0 3px #4f7cff26}.custom-select-btn.error{border-color:var(--clr-danger)}.custom-select-btn .placeholder{color:var(--clr-text3)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;max-height:210px;overflow-y:auto;display:none;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.custom-select-dropdown.open{display:block}.custom-select-option{padding:9px 14px;font-size:14px;cursor:pointer;transition:background var(--transition)}.custom-select-option.selected{color:var(--clr-primary);font-weight:600}.btn-primary{width:100%;padding:11px;background:linear-gradient(135deg,var(--clr-primary),var(--clr-primary-d));color:#fff;font-size:15px;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;margin-top:8px;transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition);box-shadow:0 4px 16px #f9731659;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 24px #4f7cff73}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-primary .spinner,.btn-primary.loading .btn-text{display:none}.btn-primary.loading .spinner{display:inline-flex;align-items:center;gap:8px}.spinner-ring{width:16px;height:16px;border:2px solid rgba(148,163,184,.25);border-top-color:var(--clr-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}body.dark-mode .btn-primary{background:linear-gradient(135deg,#ff7a18,#ff5a00);box-shadow:0 8px 24px #ff5a0059}body.dark-mode .btn-primary:hover:not(:disabled){box-shadow:0 10px 28px #ff5a0073}body.dark-mode .spinner-ring{border:2px solid rgba(255,255,255,.15);border-top-color:var(--clr-primary)}@keyframes spin{to{transform:rotate(360deg)}}.form-error{font-size:12px;color:var(--clr-danger);margin-top:5px;display:none}.form-error.show{display:block}#page-app{display:none!important;position:relative;min-height:100vh;min-height:100dvh;height:auto;width:100%;overflow:visible}#page-app.active{display:block!important}.sidebar{width:var(--sidebar-w);min-height:100vh;background:linear-gradient(180deg,#fff7f2,#fff2e8 45%,#fde9dc);box-shadow:0 0 40px #f9731614;border-right:1px solid rgba(249,115,22,.08);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:200;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.sidebar:before{content:"";position:absolute;width:520px;height:520px;left:-280px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.28) 0%,rgba(249,115,22,.12) 45%,transparent 75%);filter:blur(40px);pointer-events:none}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--transition)}.sidebar-overlay.active{display:block;opacity:1}.sidebar-header{height:auto;border-bottom:none;padding:16px 16px 8px;display:flex;align-items:center;justify-content:center}.sidebar-logo{display:block;height:28px;width:auto;object-fit:contain;object-position:left center}.sidebar-logo-dark{display:none}.sidebar-logo-light,body.dark-mode .sidebar-logo-dark{display:block}body.dark-mode .sidebar-logo-light{display:none}.sidebar-avatar{width:42px;height:42px;background:linear-gradient(135deg,var(--clr-primary),var(--clr-accent));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-store{font-size:13px;font-weight:600;color:var(--clr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-username{font-size:11px;color:var(--clr-text2)}.sidebar-role-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;margin-top:3px;display:inline-block}.sidebar-role-badge.super_admin{background:#ef444433;color:#f87171}.sidebar-role-badge.admin{background:#7c3aed33;color:#a78bfa}.sidebar-role-badge.user{background:#4f7cff33;color:#7ba4ff}.status-badge{font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px}.status-badge.success{background:#10b98126;color:var(--clr-success)}.status-badge.danger{background:#ef444426;color:var(--clr-danger)}.sidebar-nav{flex:1;padding:12px 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--clr-text3);padding:8px 20px 4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:500;color:var(--clr-text2);border-radius:0;transition:all var(--transition);position:relative;margin:1px 8px;border-radius:var(--radius-sm)}.nav-item:hover{color:var(--clr-text);background:var(--clr-bg3)}.nav-item.active{color:#f97316;background:linear-gradient(90deg,#f9731624,#f973160f);font-weight:600;border-radius:12px}.nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--clr-primary);border-radius:0 3px 3px 0}.nav-item .material-icons-round{font-size:20px;flex-shrink:0}.sidebar-footer{padding:16px 8px;border-top:1px solid rgba(249,115,22,.08);background:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-version{margin-top:12px;text-align:center;font-size:10px;line-height:1.5;color:var(--clr-text3);opacity:.75}.sidebar-user-card{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:10px}.sidebar-user-card .sidebar-avatar{width:42px;height:42px;flex-shrink:0}.sidebar-user-card .sidebar-user-info{flex:1;min-width:0}.btn-signout{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:1px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-danger);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-signout:hover{background:#ef44441a;border-color:var(--clr-danger)}.btn-signout .material-icons-round{font-size:18px}.main-wrap{flex:1 1 auto;min-width:0;width:calc(100% - var(--sidebar-w, 260px));margin-left:var(--sidebar-w, 260px);min-height:100vh;min-height:100dvh;height:auto;display:flex;flex-direction:column;transition:margin-left var(--transition, .25s cubic-bezier(.4, 0, .2, 1)),width var(--transition, .25s cubic-bezier(.4, 0, .2, 1));overflow:visible;box-sizing:border-box}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--clr-bg);border-bottom:1px solid var(--clr-border);position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000000f}.topbar-left{display:flex;align-items:center;gap:12px}.btn-hamburger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--clr-bg3);border:1px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text);transition:all var(--transition)}.btn-hamburger:hover{background:var(--clr-surface)}.topbar-title{font-size:30px;font-weight:700;letter-spacing:-.5px;color:var(--clr-text)}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-avatar{width:34px;height:34px;background:linear-gradient(135deg,var(--clr-primary),var(--clr-accent));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 2px 8px #4f7cff4d}.page-content{flex:1 0 auto;padding:28px 24px 24px;overflow-x:clip;overflow-y:visible;width:100%;box-sizing:border-box}.view{display:none;width:100%;box-sizing:border-box;overflow-y:visible}.view.active{display:block;animation:fadeIn .3s ease}#view-custom-iframe.active{display:flex;flex-direction:column;height:calc(100vh - 72px);overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:24px}.page-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-title{font-size:20px;font-weight:700}.page-subtitle{font-size:13px;color:var(--clr-text2);margin-top:3px}.card{background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.card-title{font-size:14px;font-weight:600;margin-bottom:16px;color:var(--clr-text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:center;gap:14px;transition:transform var(--transition),box-shadow var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f973161f}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon .material-icons-round{font-size:22px}.stat-icon.blue{background:#4f7cff26;color:var(--clr-primary)}.stat-icon.green{background:#10b98126;color:var(--clr-success)}.stat-icon.yellow{background:#f59e0b26;color:var(--clr-warning)}.stat-icon.purple{background:#7c3aed26;color:#a78bfa}.stat-icon.red{background:#ef444426;color:var(--clr-danger)}.stat-icon.cyan{background:#06b6d426;color:var(--clr-info)}.stat-icon.gray{background:#6b728026;color:#6b7280}.stat-value{font-size:22px;font-weight:700}.stat-label{font-size:12px;color:var(--clr-text2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.badge-green{background:#10b98126;color:#34d399}.badge-red{background:#ef444426;color:#f87171}.badge-yellow{background:#f59e0b26;color:#fbbf24}.badge-blue{background:#4f7cff26;color:#93b4ff}.badge-orange{background:#f9731626;color:#ff9800}.badge-gray{background:#64748b26;color:#94a3b8}.multi-chip{display:inline-flex;align-items:center;gap:4px;background:#f973161a;border:1px solid rgba(249,115,22,.25);color:#ea580c;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.multi-chip .remove{cursor:pointer;font-size:12px}.text-center{text-align:center!important}.text-danger{color:var(--clr-danger)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all var(--transition);cursor:pointer;border:none}.btn .material-icons-round{font-size:16px}.btn-sm{padding:5px 10px;font-size:12px}.btn-sm .material-icons-round{font-size:14px}.btn-outline{background:transparent;border:1px solid var(--clr-border);color:var(--clr-text)}.btn-outline:hover{background:var(--clr-surface);border-color:var(--clr-text2)}.btn-solid-primary{background:var(--clr-primary);color:#fff;box-shadow:0 2px 8px #4f7cff4d}.btn-solid-primary:hover{background:var(--clr-primary-h)}.btn-solid-danger{background:var(--clr-danger);color:#fff}.btn-solid-danger:hover{opacity:.85}.btn-solid-success{background:var(--clr-success);color:#fff}.btn-solid-success:hover{opacity:.85}.btn-ghost{background:var(--clr-bg3);color:var(--clr-text2)}.btn-ghost:hover{color:var(--clr-text);background:var(--clr-surface)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{padding:10px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--clr-text3);border-bottom:1px solid var(--clr-border);white-space:nowrap;position:sticky;top:0;z-index:5;background:var(--clr-bg3);box-shadow:0 1px 0 var(--clr-border)}.data-table td{padding:10px 14px;border-bottom:1px solid var(--clr-border);color:var(--clr-text);vertical-align:top}.data-table tr:hover td{background:#f973160f}.data-table td:last-child,.data-table th:last-child{text-align:right}.data-table td.actions,.konfig-table td.actions{text-align:center!important;white-space:nowrap!important}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:16px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:140px;flex:1}.filter-label{font-size:11px;font-weight:600;color:var(--clr-text3);text-transform:uppercase;letter-spacing:.5px}.filter-input{background:var(--clr-bg3);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);padding:8px 12px;font-size:13px;color:var(--clr-text);outline:none;transition:border-color var(--transition)}.filter-input:focus{border-color:var(--clr-primary)}.filter-input.error{border-color:var(--clr-danger)}.filter-error{font-size:11px;color:var(--clr-danger);display:none}.filter-error.show{display:block}.skeleton{background:linear-gradient(90deg,var(--clr-bg2) 25%,var(--clr-bg3) 50%,var(--clr-bg2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9990!important;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}#modal-select-parent-tree,#modal-expand-user-menus{z-index:10000!important}.modal-overlay.active{opacity:1;pointer-events:all}.modal-box{background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:28px;width:100%;max-width:480px;box-shadow:var(--shadow-lg);transform:scale(.97);transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1);opacity:0;position:relative;display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden;box-sizing:border-box}.modal-overlay.active .modal-box{transform:scale(1);opacity:1}.modal-box.wide{max-width:640px}.modal-box.xl{max-width:min(94vw,1020px);width:1020px}.modal-box ::-webkit-scrollbar{width:6px;height:6px}.modal-box ::-webkit-scrollbar-track{background:transparent}.modal-box ::-webkit-scrollbar-thumb{background:var(--clr-border-dark, rgba(120, 120, 120, .3));border-radius:99px}.modal-box ::-webkit-scrollbar-thumb:hover{background:var(--clr-primary)}.modal-box>.modal-actions{flex-shrink:0;margin-top:auto}.modal-close-btn{position:absolute;top:16px;right:16px;width:28px;height:28px;background:var(--clr-bg3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--clr-text2);cursor:pointer;transition:all var(--transition)}.modal-close-btn:hover{background:var(--clr-surface);color:var(--clr-text)}.modal-close-btn .material-icons-round{font-size:16px}.modal-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-icon .material-icons-round{font-size:26px}.modal-icon.danger{background:#ef444426;color:var(--clr-danger)}.modal-icon.success{background:#10b98126;color:var(--clr-success)}.modal-icon.warning{background:#f59e0b26;color:var(--clr-warning)}.modal-icon.info{background:#4f7cff26;color:var(--clr-primary)}.modal-title{font-size:17px;font-weight:700;text-align:center;margin-bottom:8px}.modal-desc{font-size:13.5px;color:var(--clr-text2);text-align:center;line-height:1.6;margin-bottom:20px}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions .btn{flex:1;justify-content:center;padding:10px}.modal-box-confirm,#modal-confirm .modal-box,#modal-logout .modal-box{max-width:440px!important;min-height:290px!important;padding:36px 30px 28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-between!important;text-align:center!important}.modal-box-confirm .modal-icon,#modal-confirm .modal-icon,#modal-logout .modal-icon{width:58px!important;height:58px!important;border-radius:50%!important;margin:0 auto 18px!important;flex-shrink:0!important}.modal-box-confirm .modal-icon .material-icons-round,#modal-confirm .modal-icon .material-icons-round,#modal-logout .modal-icon .material-icons-round{font-size:30px!important}.modal-box-confirm .modal-title,#modal-confirm .modal-title,#modal-logout .modal-title{font-size:19px!important;font-weight:700!important;margin-bottom:12px!important;color:var(--clr-text)!important}.modal-box-confirm .modal-desc,#modal-confirm .modal-desc,#modal-logout .modal-desc{font-size:14px!important;line-height:1.6!important;color:var(--clr-text2)!important;margin-bottom:28px!important;padding:0 10px!important;flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-box-confirm .modal-actions,#modal-confirm .modal-actions,#modal-logout .modal-actions{display:flex!important;gap:12px!important;width:100%!important;margin-top:auto!important;padding-top:18px!important;border-top:1px solid var(--clr-border)!important;flex-shrink:0!important}.modal-box-confirm .modal-actions .btn,#modal-confirm .modal-actions .btn,#modal-logout .modal-actions .btn{flex:1!important;height:44px!important;padding:0 16px!important;font-size:14px!important;font-weight:600!important;justify-content:center!important;border-radius:8px!important}.home-welcome{background:linear-gradient(135deg,#f9731614,#fb923c0a);border:1px solid rgba(249,115,22,.15);border-radius:var(--radius-xl);padding:28px;margin-top:4px;margin-bottom:24px;display:flex;align-items:center;gap:20px}body.dark-mode .home-welcome{background:linear-gradient(135deg,#f973161f,#f973160a);border:1px solid rgba(249,115,22,.25)}.home-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--clr-primary),var(--clr-accent));border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #4f7cff59}.home-welcome-text h2{font-size:18px;font-weight:700}.home-welcome-text p{font-size:13px;color:var(--clr-text2);margin-top:4px}.home-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.quick-card{background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:all var(--transition);display:flex;flex-direction:column;gap:10px}.quick-card:hover{border-color:var(--clr-primary);transform:translateY(-2px);box-shadow:0 8px 24px #f973161f}.quick-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.quick-icon .material-icons-round{font-size:20px}.quick-label{font-size:13px;font-weight:600}.store-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.store-tab{padding:6px 16px;border-radius:99px;font-size:12px;font-weight:600;border:1.5px solid var(--clr-border);color:var(--clr-text2);cursor:pointer;transition:all var(--transition)}.store-tab:hover{border-color:var(--clr-primary);color:var(--clr-primary)}.store-tab.active{background:var(--clr-primary);border-color:var(--clr-primary);color:#fff}.konfig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}@media(min-width:1025px){#kk-grid{grid-template-columns:repeat(3,1fr)}}.konfig-section{background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;height:570px}.konfig-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--clr-border);background:var(--clr-bg3)}.konfig-section-title{font-size:13px;font-weight:700}.konfig-table{width:100%;border-collapse:collapse;font-size:13px}.konfig-table-wrap{flex:1;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.konfig-table td{padding:8px 12px;border-bottom:1px solid rgba(46,54,80,.4)}.konfig-table tr:last-child td{border-bottom:none}.konfig-table .konfig-header-row td{font-size:11px;font-weight:700;color:var(--clr-text3);background:var(--clr-bg3);text-transform:uppercase;letter-spacing:.4px;padding:6px 12px}.konfig-table td.actions{text-align:right;white-space:nowrap}.konfig-empty{padding:16px;text-align:center;color:var(--clr-text3);font-size:13px}.date-group-card{background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-lg);margin-bottom:16px;overflow:hidden}.date-group-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--clr-bg3);border-bottom:1px solid var(--clr-border)}.date-group-title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.date-group-title .material-icons-round{font-size:18px;color:var(--clr-primary)}.date-group-body{padding:16px;display:flex;flex-direction:column;gap:16px}.input-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--clr-text3);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--clr-border)}.input-row{display:grid;gap:10px}.input-row.cols-2{grid-template-columns:1fr 1fr}.input-row.cols-3{grid-template-columns:1fr 1fr 1fr}.input-row.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.form-inline-group{display:flex;flex-direction:column;gap:4px}.form-inline-label{font-size:11px;font-weight:600;color:var(--clr-text3);text-transform:uppercase;letter-spacing:.4px}.penawaran-row-item{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;padding:12px;background:var(--clr-bg3);border:1px solid var(--clr-border);border-radius:var(--radius-md)}.btn-remove-row{width:36px;height:36px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:var(--clr-danger);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.btn-remove-row:hover{background:#ef444433}.btn-remove-row .material-icons-round{font-size:16px}.custom-select-option.selected{background:#4f7cff26;color:var(--clr-primary);font-weight:600}.rekap-summary-grid,#rekap-jadwal-summary-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;align-items:stretch}@media(max-width:992px){.rekap-summary-grid,#rekap-jadwal-summary-wrap{grid-template-columns:1fr!important}}.rekap-summary-card{background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:16px}.chart-container{position:relative}canvas{max-width:100%}.input-row.cols-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.input-row.cols-6{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-nav-title{font-size:16px;font-weight:700;color:var(--clr-text)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-day-header{text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--clr-text3);padding:6px 0}.cal-day{background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:6px;min-height:72px;cursor:pointer;transition:all var(--transition);position:relative}.cal-day:hover{border-color:var(--clr-primary);background:var(--clr-bg3)}.cal-day.other-month{opacity:.35;cursor:default}.cal-day.other-month:hover{border-color:var(--clr-border);background:var(--clr-bg2)}.cal-day.today{border-color:var(--clr-primary)}.cal-day-num{font-size:12px;font-weight:700;color:var(--clr-text2);margin-bottom:4px}.cal-day.today .cal-day-num{color:var(--clr-primary)}.cal-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:99px;display:inline-block;margin:1px 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-badge.content{background:#4f7cff26;color:#93b4ff}.cal-badge.live{background:#f9731626;color:#fb923c}.cal-month-wrap{margin-bottom:24px}.cal-month-title{font-size:14px;font-weight:700;color:var(--clr-text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--clr-border)}.jadwal-table-section{margin-bottom:24px;background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:16px;box-sizing:border-box}.jadwal-table-section .konfig-table-wrap{max-height:415px!important;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:var(--radius-sm)}.jadwal-table-section .konfig-table td,.jadwal-table-section .konfig-table th{white-space:nowrap!important}.jadwal-table-section h3{font-size:13px;font-weight:700;color:var(--clr-text2);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.ulasan-top-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px}.star-display{display:flex;align-items:center;gap:4px;color:var(--clr-warning);font-size:14px}.star-display .material-icons-round{font-size:16px}.empty-state{text-align:center;padding:40px 20px;color:var(--clr-text3)}.empty-state .material-icons-round{font-size:48px;margin-bottom:10px;opacity:.4}.empty-state p{font-size:14px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column-reverse;gap:8px}.toast{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;box-shadow:var(--shadow-md);min-width:260px;max-width:360px;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast.success{border-left:3px solid var(--clr-success)}.toast.error{border-left:3px solid var(--clr-danger)}.toast.info{border-left:3px solid var(--clr-primary)}.toast .material-icons-round{font-size:18px}.toast.success .material-icons-round{color:var(--clr-success)}.toast.error .material-icons-round{color:var(--clr-danger)}.toast.info .material-icons-round{color:var(--clr-primary)}@media(min-width:1200px)and (min-height:700px){.btn-hamburger{display:flex!important;cursor:pointer!important}.sidebar{transform:translateZ(0)!important;transition:transform var(--transition, .3s cubic-bezier(.4, 0, .2, 1))!important}.main-wrap{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w, 260px));transition:margin-left var(--transition, .3s cubic-bezier(.4, 0, .2, 1))!important}.sidebar-overlay{display:none!important}body.sidebar-closed .sidebar{transform:translate3d(calc(-1 * var(--sidebar-w)),0,0)!important}body.sidebar-closed .main-wrap{margin-left:0!important;width:100%!important}}@media(min-width:1200px)and (min-height:700px)and (pointer:fine){#page-login.page.active{flex-direction:row!important;min-height:100vh!important;min-height:100svh!important;overflow-y:auto!important;overflow-x:hidden!important}.login-center-group{display:flex!important;flex-direction:row!important;width:100%!important;min-height:100vh!important;min-height:100svh!important;align-items:stretch!important}.login-left{flex:0 0 60%!important;width:60%!important;max-width:none!important;min-height:100vh!important;flex-shrink:0!important;padding:clamp(40px,10vh,120px) clamp(32px,4.5vw,72px) 44px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}.login-left-inner{margin-top:0!important;width:100%!important;max-width:780px!important}.login-right{flex:0 0 40%!important;width:40%!important;max-width:none!important;min-height:100vh!important;flex-shrink:0!important;padding:32px 24px!important;display:flex!important;justify-content:center!important;align-items:center!important}.login-brand{margin-bottom:28px!important}.login-brand img{height:clamp(32px,2vw,38px)!important}.login-hero-title{font-size:clamp(36px,3.8vw,60px)!important;letter-spacing:-1.6px!important;line-height:1.12!important;text-wrap:balance!important}.login-hero-desc{font-size:clamp(14px,1.15vw,16px)!important;margin-top:20px!important;max-width:640px!important;line-height:1.6!important;opacity:.92!important}.login-wrapper{width:100%!important;max-width:430px!important;display:flex!important;flex-direction:column!important;align-items:center!important}.login-card{margin:0 auto!important;width:100%!important;max-width:430px!important;min-height:auto!important;padding:38px 28px!important;border-radius:24px!important;box-shadow:0 10px 30px #0000000f!important}}#info-iframe-container.iframe-maximized,#iframe-frame-holder.iframe-maximized{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99990!important;background:var(--clr-bg)!important;display:flex!important;flex-direction:column!important;border-radius:0!important;border:none!important;width:100vw!important;height:100vh!important}#info-public-float-header,#iframe-float-header{display:none;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--clr-surface);border-bottom:1px solid var(--clr-border);z-index:2;flex-shrink:0}#info-iframe-container.iframe-maximized #info-public-float-header,#iframe-frame-holder.iframe-maximized #iframe-float-header{display:flex!important}@media(max-width:1199px),(max-height:699px){#page-login.page.active{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;min-height:100%!important;min-height:100vh!important;min-height:100dvh!important;min-height:100svh!important;padding:max(16px,3vh) 16px 32px!important;box-sizing:border-box!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:linear-gradient(180deg,#f79354,#f7a86d 220px,#fdf6ee 420px,#f8fafc)!important}body.dark-mode #page-login.page.active{background:linear-gradient(180deg,#f79354,#c2410c 220px,#1e293b 420px,#0b1120)!important}.login-center-group{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:440px!important;min-height:auto!important;height:auto!important;gap:12px!important;margin:0 auto!important}.login-left{width:100%!important;max-width:440px!important;min-height:auto!important;height:auto!important;padding:0!important;margin:0!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:transparent!important;position:relative!important;overflow:visible!important}.login-left-inner{margin-top:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important}body.dark-mode .login-left{background:transparent!important}body.dark-mode .login-left:before{display:none!important;opacity:0!important}.login-brand{margin-bottom:12px!important;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;text-align:center!important}.login-brand img{height:32px!important;margin:0 auto!important;display:block!important}.login-hero{text-align:center!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}.login-title-desktop{display:none!important}.login-title-mobile{display:block!important;color:#fff!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.5px!important;line-height:1.25!important;text-align:center!important}.login-hero-desc{display:none!important}.login-hero-desc-mobile{display:block!important;color:#ffffffe6!important;font-size:13px!important;margin-top:6px!important;line-height:1.4!important;text-align:center!important;font-weight:400!important}.login-card .login-title{font-size:26px!important;font-weight:700!important;margin-bottom:6px!important}.login-card .login-subtitle{font-size:12px!important;margin-bottom:16px!important}.login-subtitle-desktop{display:none!important}.login-subtitle-mobile{display:inline!important}.login-left:before{content:""!important;position:absolute!important;top:-30px!important;right:-30px!important;width:220px!important;height:220px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,255,255,.45) 0%,rgba(255,237,213,.2) 50%,transparent 75%)!important;filter:blur(28px)!important;opacity:.9!important;pointer-events:none!important;z-index:0!important}.login-left:after{content:""!important;position:absolute!important;bottom:-40px!important;left:-40px!important;width:240px!important;height:240px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,255,255,.35) 0%,rgba(251,146,60,.2) 50%,transparent 75%)!important;filter:blur(32px)!important;opacity:.85!important;pointer-events:none!important;z-index:0!important}body.dark-mode .login-left:before{background:radial-gradient(circle,rgba(249,115,22,.45) 0%,rgba(234,88,12,.2) 50%,transparent 75%)!important;filter:blur(32px)!important}body.dark-mode .login-left:after{background:radial-gradient(circle,rgba(239,68,68,.35) 0%,rgba(194,65,12,.18) 55%,transparent 75%)!important;filter:blur(36px)!important}.login-brand,.login-hero{position:relative!important;z-index:1!important}.login-right,body.dark-mode .login-right{width:100%!important;max-width:440px!important;min-height:auto!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;display:flex!important;justify-content:center!important;align-items:center!important}.login-wrapper{width:100%!important;max-width:440px!important;min-height:auto!important;height:auto!important;margin:0!important}.login-card{margin-top:0!important;border-radius:24px!important;padding:28px 24px!important;position:relative!important;z-index:2!important;background:#fff!important;box-shadow:0 12px 32px #00000014!important;border:1px solid rgba(0,0,0,.04)!important}body.dark-mode .login-card{background:#1e293b!important;box-shadow:0 12px 32px #0006!important;border:1px solid rgba(255,255,255,.08)!important}#info-iframe-actions-bar .btn-text,#iframe-actions-bar .btn-text,#info-public-float-header .btn-text,#iframe-float-header .btn-text{display:none!important}#info-iframe-actions-bar #info-iframe-btn-tab,#info-iframe-actions-bar #info-iframe-btn-maximize,#iframe-actions-bar #iframe-newtab-btn,#iframe-actions-bar #iframe-expand-btn,#info-public-float-header button,#iframe-float-header button{width:34px!important;height:34px!important;padding:0!important;justify-content:center!important;gap:0!important}#info-public-float-header,#iframe-float-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:10px 14px!important}#info-public-float-header>div:first-child,#iframe-float-header>div:first-child{width:100%!important;justify-content:center!important;text-align:center!important}#info-public-float-header>div:last-child,#iframe-float-header>div:last-child{width:100%!important;margin-left:0!important;justify-content:center!important;gap:8px!important}#info-public-scroll-wrapper{width:100%;height:100%;overflow:auto!important;-webkit-overflow-scrolling:touch}.main-wrap{margin-left:0!important}#iframe-frame-holder{overflow:auto!important;-webkit-overflow-scrolling:touch}#iframe-frame-holder #custom-menu-iframe{width:1280px!important;min-height:860px!important;height:auto!important}.sidebar{z-index:9999!important;transform:translate3d(calc(-1 * var(--sidebar-w, 260px)),0,0)!important;box-shadow:none;will-change:transform}.sidebar.open{transform:translateZ(0)!important;box-shadow:0 10px 30px #00000040!important}.main-wrap{margin-left:0!important;width:100%!important;min-width:0!important}.page-content{padding:12px!important}.topbar{padding:0 16px!important;height:60px!important}.topbar-title{font-size:0!important}.topbar-title:before{content:"Monitoring—Hub Toko";font-size:18px!important;font-weight:700;letter-spacing:-.5px;color:var(--clr-text)}.home-welcome{flex-wrap:wrap!important;padding:20px!important;gap:16px!important}.home-avatar{width:48px!important;height:48px!important;border-radius:14px!important;font-size:20px!important}.home-welcome-text{flex:1!important;min-width:160px!important}.home-welcome-text h2{font-size:15px!important;line-height:1.3!important;margin:0!important}.home-welcome-text p{font-size:12px!important;margin-top:2px!important;line-height:1.4!important}.home-welcome button{margin-left:0!important;width:100%!important;justify-content:center!important;margin-top:8px!important;height:38px!important}.custom-hub-header-wrapper{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.custom-hub-header-wrapper>div{order:1!important}.custom-hub-header-wrapper>button{order:2!important}.stats-grid,.input-row.cols-3,.input-row.cols-4{grid-template-columns:1fr 1fr}.input-row.cols-2,.konfig-grid,.ulasan-top-row{grid-template-columns:1fr}.penawaran-row-item{grid-template-columns:1fr 1fr}}@media(max-width:480px){.login-card{padding:24px 16px!important}.custom-hub-header-wrapper>button{width:auto!important}.stats-grid{grid-template-columns:1fr!important}.modal-box{padding:20px!important;width:92%!important;margin:10px!important}.filter-bar{flex-direction:column!important;align-items:stretch!important}.filter-group{width:100%!important}.filter-bar button,.filter-group button,#rekap-btn-filter{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;width:100%!important;margin-top:8px!important}.rekap-summary-grid,.ulasan-top-row,.ulasan-grid-row{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;max-width:100%!important}.rekap-summary-grid>.card,.ulasan-top-row>.card,.ulasan-grid-row>.card,#view-rekap-penawaran .card,#rekap-content .card,#view-ulasan .card,#ulasan-content .card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}.ulasan-komplain-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.ulasan-komplain-filters{flex-direction:column!important;width:100%!important;gap:8px!important}.ulasan-komplain-filters select{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}.modal-title{padding-right:38px!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.35!important;font-size:16px!important}input[type=date].form-control,input[type=date]{height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 12px!important;font-size:14px!important;box-sizing:border-box!important;line-height:42px!important;-webkit-appearance:none!important}input[type=date]::-webkit-date-and-time-value{line-height:42px!important;min-height:42px!important;height:42px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important}.modal-overlay .modal-box{display:flex!important;flex-direction:column!important;max-height:85vh!important;overflow:hidden!important;box-sizing:border-box!important}#form-bypass-tambah-komplain div[style*=grid-template-columns],#modal-edit-tgu-body div[style*=grid-template-columns],#modal-detail-komplain-gu-body div[style*=grid-template-columns],#modal-edit-komplain-body div[style*=grid-template-columns]{grid-template-columns:1fr!important;width:100%!important}.modal-tgu-grid{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important}.modal-tgu-left-col{border-right:none!important;padding-right:0!important;border-bottom:1px solid var(--clr-border)!important;padding-bottom:16px!important}#modal-bypass-body,#modal-edit-tgu-body,#modal-detail-komplain-gu-body,#modal-edit-komplain-body,#modal-user-body{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-right:2px!important}.modal-box>.modal-actions,#form-bypass-tambah-komplain>.modal-actions,#modal-edit-tgu .modal-actions,#modal-edit-komplain .modal-actions,#modal-detail-komplain-gu .modal-actions,#modal-user-form .modal-actions{flex-shrink:0!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--clr-border)!important;display:flex!important;gap:10px!important;justify-content:flex-end!important}.jadwal-row-item+.jadwal-row-item{border-top:1.5px dashed var(--clr-border)!important;margin-top:16px!important;padding-top:16px!important}.cal-grid{grid-template-columns:repeat(7,1fr)!important;width:100%!important;gap:2px!important}.cal-day{padding:4px 2px!important;min-height:56px!important;display:flex!important;flex-direction:column!important;align-items:center!important;box-sizing:border-box!important}.cal-badge{font-size:10px!important;padding:2px 6px!important;margin:1px auto!important;min-width:18px!important;text-align:center!important;border-radius:10px!important}#rekap-jadwal-summary-wrap{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;width:100%!important}#rekap-jadwal-summary-wrap>div{width:100%!important;flex:none!important}.rekap-summary-card{width:100%!important;box-sizing:border-box!important}.rekap-summary-card div[style*="overflow-y:auto"]{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important}.rekap-summary-card table{min-width:500px!important}#weekly-rekap-live,#weekly-rekap-content{width:100%!important;overflow:hidden!important;box-sizing:border-box!important}#weekly-rekap-live .table-scroll-wrap,#weekly-rekap-content .table-scroll-wrap{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}#weekly-rekap-live table,#weekly-rekap-content table{min-width:450px!important}.rekap-summary-grid .table-wrap,#view-rekap-penawaran .table-wrap,#rekap-content .table-wrap,#view-ulasan .table-wrap,#ulasan-content .table-wrap{overflow:auto!important;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;max-width:100%!important;display:block!important}#view-ulasan .chart-container,#ulasan-content .chart-container{max-width:100%!important;overflow-x:auto!important}.home-quick-grid{grid-template-columns:1fr 1fr}.input-row.cols-2,.input-row.cols-3,.input-row.cols-4,.input-row.cols-5,.input-row.cols-6,.penawaran-row-item{grid-template-columns:1fr!important}#iframe-newtab-btn,#iframe-expand-btn,#iframe-back-btn,#iframe-reset-zoom-btn,#iframe-float-header button{font-size:0!important;padding:6px 8px!important;gap:0!important}#iframe-newtab-btn span,#iframe-expand-btn span,#iframe-back-btn span,#iframe-reset-zoom-btn span,#iframe-float-header button span{margin:0!important;font-size:18px!important}#iframe-frame-holder.iframe-maximized{overflow:hidden!important}#iframe-scroll-wrapper{overflow:auto!important;-webkit-overflow-scrolling:touch;flex:1;display:flex;flex-direction:column}#iframe-frame-holder.iframe-maximized #iframe-float-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px 16px!important}#iframe-frame-holder.iframe-maximized #iframe-float-header>div:first-child{justify-content:center!important;width:100%}#iframe-frame-holder.iframe-maximized #iframe-float-header>div:last-child{margin-left:0!important;justify-content:center!important;width:100%}.modal-box{display:flex!important;flex-direction:column!important;width:92%!important;max-width:100%!important;max-height:85vh!important;padding:18px 16px!important;margin:auto!important;overflow:hidden!important}.modal-box>.modal-actions{flex-shrink:0!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--clr-border)!important;display:flex!important;gap:8px!important;width:100%!important}#modal-menu-form div[style*="display:grid"],#modal-menu-form div[style*="display: grid"]{grid-template-columns:1fr!important;gap:12px!important}#modal-menu-form div[style*="overflow-y:auto"],#modal-menu-form div[style*="overflow-y: auto"]{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-right:4px}#modal-select-parent-tree div[style*="overflow-y:auto"],#modal-select-parent-tree div[style*="overflow-y: auto"]{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}#modal-select-parent-tree #parent-tree-selection-container{min-width:max-content}#modal-user-form div[style*="display:grid"],#modal-user-form div[style*="display: grid"]{grid-template-columns:1fr!important;gap:12px!important}#modal-user-form div[style*="max-height:220px"],#modal-user-form div[style*="max-height: 220px"]{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}#modal-user-form #muf-custom-menus-container{min-width:max-content}#modal-user-form #modal-user-body{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-right:4px}#modal-expand-user-menus div[style*="max-height: 60vh"],#modal-expand-user-menus div[style*="max-height:60vh"]{flex:1!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}#modal-expand-user-menus #muf-expanded-menus-container{grid-template-columns:1fr!important;min-width:max-content}#modal-edit-jadwal-content .modal-box,#modal-edit-jadwal-live .modal-box{display:flex!important;flex-direction:column!important;max-height:85vh!important;overflow:hidden!important;padding:18px 16px!important}#modal-edit-jc-body,#modal-edit-jl-body{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-right:4px!important;margin:12px 0!important}#modal-edit-jc-body div[style*=grid],#modal-edit-jl-body div[style*=grid]{grid-template-columns:1fr!important;gap:12px!important}#modal-edit-jadwal-content .modal-actions,#modal-edit-jadwal-live .modal-actions{flex-shrink:0!important;margin-top:auto!important;padding-top:12px!important;border-top:1px solid var(--clr-border)!important;display:flex!important;gap:10px!important;width:100%!important}#modal-edit-jadwal-content .modal-actions .btn,#modal-edit-jadwal-live .modal-actions .btn{flex:1!important;justify-content:center!important;text-align:center!important}.modal-box-confirm,#modal-confirm .modal-box,#modal-logout .modal-box{margin:auto!important;max-width:380px!important;width:90%!important;min-height:280px!important;padding:32px 20px 22px!important;text-align:center!important;align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.modal-box-confirm .modal-icon,#modal-confirm .modal-icon,#modal-logout .modal-icon{margin:0 auto 14px!important;width:54px!important;height:54px!important}.modal-box-confirm .modal-title,#modal-confirm .modal-title,#modal-logout .modal-title{font-size:18px!important;margin-bottom:10px!important}.modal-box-confirm .modal-desc,#modal-confirm .modal-desc,#modal-logout .modal-desc{font-size:13.5px!important;line-height:1.55!important;margin-bottom:24px!important;padding:0 4px!important}.modal-box-confirm .modal-actions,#modal-confirm .modal-actions,#modal-logout .modal-actions{display:flex!important;gap:10px!important;width:100%!important;margin-top:auto!important;border-top:1px solid var(--clr-border)!important;padding-top:14px!important}.modal-box-confirm .modal-actions .btn,#modal-confirm .modal-actions .btn,#modal-logout .modal-actions .btn{flex:1!important;height:42px!important;justify-content:center!important;text-align:center!important;font-size:13.5px!important;font-weight:600!important}#view-rekap-komplain .filter-bar>div:first-child{flex-direction:column!important;align-items:stretch!important;width:100%!important}#view-rekap-komplain .filter-bar>div:first-child .filter-group{flex:0 0 100%!important;width:100%!important;min-width:100%!important;margin-left:0!important;margin-right:0!important}#view-rekap-komplain .filter-bar>div:first-child .filter-group .filter-input,#view-rekap-komplain .filter-bar>div:first-child .filter-group .custom-select-wrap,#view-rekap-komplain .filter-bar>div:first-child .filter-group button{width:100%!important}#view-rekap-komplain .filter-bar>div:nth-child(2){display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;gap:10px!important;align-items:flex-end!important;width:100%!important}#view-rekap-komplain .filter-bar>div:nth-child(2) .filter-group{flex:1 1 calc(50% - 6px)!important;width:calc(50% - 6px)!important;min-width:calc(50% - 6px)!important;max-width:calc(50% - 6px)!important;margin:0!important}#view-rekap-komplain .filter-bar>div:nth-child(2) .filter-group .filter-input{width:100%!important}#rk-dashboard-section>div{grid-template-columns:1fr!important;gap:14px!important}#rk-dashboard-section .card{width:100%!important;height:auto!important;max-height:280px!important;box-sizing:border-box!important}#rk-dashboard-section .card div[style*="overflow-y:auto"],#rk-dashboard-section .card div[style*="overflow-y: auto"],#rk-dashboard-section .card #db-kategori-list,#rk-dashboard-section .card #db-warna-tahun-list,#rk-dashboard-section .card #db-solusi-list,#rk-dashboard-section .card #db-toko-list,#rk-dashboard-section .card #db-md-list{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important}.dashboard-section-header,.table-section-header{flex-wrap:wrap!important;gap:4px!important}.dashboard-header-subtext,.table-header-subtext{width:100%!important;margin-left:0!important;font-size:10px!important}}#rk-dashboard-section .card{border-top:3px solid var(--clr-primary)!important;box-shadow:0 2px 8px #0000000a!important}#rk-table-card{border-top:3px solid #3b82f6!important;box-shadow:0 2px 10px #0000000d!important}@media print{.sidebar,.topbar,.btn-hamburger{display:none!important}.main-wrap{margin-left:0!important}body{background:#fff!important;color:#000!important}.card,.konfig-section{break-inside:avoid}}.main-wrap{min-width:0!important}.page-content,.view{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}#rk-table-card,#ek-table-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.komplain-table-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important;box-sizing:border-box!important}.komplain-table{width:max-content!important;min-width:100%!important;border-collapse:collapse!important}.komplain-table th,.komplain-table td{text-align:center!important;white-space:nowrap!important;padding:10px 14px!important}.rte-tool-btn{padding:3px 8px;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:4px;cursor:pointer;font-size:12px;color:var(--clr-text1);transition:background var(--transition),border-color var(--transition)}.rte-tool-btn:hover{background:var(--clr-primary-light);border-color:var(--clr-primary)}#mmf-rte-editor[data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--clr-text3);pointer-events:none}#mmf-rte-editor:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px rgba(var(--clr-primary-rgb, 255, 111, 60),.12)}#mmf-rte-editor ul{list-style-type:disc!important;padding-left:24px!important;margin:8px 0!important}#mmf-rte-editor ol{list-style-type:decimal!important;padding-left:24px!important;margin:8px 0!important}#mmf-rte-editor li{display:list-item!important;margin-bottom:4px!important}.rte-palette-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;font-size:13px;transition:background var(--transition)}.rte-palette-item:hover{background:var(--clr-surface2)}.rte-palette-item .pi-icon{font-size:16px;width:22px;text-align:center}.hub-content-desc{padding:14px 18px;background:var(--clr-surface2);border-left:3px solid var(--clr-primary);border-radius:0 8px 8px 0;font-size:14px;line-height:1.8;color:var(--clr-text1)}.hub-content-desc h2{font-size:18px;font-weight:700;margin:12px 0 6px}.hub-content-desc h3{font-size:16px;font-weight:700;margin:10px 0 5px}.hub-content-desc h4{font-size:14px;font-weight:700;margin:8px 0 4px}.hub-content-desc h5{font-size:13px;font-weight:700;margin:6px 0 3px}.hub-content-desc ul{margin:6px 0 6px 20px;list-style:disc}.hub-content-desc ol{margin:6px 0 6px 20px;list-style:decimal}.hub-content-desc li{margin-bottom:3px}.hub-content-desc p{margin:4px 0}.quick-card-horizontal{display:flex;align-items:center;gap:16px;background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:16px 20px;cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit}.quick-card-horizontal:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--clr-primary)}.quick-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.quick-card-content{display:flex;flex-direction:column;gap:4px}.quick-card-title{font-size:15px;font-weight:700;color:var(--clr-text)}.quick-card-desc{font-size:12px;color:var(--clr-text3)}#iframe-frame-holder{flex:1;position:relative;background:var(--clr-bg1);display:flex;flex-direction:column;transition:none}#iframe-frame-holder.iframe-maximized{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99990;background:#000;display:flex;flex-direction:column}#iframe-float-header{display:none;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--clr-bg2);border-bottom:1px solid var(--clr-border);z-index:2;flex-shrink:0}#iframe-frame-holder.iframe-maximized #iframe-float-header{display:flex}#iframe-frame-holder.iframe-maximized~#iframe-inline-placeholder-msg{display:none}#iframe-inline-placeholder{display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#iframe-inline-placeholder.visible{display:flex}#iframe-frame-holder #custom-menu-iframe{flex:1;width:100%;height:100%;border:none;display:block}.nav-item-info-perm{background:transparent;color:var(--clr-text2);opacity:.85;border:1px solid rgba(249,115,22,.15);margin-bottom:12px}.nav-item-info-perm:hover{opacity:1;background:var(--clr-bg3);color:var(--clr-text);border-color:#f9731659}.nav-item-info-perm.active{color:#f97316;background:linear-gradient(90deg,#f9731624,#f973160f);font-weight:600;opacity:1;border:1px solid rgba(249,115,22,.25)}.info-group-card{transition:all var(--transition)}.info-group-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000d;border-color:var(--clr-primary)!important}body.dark-mode .info-group-card:hover{box-shadow:0 10px 20px #0000004d}.custom-select{position:relative;width:100%;min-width:0}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--clr-text);height:38px;-webkit-user-select:none;user-select:none;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.custom-select-trigger:hover{border-color:var(--clr-primary)}.custom-select-trigger-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.custom-select-options{display:none;position:absolute;top:100%;left:0;right:0;background:var(--clr-bg2);border:1px solid var(--clr-border);border-radius:var(--radius-sm);margin-top:4px;max-height:288px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-md)}.custom-select-options.open{display:block}.custom-select-option{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--clr-text);transition:background var(--transition);display:flex;align-items:center;gap:8px;white-space:nowrap}.custom-select-option:hover{background:var(--clr-bg3)}.custom-select-option.selected{background:var(--clr-primary-light);color:var(--clr-primary);font-weight:600}.parent-tree-node-item{transition:background var(--transition),transform .15s ease}.parent-tree-node-item:hover{background:var(--clr-bg3)!important;transform:translate(4px)}@media(max-width:768px){#modal-detail-informasi .modal-box{max-height:90vh!important;height:90vh!important;padding:16px!important}.mdi-split-container{flex-direction:column!important;overflow-y:auto!important;gap:14px!important}.mdi-col-left,.mdi-col-right{flex:none!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}#mdi-content-body{max-height:none!important;width:100%!important}#mdi-rooms-grid{max-height:220px!important;overflow-y:auto!important}#mdi-room-scroll-area{max-height:none!important;overflow:visible!important}}#modal-buat-informasi .form-label,#btn-mbi-submit,#btn-mbi-submit *{white-space:nowrap!important}#login-config-table th{position:sticky;top:0;background:var(--clr-bg3);z-index:10}body.dark-mode #login-config-table th{background:var(--clr-bg3)}