.ex-shell{--ex-bg:#fff;--ex-sidebar-bg:#fbfcfd;--ex-menu-bg:#fdfdfd;--ex-surface-subtle:#fafafa;--ex-hairline:rgba(0,0,0,.07);--ex-hover:rgba(0,0,0,.04);--ex-hover-strong:rgba(0,0,0,.05);--ex-text:#111827;--ex-muted:#6b7280;--ex-subtle:#9ca3af;--ex-nav:#444;--ex-nav-kuat:#3f3f46;--ex-section:#888;--ex-icon:#606673;--ex-chrome:#a3a3a3;--ex-chrome-hover:#737373;--ex-brand:#047857;--ex-brand-bright:#0f9c72;--ex-brand-faint:#ecfdf5;--ex-ease:cubic-bezier(.4,0,.2,1);--ex-motion-sidebar:320ms;--ex-motion-fade:300ms;--ex-motion-popover:160ms;--ex-shadow-popover:0 0 0 1px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.1);--ex-sidebar-w:248px;--ex-rail-w:60px;--ex-konten-max:880px;--c-bg:#fff;--c-surface:#fff;--c-surface-2:#fafafa;--c-surface-3:#f3f4f6;--c-border:rgba(0,0,0,.09);--c-border-soft:rgba(0,0,0,.06);--c-border-strong:#d4d4d4;--c-text:#111827;--c-text-strong:#0b1220;--c-text-muted:#6b7280;--c-text-soft:#9ca3af;--r-md:6px;--r-lg:10px;--r-xl:12px;--sh-xs:none;--sh-card:0 1px 2px rgba(0,0,0,.04);--bg:#fff;--ink:#111827;--ink-2:#374151;--muted:#6b7280;--muted-2:#9ca3af;--line:rgba(0,0,0,.09);--line-2:rgba(0,0,0,.06);--card:#fff;--field:#fff;--surface-2:#fafafa;--surface-3:#f3f4f6;display:flex;height:100vh;overflow:hidden;background:var(--ex-bg);color:var(--ex-text);font-family:var(--sans);font-size:14px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}html[data-theme=dark] .ex-shell{--ex-bg:#0e0f11;--ex-sidebar-bg:#131417;--ex-menu-bg:#17181b;--ex-surface-subtle:#17181b;--ex-hairline:hsla(0,0%,100%,.09);--ex-hover:hsla(0,0%,100%,.05);--ex-hover-strong:hsla(0,0%,100%,.08);--ex-text:#f0eee9;--ex-muted:#a1a1aa;--ex-subtle:#7c7c85;--ex-nav:#c2c2c8;--ex-nav-kuat:#d4d4d8;--ex-section:#8a8a92;--ex-icon:#9a9aa2;--ex-chrome:#7c7c85;--ex-chrome-hover:#b4b4bc;--ex-brand:#46d089;--ex-brand-bright:#74e0a8;--ex-brand-faint:rgba(70,208,137,.16);--ex-shadow-popover:0 0 0 1px hsla(0,0%,100%,.08),0 12px 32px rgba(0,0,0,.55);--c-bg:#0e0f11;--c-surface:#17181b;--c-surface-2:#1c1d21;--c-surface-3:#232429;--c-border:hsla(0,0%,100%,.1);--c-border-soft:hsla(0,0%,100%,.07);--c-border-strong:hsla(0,0%,100%,.22);--c-text:#f0eee9;--c-text-strong:#fff;--c-text-muted:#a1a1aa;--c-text-soft:#7c7c85;--sh-card:0 1px 0 rgba(0,0,0,.4);--bg:#0e0f11;--ink:#f0eee9;--ink-2:#d8d6d1;--muted:#a1a1aa;--muted-2:#7c7c85;--line:hsla(0,0%,100%,.1);--line-2:hsla(0,0%,100%,.07);--card:#17181b;--field:#1c1d21;--surface-2:#1c1d21;--surface-3:#232429}.ex-shell .h1,.ex-shell .h2,.ex-shell .h3,.ex-shell .h4,.ex-shell .page-title,.ex-shell h1,.ex-shell h2,.ex-shell h3,.ex-shell h4{font-family:var(--sans);font-weight:600;letter-spacing:-.021em}.ex-shell .card{border-radius:var(--r-xl);box-shadow:var(--sh-card)}.ex-shell .pd-input{height:40px;border-radius:8px;font-size:14px}.ex-shell .badge-accent{border-color:color-mix(in srgb,var(--ex-brand) 22%,transparent)}.ex-shell .btn{border-radius:8px}.ex-sidebar{display:flex;flex-direction:column;flex-shrink:0;width:var(--ex-sidebar-w);min-width:var(--ex-sidebar-w);max-width:var(--ex-sidebar-w);height:100vh;overflow-x:hidden;background:var(--ex-sidebar-bg);border-right:1px solid var(--ex-hairline);transition:width var(--ex-motion-sidebar) var(--ex-ease),min-width var(--ex-motion-sidebar) var(--ex-ease),max-width var(--ex-motion-sidebar) var(--ex-ease)}.ex-shell[data-ciut="1"] .ex-sidebar{width:var(--ex-rail-w);min-width:var(--ex-rail-w);max-width:var(--ex-rail-w)}.ex-side-head{padding:8px 12px 0;transition:padding var(--ex-motion-sidebar) var(--ex-ease)}.ex-shell[data-ciut="1"] .ex-side-head{padding:8px 8px 0}.ex-side-head-baris{position:relative;height:36px}.ex-side-head-buka,.ex-side-head-ciut{position:absolute;inset:0;transition:opacity var(--ex-motion-sidebar) var(--ex-ease)}.ex-side-head-buka{display:flex;align-items:center;gap:2px}.ex-side-head-ciut{display:grid;place-items:center}.ex-shell[data-ciut="0"] .ex-side-head-ciut,.ex-shell[data-ciut="1"] .ex-side-head-buka{opacity:0;pointer-events:none}.ex-merek{display:flex;align-items:center;gap:8px;min-width:0;height:32px;padding:0 6px;border-radius:6px;color:var(--ex-text);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;text-align:left}.ex-merek:hover{background:var(--ex-hover)}.ex-merek-nama{font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-merek-chev{color:var(--ex-chrome);flex-shrink:0}.ex-mark{flex-shrink:0;border-radius:7px;display:block}.ex-ikon-btn{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:0;background:none;padding:0;cursor:pointer;border-radius:4px;color:var(--ex-chrome);transition:background .12s,color .12s}.ex-ikon-btn:hover{background:var(--ex-hover-strong);color:var(--ex-chrome-hover)}.ex-ikon-btn-lebar{width:100%;height:36px;border-radius:6px}.ex-nav{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:8px 12px 16px;scrollbar-width:none;transition:padding var(--ex-motion-sidebar) var(--ex-ease)}.ex-nav::-webkit-scrollbar{display:none}.ex-shell[data-ciut="1"] .ex-nav{padding:8px 8px 16px}.ex-nav-grup+.ex-nav-grup{margin-top:20px}.ex-nav-label{padding:0 8px;margin-bottom:4px;font-size:13px;font-weight:500;color:var(--ex-section);white-space:nowrap;overflow:hidden;max-height:24px;opacity:1;transition:opacity var(--ex-motion-sidebar) var(--ex-ease),max-height var(--ex-motion-sidebar) var(--ex-ease),margin var(--ex-motion-sidebar) var(--ex-ease)}.ex-shell[data-ciut="1"] .ex-nav-label{opacity:0;max-height:0;margin-bottom:0}.ex-nav-item{display:flex;align-items:center;gap:10px;height:30px;padding:0 8px;border-radius:6px;font-size:15px;color:var(--ex-nav);text-decoration:none;transition:background .12s,color .12s,padding var(--ex-motion-sidebar) var(--ex-ease)}.ex-nav-item+.ex-nav-item{margin-top:1px}.ex-nav-item:hover{background:var(--ex-hover)}.ex-nav-item.aktif{background:var(--ex-hover-strong);color:var(--ex-text);font-weight:500}.ex-nav-item .ex-nav-ikon{flex-shrink:0;color:var(--ex-icon)}.ex-nav-item.aktif .ex-nav-ikon{color:var(--ex-text)}.ex-nav-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;opacity:1;transition:opacity var(--ex-motion-sidebar) var(--ex-ease),max-width var(--ex-motion-sidebar) var(--ex-ease)}.ex-shell[data-ciut="1"] .ex-nav-item{justify-content:center;padding:0}.ex-shell[data-ciut="1"] .ex-nav-item span{max-width:0;opacity:0}.ex-side-foot{padding:0 12px 12px;transition:padding var(--ex-motion-sidebar) var(--ex-ease)}.ex-shell[data-ciut="1"] .ex-side-foot{padding:0 8px 12px}.ex-saldo{display:block;margin-bottom:8px;padding:8px 10px;border:1px solid var(--ex-hairline);border-radius:10px;background:var(--ex-surface-subtle);text-decoration:none;overflow:hidden;max-height:72px;opacity:1;transition:opacity var(--ex-motion-sidebar) var(--ex-ease),max-height var(--ex-motion-sidebar) var(--ex-ease),margin var(--ex-motion-sidebar) var(--ex-ease),padding var(--ex-motion-sidebar) var(--ex-ease),border-color .12s}.ex-saldo:hover{border-color:var(--ex-brand)}.ex-shell[data-ciut="1"] .ex-saldo{max-height:0;opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0;pointer-events:none}.ex-saldo-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ex-muted);white-space:nowrap}.ex-saldo-nilai{display:block;margin-top:2px;font-size:15px;font-weight:600;color:var(--ex-text);letter-spacing:-.015em;white-space:nowrap}.ex-user-btn{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;background:none;cursor:pointer;border-radius:6px;text-align:left;font:inherit;transition:background .12s}.ex-user-btn:hover{background:var(--ex-hover)}.ex-shell[data-ciut="1"] .ex-user-btn{justify-content:center;padding:6px 0}.ex-user-nama{flex:1 1;min-width:0;font-size:15px;color:var(--ex-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;opacity:1;transition:opacity var(--ex-motion-sidebar) var(--ex-ease),max-width var(--ex-motion-sidebar) var(--ex-ease)}.ex-shell[data-ciut="1"] .ex-user-nama{max-width:0;opacity:0}.ex-avatar{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:999px;background:linear-gradient(180deg,var(--ex-brand-bright),var(--ex-brand));color:#fff;font-size:12px;font-weight:600;letter-spacing:0}.ex-avatar-lg{width:32px;height:32px;font-size:13px}.ex-pop-bungkus{position:relative}.ex-pop{position:absolute;z-index:60;min-width:232px;background:var(--ex-menu-bg);border-radius:10px;box-shadow:var(--ex-shadow-popover);padding:6px 0;animation:ex-pop-in var(--ex-motion-popover) var(--ex-ease) both}.ex-pop-atas{bottom:calc(100% + 6px);left:0;right:0}.ex-pop-bawah{top:calc(100% + 6px);left:0}.ex-pop-kanan{left:calc(100% + 8px);bottom:0}.ex-pop-bawah-kanan{top:calc(100% + 6px);right:0}.ex-pop-kanan-atas{left:calc(100% + 8px);top:0}@keyframes ex-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ex-pop-kepala{display:flex;align-items:center;gap:10px;padding:8px 12px}.ex-pop-kepala-nama{font-size:14px;font-weight:500;color:var(--ex-text)}.ex-pop-kepala-email{font-size:12px;color:var(--ex-muted)}.ex-pop-pisah{height:1px;margin:4px 0;background:var(--ex-hairline)}.ex-pop-item{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 12px;border:0;background:none;font:inherit;font-size:14px;color:var(--ex-text);text-align:left;text-decoration:none;cursor:pointer}.ex-pop-item:hover{background:var(--ex-hover)}.ex-pop-item svg{color:var(--ex-icon);flex-shrink:0}.ex-pop-item .ex-centang{margin-left:auto;color:var(--ex-brand)}.ex-pop-pilih{padding:6px 12px 8px}.ex-pop-pilih-label{font-size:12px;color:var(--ex-muted);margin-bottom:5px}.ex-seg{display:flex;gap:4px}.ex-seg button{flex:1 1;height:30px;padding:0 8px;cursor:pointer;border:1px solid var(--ex-hairline);border-radius:7px;background:transparent;color:var(--ex-muted);font:inherit;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .12s,color .12s,border-color .12s}.ex-seg button:hover{background:var(--ex-hover);color:var(--ex-text)}.ex-seg button[aria-pressed=true]{background:var(--ex-brand-faint);border-color:color-mix(in srgb,var(--ex-brand) 40%,transparent);color:var(--ex-brand);font-weight:500}.ex-kolom{display:flex;flex:1 1;min-width:0;flex-direction:column}.ex-badan,.ex-kolom{position:relative;min-height:0}.ex-badan{flex:1 1}.ex-scroll{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}.ex-scroll::-webkit-scrollbar{width:10px;height:10px}.ex-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border:2px solid transparent;background-clip:padding-box;border-radius:8px}html[data-theme=dark] .ex-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.18);background-clip:padding-box}.ex-konten{width:100%;max-width:var(--ex-konten-max);margin:0 auto;padding:20px 24px 64px}.ex-shell[data-admin="1"] .ex-konten{max-width:1360px}.ex-pita{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--c-warn) 30%,transparent);border-radius:10px;background:var(--c-warn-soft);color:var(--c-warn);font-size:13.5px}.ex-menu-hp,.ex-topbar{display:none}@media (max-width:767px){.ex-sidebar{display:none}.ex-topbar{position:relative;z-index:50;justify-content:space-between;flex-shrink:0;height:56px;padding:0 16px;background:var(--ex-bg);border-bottom:1px solid var(--ex-hairline)}.ex-topbar,.ex-topbar-kanan{display:flex;align-items:center}.ex-topbar-kanan{gap:12px}.ex-topbar .ex-user-btn{width:32px;padding:0;justify-content:center}.ex-topbar .ex-user-nama{display:none}.ex-topbar .ex-avatar{width:32px;height:32px;font-size:13px}.ex-hamburger{position:relative;z-index:50;display:grid;place-items:center;width:36px;height:36px;border:0;background:none;cursor:pointer;border-radius:6px;color:var(--ex-text)}.ex-hamburger:hover{background:var(--ex-hover)}.ex-hamburger-ikon{position:relative;display:block;width:20px;height:20px}.ex-hamburger-ikon svg{position:absolute;inset:0;transition:opacity var(--ex-motion-fade) var(--ex-ease),transform var(--ex-motion-fade) var(--ex-ease)}.ex-hamburger-ikon .ex-ic-tutup{opacity:0;transform:rotate(-90deg)}.ex-hamburger[aria-expanded=true] .ex-hamburger-ikon .ex-ic-buka{opacity:0;transform:rotate(90deg)}.ex-hamburger[aria-expanded=true] .ex-hamburger-ikon .ex-ic-tutup{opacity:1;transform:rotate(0)}.ex-menu-hp{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;overflow-y:auto;background:var(--ex-menu-bg)}.ex-menu-hp[data-masuk="1"]{animation:ex-menu-masuk var(--ex-motion-fade) var(--ex-ease) both}.ex-menu-hp[data-masuk="0"]{animation:ex-menu-keluar var(--ex-motion-fade) var(--ex-ease) both;pointer-events:none}@keyframes ex-menu-masuk{0%{opacity:0}to{opacity:1}}@keyframes ex-menu-keluar{0%{opacity:1}to{opacity:0}}.ex-menu-hp .ex-nav{padding:12px 12px 24px}.ex-menu-hp .ex-nav-label{font-size:14px}.ex-menu-hp .ex-nav-item{height:48px;font-size:17px;gap:12px;border-radius:8px;padding:0 8px}.ex-menu-hp .ex-nav-item span{max-width:none}.ex-menu-hp-foot{padding:8px 12px 20px;border-top:1px solid var(--ex-hairline)}.ex-konten{padding:16px 16px 56px}}@media (prefers-reduced-motion:reduce){.ex-hamburger-ikon svg,.ex-nav-item,.ex-nav-item span,.ex-nav-label,.ex-saldo,.ex-side-head-buka,.ex-side-head-ciut,.ex-sidebar,.ex-user-nama{transition-duration:.01ms}.ex-menu-hp[data-masuk="0"],.ex-menu-hp[data-masuk="1"],.ex-pop{animation-duration:.01ms}}@media print{.ex-shell{display:block;height:auto;overflow:visible}.ex-menu-hp,.ex-pita,.ex-sidebar,.ex-topbar{display:none!important}.ex-scroll{height:auto;overflow:visible}.ex-konten{max-width:none;padding:0}}