@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{--sidebar-width:240px;--sidebar-collapsed-width:56px;--navbar-height:36px;--emerald-50:#f0fdfa;--emerald-100:#ccfbf1;--emerald-200:#99f6e4;--emerald-300:#5eead4;--emerald-400:#2dd4bf;--emerald-500:#0d9488;--emerald-600:#0284c7;--emerald-700:#0369a1;--emerald-800:#075985;--emerald-900:#0c4a6e;--sidebar-bg:#fffffffa;--sidebar-border:#e2e8f0;--sidebar-text:#2c3e50;--sidebar-text-hover:#0f172a;--sidebar-heading:#8c9ba5;--sidebar-icon:#334155;--sidebar-icon-active:#00629b;--sidebar-item-hover:#f1f5f9;--sidebar-item-active-bg:#e8f1f5;--sidebar-item-active-text:#00629b;--sidebar-item-active-border:transparent;--sidebar-scrollbar-thumb:#cbd5e1;--sidebar-scrollbar-track:transparent;--navbar-bg:#ffffffeb;--navbar-border:#e2e8f0;--navbar-text:#0f172a;--navbar-text-muted:#64748b;--navbar-icon:#64748b;--navbar-icon-hover:#0f172a;--dropdown-bg:#fff;--dropdown-border:#e2e8f0;--dropdown-shadow:0 16px 48px #0f172a1f, 0 4px 16px #0f172a0a;--dropdown-item-hover:#f1f5f9;--dropdown-divider:#e2e8f0;--content-bg:#f8fafc;--content-text:#0f172a;--breadcrumb-text:#64748b;--breadcrumb-active:#0f172a;--breadcrumb-separator:#cbd5e1;--backdrop-bg:#0f172a73;--badge-danger-bg:#ef4444;--badge-danger-text:#fff;--glass-blur:16px;--glass-border-light:#ffffff80;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-sidebar:.25s cubic-bezier(.4,0,.2,1)}:root.dark{--sidebar-bg:#0c1322f2;--sidebar-border:#1e293b;--sidebar-text:#94a3b8;--sidebar-text-hover:#f8fafc;--sidebar-heading:#64748b;--sidebar-icon:#94a3b8;--sidebar-icon-active:#38bdf8;--sidebar-item-hover:#1e293b99;--sidebar-item-active-bg:#0ea5e924;--sidebar-item-active-text:#38bdf8;--sidebar-item-active-border:transparent;--sidebar-scrollbar-thumb:#38bdf833;--navbar-bg:#0b111ef2;--navbar-border:#1e293b;--navbar-text:#f8fafc;--navbar-text-muted:#94a3b8;--navbar-icon:#94a3b8;--navbar-icon-hover:#f8fafc;--dropdown-bg:#111927;--dropdown-border:#1e293b;--dropdown-shadow:0 16px 48px #0009, 0 4px 16px #0006, 0 0 1px #38bdf833;--dropdown-item-hover:#1e293bb3;--dropdown-divider:#1e293b;--content-bg:#090e17;--content-text:#f8fafc;--breadcrumb-text:#94a3b8;--breadcrumb-active:#f8fafc;--breadcrumb-separator:#475569;--backdrop-bg:#030712b3;--glass-blur:20px;--glass-border-light:#38bdf81a}.layout{background:var(--content-bg);min-height:100vh}.layout__content-wrapper{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-sidebar);padding-top:var(--navbar-height);flex-direction:column;display:flex}.layout--collapsed .layout__content-wrapper{margin-left:var(--sidebar-collapsed-width)}.layout__main{flex:1;padding:20px 24px}@media (width<=768px){.layout__content-wrapper,.layout--collapsed .layout__content-wrapper{margin-left:0}.layout__main{padding:14px 16px}}.navbar{height:var(--navbar-height);background:var(--navbar-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--navbar-border);z-index:1100;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.navbar__left{align-items:center;gap:8px;display:flex}.navbar__hamburger{cursor:pointer;width:28px;height:28px;color:var(--navbar-icon);transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:none}.navbar__hamburger:hover{background:var(--dropdown-item-hover);color:var(--navbar-icon-hover)}@media (width<=768px){.navbar__hamburger{display:flex}}.navbar__brand{white-space:nowrap;cursor:pointer;align-items:center;line-height:1;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1);display:flex}.navbar__brand:hover{transform:scale(1.008)}.navbar__logo{object-fit:contain;border-radius:var(--radius-sm,4px);width:auto;max-width:32px;height:26px;margin-right:10px;display:block}.navbar__brand-name{color:var(--navbar-text);letter-spacing:-.3px;align-items:center;font-size:17px;font-weight:500;display:flex}.navbar__brand-name strong{background:linear-gradient(135deg,#0284c7 0%,#0d9488 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:21px;font-weight:900}.navbar__brand-separator{color:var(--navbar-text-muted);margin:0 8px;font-size:17px;font-weight:300;transition:color .2s}.navbar__brand:hover .navbar__brand-separator{color:#0284c7}.navbar__brand-sub{letter-spacing:.2px;color:var(--navbar-text-muted);font-size:13.5px;font-weight:700;transition:color .2s}.navbar__brand:hover .navbar__brand-sub{color:var(--navbar-text)}.navbar__spacer{flex:1}.navbar__actions{align-items:center;gap:4px;display:flex}.navbar__dropdown-wrap{position:relative}.navbar__ta-btn{color:#0369a1;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#0284c714;border:1px solid #0284c759;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-family:inherit;font-size:12px;font-weight:700;display:flex;box-shadow:0 1px 2px #0284c714}.navbar__ta-btn:hover{color:#0284c7;background:#0284c729;border-color:#0284c7;box-shadow:0 2px 6px #0284c729}.navbar__ta-icon{color:#0284c7;width:13px;height:13px}.navbar__ta-chevron{color:#0284c7;width:12px;height:12px;transition:transform var(--transition-fast)}.navbar__ta-btn--open{background:#0284c738;border-color:#0284c7;box-shadow:0 0 0 2px #0284c740}.navbar__ta-btn--open .navbar__ta-chevron{transform:rotate(180deg)}:root.dark .navbar__ta-btn,html.dark .navbar__ta-btn{color:#38bdf8;background:#0ea5e91f;border:1px solid #38bdf866;box-shadow:0 0 10px #0ea5e926}:root.dark .navbar__ta-btn:hover,html.dark .navbar__ta-btn:hover{color:#7dd3fc;background:#0ea5e938;border-color:#38bdf8;box-shadow:0 0 14px #0ea5e94d}:root.dark .navbar__ta-btn .navbar__ta-icon,html.dark .navbar__ta-btn .navbar__ta-icon,:root.dark .navbar__ta-btn .navbar__ta-chevron,html.dark .navbar__ta-btn .navbar__ta-chevron{color:#38bdf8}:root.dark .navbar__ta-btn--open,html.dark .navbar__ta-btn--open{background:#0ea5e947;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf859,0 0 14px #0ea5e94d}.navbar__icon-btn{cursor:pointer;width:28px;height:28px;color:var(--navbar-icon);transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative}.navbar__icon-btn:hover{background:var(--dropdown-item-hover);color:var(--navbar-icon-hover)}.navbar__icon-btn svg{width:16px;height:16px}.navbar__badge{background:var(--badge-danger-bg);min-width:14px;height:14px;color:var(--badge-danger-text);box-shadow:0 0 0 2px var(--navbar-bg);border-radius:7px;justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.navbar__user-btn{border:1px solid var(--navbar-border);color:var(--navbar-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border-radius:20px;align-items:center;gap:6px;margin-left:4px;padding:2px 8px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.navbar__user-btn:hover{border-color:var(--primary-400);background:#0284c70f}.navbar__user-btn--open{border-color:var(--primary-500);background:#0284c71a}.navbar__avatar{color:#fff;background:linear-gradient(135deg,#0284c7,#0d9488);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.navbar__avatar--lg{width:36px;height:36px;font-size:15px}.navbar__user-btn .navbar__avatar{display:none}.navbar__user-name{color:var(--navbar-text);transition:color var(--transition-fast);font-size:12px;font-weight:500}.navbar__user-btn:hover .navbar__user-name{color:#0284c7}:root.dark .navbar__user-btn:hover .navbar__user-name{color:#38bdf8}.navbar__user-chevron{width:12px;height:12px;color:var(--navbar-text-muted)}.sidebar{top:var(--navbar-height);width:var(--sidebar-width);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--sidebar-border);z-index:1000;transition:width var(--transition-sidebar);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar__nav{flex:1;padding:6px 0 8px;overflow:hidden auto}@supports (scrollbar-width:thin){.sidebar__nav{scrollbar-width:thin;scrollbar-color:var(--sidebar-scrollbar-thumb) var(--sidebar-scrollbar-track)}}.sidebar__nav::-webkit-scrollbar{width:3px}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--sidebar-scrollbar-thumb);border-radius:3px}.sidebar__nav::-webkit-scrollbar-track{background:var(--sidebar-scrollbar-track)}.sidebar__group{margin-bottom:6px}.sidebar__group:not(:first-child){margin-top:14px}.sidebar__group-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--sidebar-heading);white-space:nowrap;align-items:center;gap:8px;padding:6px 14px 4px;font-size:11px;font-weight:700;transition:opacity 80ms;display:flex;overflow:hidden}.sidebar__group-label:after{content:"";background:var(--sidebar-border);opacity:.45;flex:1;height:1px}.sidebar--collapsed .sidebar__group-label{opacity:0;height:0;margin:0;padding:0;overflow:hidden}.sidebar__item{margin:0 8px;position:relative}.sidebar__link{color:var(--sidebar-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;width:100%;padding:4px 9px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar__link:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text-hover)}.sidebar__link:hover .sidebar__link-icon{color:var(--sidebar-text-hover)}.sidebar__link--active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text);border:1px solid #0000;font-weight:600}.sidebar__link--active .sidebar__link-icon{color:var(--sidebar-icon-active)}.sidebar__link--active:before{content:"";background-color:var(--sidebar-icon-active);border-radius:6px 2px 2px 6px;width:3.5px;position:absolute;top:0;bottom:0;left:0}.sidebar__link--parent-active{color:var(--sidebar-item-active-text);background:0 0;border:1px solid #0000;font-weight:600}.sidebar__link--parent-active:before{content:none!important;display:none!important}.sidebar__link--parent-active .sidebar__link-icon,.sidebar__link--parent-active .sidebar__link-chevron{color:var(--sidebar-icon-active)}.sidebar__link-icon{width:18px;min-width:18px;height:18px;color:var(--sidebar-icon);transition:color var(--transition-fast)}.sidebar__link-label{opacity:1;white-space:normal;word-break:break-word;flex:1;line-height:1.35;transition:opacity 80ms;overflow:hidden}.sidebar--collapsed .sidebar__link-label{display:none!important}.sidebar__link-chevron{width:14px;min-width:14px;height:14px;color:var(--sidebar-icon);transition:transform var(--transition-base), opacity 80ms ease}.sidebar__link-chevron--open{transform:rotate(180deg)}.sidebar--collapsed .sidebar__link-chevron{display:none!important}.sidebar__children{transition:max-height var(--transition-slow), opacity var(--transition-base);opacity:0;max-height:0;overflow:hidden}.sidebar__children--open{opacity:1}.sidebar--collapsed .sidebar__children{display:none}.sidebar__child-link{color:var(--sidebar-text);cursor:pointer;transition:all var(--transition-fast);white-space:normal;word-break:break-word;border:1px solid #0000;border-radius:6px;align-items:center;padding:4px 9px 4px 37px;font-size:13.5px;font-weight:400;line-height:1.35;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar__child-link:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text-hover)}.sidebar__child-link--active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text);border:1px solid #0000;font-weight:600}.sidebar__child-link--active:before{content:"";background-color:var(--sidebar-icon-active);border-radius:6px 2px 2px 6px;width:3.5px;position:absolute;top:0;bottom:0;left:0}.sidebar__subgroup{flex-direction:column;display:flex}.sidebar__child-link--nested-parent{text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;width:100%;font-family:inherit;font-size:13.5px;font-weight:400;display:flex}.sidebar__child-link--nested-parent:before{content:none!important;display:none!important}.sidebar__child-link--nested-active{color:var(--sidebar-item-active-text);background:0 0;border:1px solid #0000;font-weight:600}.sidebar__child-link--nested-active:before{content:none!important;display:none!important}.sidebar__child-link--nested-active .sidebar__sub-chevron{color:var(--sidebar-icon-active)}.sidebar__sub-chevron{width:12px;min-width:12px;height:12px;color:var(--sidebar-icon);transition:transform var(--transition-base)}.sidebar__sub-chevron--open{transform:rotate(180deg)}.sidebar__subchildren{opacity:0;max-height:0;transition:max-height var(--transition-base), opacity var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.sidebar__subchildren--open{opacity:1;max-height:500px}.sidebar__subchild-link{color:var(--sidebar-text);cursor:pointer;transition:all var(--transition-fast);white-space:normal;word-break:break-word;border:1px solid #0000;border-radius:6px;align-items:center;padding:4px 9px 4px 48px;font-size:13px;font-weight:400;line-height:1.35;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar__subchild-link:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text-hover)}.sidebar__subchild-link--active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text);border:1px solid #0000;font-weight:600}.sidebar__subchild-link--active:before{content:"";background-color:var(--sidebar-icon-active);border-radius:6px 2px 2px 6px;width:3.5px;position:absolute;top:0;bottom:0;left:0}.sidebar--collapsed .sidebar__link{justify-content:center;gap:0;padding:8px 0}.sidebar--collapsed .sidebar__item{margin:1px 6px}.sidebar--collapsed .sidebar__link-icon{margin:0}.sidebar--collapsed .sidebar__link--active:before,.sidebar__tooltip{display:none}.sidebar--collapsed .sidebar__tooltip{color:#f9fafb;white-space:nowrap;z-index:9999;pointer-events:none;background:#1f2937;border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500;display:none;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.sidebar--collapsed .sidebar__tooltip:before{content:"";background:#1f2937;width:6px;height:6px;position:absolute;top:50%;left:-3px;transform:translateY(-50%)rotate(45deg)}.sidebar--collapsed .sidebar__link:hover .sidebar__tooltip{display:block}.sidebar__footer{border-top:1px solid var(--sidebar-border);background:var(--bg-card);flex-shrink:0;align-items:center;height:48px;padding:0 8px;display:flex}.sidebar__collapse-btn{width:100%;color:var(--sidebar-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;display:flex;overflow:hidden}.sidebar__collapse-btn:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text-hover)}.sidebar__collapse-btn svg{width:16px;min-width:16px;height:16px;color:var(--sidebar-icon)}.sidebar__collapse-label{opacity:1;transition:opacity 80ms}.sidebar--collapsed .sidebar__collapse-label{display:none!important}.sidebar--collapsed .sidebar__collapse-btn{justify-content:center;gap:0;padding:8px 0}.sidebar--collapsed .sidebar__footer{background:var(--bg-card);justify-content:center;align-items:center;height:48px;padding:0 6px;display:flex}@media (width>=769px){.sidebar--collapsed:hover{width:var(--sidebar-width);box-shadow:8px 0 28px #00000026}.sidebar--collapsed:hover .sidebar__group-label{opacity:1;height:auto;padding:6px 14px 4px;overflow:visible}.sidebar--collapsed:hover .sidebar__link-label,.sidebar--collapsed:hover .sidebar__link-chevron{display:block!important}.sidebar--collapsed:hover .sidebar__children{display:block}.sidebar--collapsed:hover .sidebar__link{justify-content:flex-start;gap:10px;padding:4px 9px}.sidebar--collapsed:hover .sidebar__item{margin:1px 8px}.sidebar--collapsed:hover .sidebar__link--active:before{display:block}.sidebar--collapsed:hover .sidebar__collapse-label{display:block!important}.sidebar--collapsed:hover .sidebar__collapse-btn{justify-content:flex-start;gap:8px;padding:8px 10px}.sidebar--collapsed:hover .sidebar__footer{padding:0 8px}.sidebar--collapsed:hover .sidebar__link:hover .sidebar__tooltip{display:none!important}}.sidebar__backdrop,.sidebar__mobile-close{display:none}@media (width<=768px){.sidebar{transition:transform var(--transition-sidebar);width:var(--sidebar-width);transform:translate(-100%)}.sidebar--collapsed{width:var(--sidebar-width)}.sidebar--mobile-open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.sidebar__footer{display:none}.sidebar__backdrop{background:var(--backdrop-bg);z-index:999;opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);display:block;position:fixed;inset:0}.sidebar__backdrop--visible{opacity:1;visibility:visible}.sidebar__mobile-close{cursor:pointer;width:28px;height:28px;color:var(--sidebar-icon);transition:all var(--transition-fast);z-index:10;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.sidebar__mobile-close:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text-hover)}:root{--navbar-height:42px}.navbar{padding:0 12px}.navbar__left{gap:12px}.navbar__brand-separator,.navbar__brand-sub,.navbar__user-chevron{display:none!important}.navbar__user-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:13px;overflow:hidden;display:block!important}.navbar__user-btn{border:1px solid var(--navbar-border);background:0 0;border-radius:18px;align-items:center;height:36px;margin-left:4px;padding:0 10px;display:flex}.navbar__user-btn:hover,.navbar__user-btn--open{border-color:var(--emerald-400);background:#10b98114}.navbar__user-btn .navbar__avatar{display:none!important}.navbar__actions{gap:12px}.navbar__hamburger{border-radius:8px;width:36px;height:36px}.navbar__hamburger svg{width:20px;height:20px}.navbar__icon-btn{border-radius:8px;width:36px;height:36px}.navbar__icon-btn svg{width:18px;height:18px}.navbar__ta-btn{border-radius:8px;align-items:center;height:36px;padding:0 10px;display:flex}}.navbar__dropdown{background:var(--dropdown-bg);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--dropdown-border);box-shadow:var(--dropdown-shadow);z-index:1200;opacity:0;visibility:hidden;min-width:180px;transition:opacity var(--transition-fast), visibility var(--transition-fast), transform var(--transition-fast);border-radius:12px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;transform:translateY(-6px)}.navbar__dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.navbar__dropdown-header{border-bottom:1px solid var(--dropdown-divider);padding:12px 14px}.navbar__dropdown-header--user{align-items:center;gap:10px;display:flex}.navbar__dropdown-header-title{color:var(--navbar-text);font-size:14px;font-weight:600}.navbar__dropdown-header-subtitle{color:var(--navbar-text-muted);margin-top:1px;font-size:12px}.navbar__role-badge{letter-spacing:.5px;text-transform:uppercase;color:#0284c7;background:#e0f2fe;border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-block}:root.dark .navbar__role-badge{color:#38bdf8;background:#0ea5e929}.navbar__role-badge--superadmin{color:#dc2626;background:#fee2e2}:root.dark .navbar__role-badge--superadmin{color:#f87171;background:#ef44442e}.navbar__dropdown-body{padding:6px}.navbar__dropdown-item{width:100%;color:var(--navbar-text);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;display:flex}.navbar__dropdown-item:hover{background:var(--dropdown-item-hover);color:var(--navbar-icon-hover)}.navbar__dropdown-item--active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text)}.navbar__dropdown-item--primary{color:#0284c7;font-weight:600}.navbar__dropdown-item--primary:hover{color:#0284c7;background:#e0f2fe}:root.dark .navbar__dropdown-item--primary{color:#38bdf8}:root.dark .navbar__dropdown-item--primary:hover{color:#38bdf8;background:#0ea5e924}.navbar__dropdown-item--danger{color:#ef4444;background:#ef44440a;border-radius:6px;font-weight:500}.navbar__dropdown-item--danger:hover{color:#dc2626;background:#ef44441a}:root.dark .navbar__dropdown-item--danger{color:#f87171;background:#ef444414}:root.dark .navbar__dropdown-item--danger:hover{color:#fca5a5;background:#ef444429}.navbar__dropdown-item-icon{flex-shrink:0;width:16px;height:16px}.navbar__dropdown-item-label{text-align:left;flex:1}.navbar__dropdown-divider{background:var(--dropdown-divider);height:1px;margin:4px 0}.navbar__dropdown-footer{border-top:1px solid var(--dropdown-divider);text-align:center;padding:8px 14px}.navbar__dropdown-footer-link{color:#0284c7;font-size:13px;font-weight:600;text-decoration:none}.navbar__dropdown-footer-link:hover{color:#0369a1}:root.dark .navbar__dropdown-footer-link{color:#38bdf8}:root.dark .navbar__dropdown-footer-link:hover{color:#7dd3fc}.navbar__dropdown--ta{min-width:200px}.navbar__dropdown-ta-year{flex:1}.navbar__dropdown-ta-check{color:#0284c7;width:16px;height:16px}:root.dark .navbar__dropdown-ta-check{color:#38bdf8}.navbar__dropdown--notifications{min-width:320px;max-width:380px}.navbar__dropdown-mark-all-btn{border:1px solid var(--dropdown-divider);color:#0284c7;cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.navbar__dropdown-mark-all-btn:hover{background:#0284c71a;border-color:#0284c7}:root.dark .navbar__dropdown-mark-all-btn{color:#38bdf8}:root.dark .navbar__dropdown-mark-all-btn:hover{background:#0ea5e926;border-color:#38bdf8}.notification-item{cursor:pointer;transition:all var(--transition-fast);border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:2px;padding:9px 10px;display:flex;position:relative}.notification-item:hover{background:var(--dropdown-item-hover)}.notification-item--unread{background:#0284c714;border-left:3px solid #0284c7}:root.dark .notification-item--unread{background:#0ea5e91f;border-left:3px solid #38bdf8}.notification-item--unread .notification-item__title{color:var(--navbar-text);font-weight:700}.notification-item--read{opacity:.78;background:0 0}.notification-item--read .notification-item__title{color:var(--navbar-text-muted);font-weight:500}.notification-item--read .notification-item__icon{filter:grayscale(.7);opacity:.7}.notification-item__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;display:flex}.notification-item__icon svg{width:14px;height:14px}.notification-item__icon--info{color:#0284c7;background:#0284c71f}.notification-item__icon--success{color:#0d9488;background:#0d94881f}.notification-item__icon--warning{color:#f59e0b;background:#f59e0b1f}.notification-item__icon--danger{color:#ef4444;background:#ef44441f}.notification-item__content{flex:1;min-width:0}.notification-item__title{margin-bottom:2px;font-size:12.5px;line-height:1.35}.notification-item__message{color:var(--navbar-text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.notification-item__time{color:var(--sidebar-heading);margin-top:3px;font-size:10.5px}.notification-item__dot{background:#0284c7;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px;box-shadow:0 0 6px #0284c799}:root.dark .notification-item__dot{background:#38bdf8;box-shadow:0 0 6px #38bdf8cc}.navbar__dropdown--user{min-width:220px}.breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;padding:0 0 14px;font-size:14px;line-height:1;display:flex}.breadcrumb__link{color:var(--breadcrumb-text);transition:color var(--transition-fast);align-items:center;gap:4px;line-height:1;text-decoration:none;display:inline-flex}.breadcrumb__link:hover{color:var(--emerald-600)}.breadcrumb__separator{color:var(--breadcrumb-separator);vertical-align:middle;flex-shrink:0;display:inline-block}.breadcrumb__current{color:var(--breadcrumb-active);align-items:center;font-weight:600;line-height:1;display:inline-flex}:root.dark .navbar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#38bdf84d 30%,#0d948880 50%,#38bdf84d 70%,#0000 100%);height:1px;position:absolute;bottom:-1px;left:0;right:0}:root.dark .layout__main:before{content:"";top:var(--navbar-height);left:var(--sidebar-width);pointer-events:none;z-index:0;transition:left var(--transition-sidebar);background:radial-gradient(at 15% 10%,#0ea5e90d 0%,#0000 50%),radial-gradient(at 85% 90%,#0d94880a 0%,#0000 50%);position:fixed;bottom:0;right:0}:root.dark .layout--collapsed .layout__main:before{left:var(--sidebar-collapsed-width)}@media (width<=768px){:root.dark .layout__main:before,:root.dark .layout--collapsed .layout__main:before{left:0}}:root.dark .sidebar__link--active{box-shadow:0 0 12px #38bdf81f}:root.dark .sidebar:after{content:"";pointer-events:none;background:linear-gradient(#38bdf833 0%,#38bdf80f 50%,#38bdf833 100%);width:1px;position:absolute;top:0;bottom:0;right:-1px}@media (width>=769px){:root.dark .sidebar--collapsed:hover{box-shadow:8px 0 28px #00000080,4px 0 20px #38bdf814}}:root.dark .navbar__dropdown{-webkit-backdrop-filter:none;backdrop-filter:none;background:#111927}@media print{.sidebar,.navbar,.sidebar__backdrop,.breadcrumb,.layout-maintenance-top-banner,.layout-broadcast-top-banner{display:none!important}.layout__content-wrapper{margin-left:0!important;padding-top:0!important}.layout__main{margin-top:0!important;padding:0!important}}.layout__footer{background:var(--bg-card);border-top:1px solid var(--border-color);color:var(--text-muted);text-align:center;-webkit-user-select:none;user-select:none;padding:14px 24px;font-size:13px;transition:background-color .3s,border-color .3s}@media (width<=768px){.layout__footer{padding:12px 16px;font-size:12px}}.year-switch-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-family:var(--font-sans);background:#02231973;flex-direction:column;justify-content:center;align-items:center;animation:.3s forwards overlayFadeIn;display:flex;position:fixed;inset:0}.year-switch-content{text-align:center;background:#141414d9;border:1px solid #10b98140;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;animation:.3s cubic-bezier(.16,1,.3,1) forwards overlayContentScale;display:flex;box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d}.year-switch-spinner{border:4px solid #10b98126;border-top-color:#10b981;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite yearSwitchSpin}.year-switch-text{color:#fff;letter-spacing:.2px;font-size:16px;font-weight:700}.year-switch-subtext{color:#94a3b8;margin-top:-8px;font-size:13px}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayContentScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes yearSwitchSpin{to{transform:rotate(360deg)}}.layout-maintenance-top-banner{color:#fff;z-index:50;background:#dc2626;border-bottom:1px solid #0000001a;padding:.5rem 1.25rem;font-size:.8125rem;position:relative;box-shadow:0 2px 8px #dc262633}.layout-broadcast-top-banner{color:#fff;z-index:50;background:#d97706;border-bottom:1px solid #0000001a;padding:.5rem 1.25rem;font-size:.8125rem;position:relative;box-shadow:0 2px 8px #d9770633}.banner-content{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.banner-text{word-break:break-word;line-height:1.4}.banner-schedule-badge{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;border:1px solid #ffffff40;border-radius:6px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.75rem;font-weight:500;display:inline-flex}.banner-schedule-badge strong{color:#fef08a;font-weight:700}.banner-schedule-badge--danger strong{color:#fecaca}.banner-icon-pulse{animation:1.5s ease-in-out infinite bannerPulse}@keyframes bannerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.banner-action-link{color:#fff;white-space:nowrap;background:#fff3;border:1px solid #ffffff40;border-radius:5px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.banner-action-link:hover{color:#fff;background:#ffffff59;transform:translateY(-1px)}@media (width<=768px){.layout-maintenance-top-banner,.layout-broadcast-top-banner{padding:.5rem .85rem;font-size:.75rem}.banner-content{flex-direction:column;align-items:flex-start;gap:.4rem}.banner-schedule-badge{align-self:flex-start}}.role-selector-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172abf;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out roleSelectorFadeIn;display:flex;position:fixed;inset:0}@keyframes roleSelectorFadeIn{0%{opacity:0}to{opacity:1}}.role-selector-modal{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-xl,14px);flex-direction:column;width:100%;max-width:680px;animation:.25s cubic-bezier(.16,1,.3,1) roleSelectorPopIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes roleSelectorPopIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.role-selector-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:16px 20px 14px;display:flex;position:relative}.role-selector-title-wrap{align-items:center;gap:10px;min-width:0;padding-right:28px;display:flex}.role-selector-icon-badge{color:#0284c7;background:#0284c71f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.role-selector-title{color:var(--text-heading,#0f172a);margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.role-selector-desc{color:var(--text-muted,#64748b);margin:2px 0 0;font-size:.8rem;line-height:1.35}.role-selector-close{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.role-selector-close:hover{background:var(--bg-hover,#f1f5f9);color:var(--text-primary,#0f172a)}.role-selector-body{flex-direction:column;gap:10px;max-height:54vh;padding:14px 20px;display:flex;overflow-y:auto}.role-selector-body::-webkit-scrollbar{width:6px}.role-selector-body::-webkit-scrollbar-track{background:0 0}.role-selector-body::-webkit-scrollbar-thumb{background:var(--border-color,#cbd5e1);border-radius:4px}.role-selector-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.role-selector-search-wrap{align-items:center;margin-bottom:2px;display:flex;position:relative}.role-selector-search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;left:10px}.role-selector-search-input{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-surface,#fff);width:100%;height:34px;color:var(--text-primary,#0f172a);border-radius:8px;padding:0 30px 0 32px;font-size:.82rem;transition:all .15s}.role-selector-search-input:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c71f}.role-selector-search-clear{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;display:flex;position:absolute;right:8px}.role-selector-search-clear:hover{color:var(--text-primary,#0f172a)}.role-selector-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width<=580px){.role-selector-grid{grid-template-columns:1fr}}.role-selector-card{border:1.5px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:8px 10px;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.role-selector-card:hover{background:#0284c70a;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 2px 8px #0284c714}.role-selector-card.active{background:#0284c714;border-color:#0284c7;box-shadow:0 0 0 1px #0284c7}.role-selector-card-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.role-selector-card-icon{color:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001f}.role-selector-card-info{flex:1;min-width:0;line-height:1.25}.role-selector-card-title-row{align-items:center;gap:5px;min-width:0;display:flex}.role-selector-card-name{color:var(--text-heading,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.role-selector-badge-primary{color:#d97706;background:#f59e0b26;border-radius:3px;flex-shrink:0;align-items:center;gap:2px;padding:1px 4px;font-size:.62rem;font-weight:600;display:inline-flex}.role-selector-card-unit{color:var(--text-muted,#64748b);align-items:center;gap:4px;margin-top:2px;font-size:.72rem;display:flex;overflow:hidden}.role-selector-card-unit-badge{background:var(--bg-hover,#f1f5f9);color:var(--text-secondary,#475569);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:100%;padding:1px 6px;font-weight:500;display:inline-block;overflow:hidden}.role-selector-card-check{border:1.5px solid var(--border-color,#cbd5e1);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.role-selector-card.active .role-selector-card-check{background:#0284c7;border-color:#0284c7}.role-selector-empty{text-align:center;color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px 16px;font-size:.82rem;display:flex}.role-selector-empty-icon{color:var(--text-muted,#94a3b8);margin-bottom:2px}.role-selector-sudo-box{background:#ef44440d;border:1px solid #ef444440;border-radius:10px;flex-direction:column;gap:8px;padding:10px 14px;animation:.2s ease-out roleSelectorPopIn;display:flex}.role-selector-sudo-header{align-items:flex-start;gap:8px;display:flex}.role-selector-sudo-title{color:#ef4444;font-size:.82rem;font-weight:700}.role-selector-sudo-desc{color:var(--text-muted,#64748b);margin:1px 0 0;font-size:.76rem;line-height:1.3}.role-selector-sudo-input-wrap{align-items:center;display:flex;position:relative}.role-selector-sudo-input-wrap .input{background:var(--bg-surface,#fff);border-color:#ef44444d;border-radius:6px;width:100%;height:34px;padding-right:34px;font-size:.82rem}.role-selector-sudo-input-wrap .btn-icon{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:3px;display:flex;position:absolute;right:5px}.role-selector-sudo-error{color:#ef4444;font-size:.75rem;font-weight:600}.role-selector-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-hover,#f8fafc);justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;display:flex}html.dark .role-selector-modal{background:#111927;border-color:#1e293b}html.dark .role-selector-header,html.dark .role-selector-footer{border-color:#1e293b}html.dark .role-selector-footer{background:#090e17}html.dark .role-selector-search-input{color:#f1f5f9;background:#090e17;border-color:#1e293b}html.dark .role-selector-search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}html.dark .role-selector-card{background:#162238;border-color:#1e293b}html.dark .role-selector-card:hover{background:#38bdf814;border-color:#38bdf8}html.dark .role-selector-card.active{background:#38bdf824;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}html.dark .role-selector-card.active .role-selector-card-check{color:#090e17;background:#38bdf8;border-color:#38bdf8}html.dark .role-selector-card-unit-badge{color:#cbd5e1;background:#0f172a}html.dark .role-selector-body::-webkit-scrollbar-thumb{background:#334155}html.dark .role-selector-body::-webkit-scrollbar-thumb:hover{background:#475569}html.dark .role-selector-sudo-box{background:#ef444414;border-color:#ef444459}html.dark .role-selector-sudo-input-wrap .input{background:#090e17;border-color:#ef444466}.auth-page{min-height:100vh;font-family:var(--font-sans);box-sizing:border-box;background:#090e17;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;box-sizing:border-box;background:#111927d9;border:1px solid #38bdf82e;border-radius:20px;width:100%;max-width:375px;padding:28px 24px 24px;animation:.35s cubic-bezier(.16,1,.3,1) forwards authCardEntrance;box-shadow:0 20px 45px #0009,0 0 30px #0ea5e914}@keyframes authCardEntrance{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-card-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.auth-logo-icon{color:#38bdf8;background:linear-gradient(135deg,#0284c733 0%,#0d948814 100%);border:1px solid #38bdf84d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:10px;display:flex}.auth-logo-icon img{object-fit:contain;width:30px;height:30px}.auth-logo{letter-spacing:1px;color:#fff;margin:0 0 3px;font-size:22px;font-weight:800}.auth-form-desc{color:#94a3b8;margin:0;font-size:13px;font-weight:400}.auth-form{flex-direction:column;gap:11px;display:flex}.auth-input-group{flex-direction:column;gap:0;display:flex}.auth-input-group label{display:none}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:12px}.auth-input-icon svg{width:16px;height:16px}.auth-input-wrapper input,.auth-input-wrapper select{color:#fff;box-sizing:border-box;background:#0f172abf;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;height:42px;padding:0 14px 0 38px;font-family:inherit;font-size:13.5px;transition:all .2s cubic-bezier(.16,1,.3,1)}.auth-input-wrapper select{appearance:none;cursor:pointer;line-height:42px}.auth-input-wrapper select option{color:#f8fafc;background:#0c1322;padding:6px 10px;font-size:13.5px}.auth-input-wrapper input::placeholder{color:#64748b}.auth-input-wrapper input:focus,.auth-input-wrapper select:focus{background:#0f172a;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.password-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex;position:absolute;right:10px}.password-toggle:hover{color:#38bdf8}.password-toggle svg{width:16px;height:16px}.auth-error,.auth-success{border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;font-weight:500;display:flex}.auth-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440}.auth-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98140}.auth-pre-maint-notice{text-align:left;background:#d977061f;border:1px solid #d9770659;border-radius:10px;flex-direction:column;gap:6px;margin-bottom:16px;padding:12px 14px;display:flex}.auth-pre-maint-head{align-items:center;gap:8px;display:flex}.auth-pre-maint-icon-wrap{color:#f59e0b;background:#d9770633;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.auth-pre-maint-title{color:#fbbf24;letter-spacing:-.01em;font-size:12.5px;font-weight:700}.auth-pre-maint-msg{color:#e2e8f0;margin:0;font-size:11.5px;line-height:1.45}.auth-pre-maint-schedule{color:#fbbf24;background:#0f172a80;border:1px solid #d9770640;border-radius:6px;align-items:center;gap:6px;margin-top:2px;padding:5px 9px;font-size:11px;display:flex}.auth-pre-maint-clock-icon{color:#fbbf24;flex-shrink:0}.auth-pre-maint-schedule-text{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.auth-pre-maint-schedule-text strong{color:#fff}.auth-pre-maint-sep{color:#94a3b8}.auth-bypass-notice{text-align:left;background:#0284c71f;border:1px solid #0284c759;border-radius:10px;margin-bottom:16px;padding:12px 14px}.auth-bypass-icon{color:#38bdf8;flex-shrink:0;margin-top:2px}.auth-bypass-title{color:#38bdf8;margin-bottom:2px;font-size:13px;font-weight:700}.auth-bypass-text{color:#e2e8f0;font-size:12px;line-height:1.4}.auth-maintenance-notice{text-align:left;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;margin-bottom:16px;padding:12px 14px}.auth-maint-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.auth-maint-title{color:#f87171;margin-bottom:2px;font-size:13px;font-weight:700}.auth-maint-text{color:#cbd5e1;margin-bottom:6px;font-size:12px;line-height:1.4}.auth-maint-link{color:#38bdf8;text-underline-offset:2px;font-size:11.5px;font-weight:600;text-decoration:underline}.auth-maint-link:hover{color:#7dd3fc}.auth-submit-btn{letter-spacing:.2px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0d9488 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:8px;padding:0 18px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #0284c759}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#0f766e 100%);transform:translateY(-1px);box-shadow:0 6px 18px #0284c773}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-link{text-align:center;color:#94a3b8;margin-top:14px;font-size:12.5px}.auth-link a{color:#38bdf8;margin-left:4px;font-weight:700;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-footer-credit{text-align:center;color:#64748b;letter-spacing:.2px;margin-top:18px;font-size:11.5px;font-weight:500}.password-strength{margin-top:4px}.password-strength-bar{background:#ffffff0f;border-radius:4px;height:4px;margin-bottom:4px;overflow:hidden}.password-strength-fill{height:100%;transition:width .3s,background-color .3s}.password-strength-fill.strength-0{background:0 0;width:0%}.password-strength-fill.strength-1{background:#ef4444;width:25%}.password-strength-fill.strength-2{background:#f59e0b;width:50%}.password-strength-fill.strength-3{background:#10b981;width:75%}.password-strength-fill.strength-4{background:#059669;width:100%}.password-strength-text{font-size:11px;font-weight:600}.password-strength-text.strength-0{color:#64748b}.password-strength-text.strength-1{color:#f87171}.password-strength-text.strength-2{color:#fbbf24}.password-strength-text.strength-3{color:#34d399}.password-strength-text.strength-4{color:#059669}.auth-field-error{color:#f87171;margin-top:2px;font-size:11px;font-weight:500}.login-fullscreen-layout{width:100vw;min-height:100vh;font-family:var(--font-sans);box-sizing:border-box;background:#080c14;flex-direction:row;display:flex;position:relative;overflow-x:hidden}.login-auth-pane{box-sizing:border-box;z-index:10;background:#0c121e;border-right:1px solid #ffffff14;flex-direction:column;flex:0 0 38%;justify-content:space-between;min-width:360px;max-width:440px;min-height:100vh;padding:36px 40px 24px;display:flex;position:relative}.auth-pane-top{align-items:center;display:flex}.auth-brand-badge{align-items:center;gap:12px;display:flex}.auth-brand-logo-img{object-fit:contain;flex-shrink:0;width:40px;height:40px}.auth-brand-text{flex-direction:column;justify-content:center;display:flex}.auth-brand-title{letter-spacing:-.3px;background:linear-gradient(90deg,#0284c7 0%,#06b6d4 45%,#10b981 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:22px;font-weight:900;line-height:1.15;display:inline-block}.auth-brand-subtitle{color:#94a3b8;letter-spacing:.15px;margin-top:2px;font-size:11px;font-weight:500;line-height:1.25}.auth-form-container{box-sizing:border-box;width:100%;max-width:360px;margin:auto 0;padding:24px 0}.auth-form-header{margin-bottom:22px}.auth-title{color:#fff;letter-spacing:-.4px;margin:0 0 6px;font-size:26px;font-weight:800}.auth-subtitle{color:#94a3b8;margin:0;font-size:13.5px;font-weight:400;line-height:1.5}.auth-pane-footer{color:#64748b;padding-top:16px;font-size:11.5px;font-weight:500;line-height:1.5}.login-showcase-pane{box-sizing:border-box;background:radial-gradient(circle,#0ea5e914 0%,#080c14fa 70%),#080c14;flex:auto;justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex;position:relative;overflow:hidden}.login-slider-wrapper{flex:none;justify-content:center;align-items:center;display:flex;position:relative}.login-slider-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);aspect-ratio:1080/1352;z-index:1;background:#090e17;border:1px solid #ffffff24;border-radius:24px;flex:none;justify-content:center;align-items:center;width:auto;height:560px;max-height:calc(100vh - 100px);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000b3,0 0 35px #0284c71f}.flyer-floating-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fffffff2;letter-spacing:.15px;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#0f172aa6;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:6.5px;padding:5px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;box-shadow:0 8px 24px #00000059}:root:not(.dark) .flyer-floating-badge{color:#0f172a;background:#ffffff8c;border:1px solid #00000014;box-shadow:0 6px 16px #0000000f}.flyer-floating-badge.badge-left{animation:4.4s ease-in-out infinite floatBadgeLeft;top:10%;left:0}.flyer-floating-badge.badge-right{animation:5s ease-in-out .7s infinite floatBadgeRight;bottom:4%;right:0}.badge-icon-box{color:#fff;background:#ffffff29;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;display:flex}:root:not(.dark) .badge-icon-box{color:#0f172a;background:#00000014}.badge-text{font-size:11px;font-weight:600;line-height:1}@keyframes floatBadgeLeft{0%,to{transform:translate(-80%)}50%{transform:translate(-80%,-6px)}}@keyframes floatBadgeRight{0%,to{transform:translate(80%)}50%{transform:translate(80%,6px)}}.login-slider-track{width:100%;height:100%;transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex}.login-slide-item{background:#090e17;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.login-slide-img{object-fit:cover;z-index:2;width:100%;height:100%;display:block;position:relative}.login-hero-banner{text-align:center;box-sizing:border-box;z-index:2;background:radial-gradient(circle at 50% 20%,#0284c740 0%,#0f172af2 75%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:32px 24px;display:flex;position:relative;overflow:hidden}.login-hero-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#38bdf81f 0%,#0000 60%);width:140%;height:140%;animation:6s ease-in-out infinite alternate pulseGlow;position:absolute;top:-20%;left:-20%}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.15)}}.login-hero-logo{background:linear-gradient(135deg,#0284c74d 0%,#0d948826 100%);border:1px solid #38bdf866;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex;box-shadow:0 10px 25px #0284c740}.login-hero-logo img{object-fit:contain;width:46px;height:46px}.login-hero-title{color:#fff;letter-spacing:.5px;margin:0 0 8px;font-size:24px;font-weight:800}.login-hero-subtitle{color:#38bdf8;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:13.5px;font-weight:600}.login-hero-desc{color:#94a3b8;max-width:260px;margin:0;font-size:12.5px;line-height:1.6}.slider-arrow-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;z-index:10;opacity:0;pointer-events:none;background:#0f172abf;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .2s,background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow-btn.prev{left:14px}.slider-arrow-btn.next{right:14px}.slider-dots-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;opacity:0;pointer-events:none;background:#0f172aa6;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .25s}.slider-dot.active{background:#38bdf8;border-radius:6px;width:22px;box-shadow:0 0 10px #38bdf899}.login-slider-section:hover .slider-arrow-btn{opacity:.85;pointer-events:auto}.login-slider-section:hover .slider-arrow-btn:hover{opacity:1;background:#0284c7e6;border-color:#38bdf8;transform:translateY(-50%)scale(1.08)}.login-slider-section:hover .slider-dots-container{opacity:1;pointer-events:auto}@media (width<=900px){.login-fullscreen-layout{flex-direction:column;min-height:100vh}.login-auth-pane{border-bottom:1px solid #ffffff14;border-right:none;flex:auto;width:100%;min-width:100%;max-width:100%;min-height:0;padding:24px 20px}.auth-form-container{max-width:100%;margin:20px 0}.login-showcase-pane{flex:auto;width:100%;min-height:0;padding:24px 16px}.login-slider-wrapper{width:100%;max-width:360px}.login-slider-section{aspect-ratio:1080/1352;width:100%;max-width:360px;height:auto;max-height:none}.flyer-floating-badge{display:none!important}.slider-dots-container{opacity:.85;pointer-events:auto}.slider-arrow-btn{opacity:.75;pointer-events:auto}}.countdown-badge-pill{letter-spacing:.3px;color:#fff;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:1px solid #fff6;border-radius:6px;align-items:center;gap:4.5px;padding:3.5px 8px;font-size:11px;font-weight:800;line-height:1.2;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #d9770673,0 0 1px #0003}.countdown-badge-pill.is-urgent{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border-color:#ffffff80;box-shadow:0 0 12px #ef444499,0 2px 8px #0000004d}.countdown-badge-pill.is-expired{color:#f8fafc;background:linear-gradient(135deg,#64748b 0%,#475569 100%);border-color:#ffffff4d;box-shadow:0 2px 6px #0003}.countdown-banner-box{color:#b45309;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:12.5px;display:flex}:root.dark .countdown-banner-box{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b66}.countdown-banner-box.urgent{color:#dc2626;background:#ef444414;border-color:#ef444459}:root.dark .countdown-banner-box.urgent{color:#f87171;background:#ef444426;border-color:#ef444466}.countdown-banner-box.expired{color:#64748b;background:#64748b14;border-color:#64748b40}:root.dark .countdown-banner-box.expired{color:#94a3b8;background:#64748b26;border-color:#94a3b840}.countdown-banner-text{flex:1}.countdown-val{font-weight:700}.pulsate{animation:1.5s ease-in-out infinite pulseGlow}.pinned-hero-container{margin-bottom:16px;position:relative}.pinned-hero-card{background:var(--bg-card);cursor:pointer;border:1.5px solid #f59e0b59;border-radius:12px;grid-template-columns:190px 1fr;min-height:122px;transition:all .22s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden;box-shadow:0 4px 16px #f59e0b14,0 1px 3px #0000000a}:root.dark .pinned-hero-card{background:#111927;border-color:#f59e0b4d;box-shadow:0 4px 20px #0006,0 0 1px #f59e0b4d}.pinned-hero-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b26,0 2px 5px #0000000f}:root.dark .pinned-hero-card:hover{box-shadow:0 8px 26px #0009,0 0 12px #f59e0b33}.pinned-hero-banner{background:#0f172a;justify-content:center;align-items:center;min-height:122px;display:flex;position:relative;overflow:hidden}.pinned-hero-banner img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.pinned-hero-card:hover .pinned-hero-banner img{transform:scale(1.05)}.pinned-hero-pattern{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.pinned-pattern-grid{opacity:.15;background-image:radial-gradient(#fff 1.5px,#0000 1.5px);background-size:14px 14px;position:absolute;inset:0}.pinned-default-icon{color:#ffffffd9;z-index:1;position:relative}.pinned-hero-badge-pinned{color:#fff;z-index:2;background:#f59e0bf2;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 5px #00000040}.pinned-hero-content{flex-direction:column;justify-content:space-between;gap:4px;padding:10px 16px;display:flex}.pinned-hero-meta-top{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;min-height:22px;font-size:11px;display:flex}.pinned-hero-meta-left,.pinned-hero-nav-wrapper{align-items:center;gap:6px;display:inline-flex}.pinned-hero-pagination-info{color:#f59e0b;letter-spacing:.2px;white-space:nowrap;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:5px;padding:1.5px 7px;font-size:10.5px;font-weight:600}.pinned-hero-nav-controls{align-items:center;gap:3px;display:inline-flex}.pinned-nav-btn{background:var(--bg-hover);border:1px solid var(--border-color);width:22px;height:22px;color:var(--text-primary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.pinned-nav-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-1px)}.pinned-nav-btn:active{transform:translateY(0)}.pinned-hero-title{color:var(--text-heading);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:1px 0 2px;font-size:14px;font-weight:750;line-height:1.35;transition:color .15s;display:-webkit-box;overflow:hidden}.pinned-hero-card:hover .pinned-hero-title{color:#0284c7}:root.dark .pinned-hero-card:hover .pinned-hero-title{color:#38bdf8}.pinned-hero-excerpt{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:11.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.pinned-hero-footer{border-top:1px solid var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;padding-top:5px;display:flex}.pinned-hero-footer-meta{flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.pinned-hero-cat-badge{color:#475569;letter-spacing:.2px;text-transform:uppercase;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:4px;align-items:center;padding:1.5px 6.5px;font-size:10px;font-weight:700;display:inline-flex}:root.dark .pinned-hero-cat-badge{color:#94a3b8;background:#1e293b;border-color:#334155}.pinned-hero-date{color:var(--text-muted);align-items:center;gap:3.5px;font-size:11px;display:inline-flex}.pinned-hero-author{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:11px;overflow:hidden}.pinned-hero-actions{flex-shrink:0;align-items:center;display:inline-flex}.pinned-hero-btn-read{white-space:nowrap;border-radius:5px;align-items:center;gap:4px;height:25px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.pinned-hero-dots{justify-content:center;align-items:center;gap:5px;margin-top:6px;display:flex}.pinned-dot{background:var(--border-color);cursor:pointer;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:all .2s}.pinned-dot.active{background:#f59e0b;border-radius:4px;width:16px}@media (width<=680px){.pinned-hero-card{grid-template-columns:1fr}.pinned-hero-banner{height:120px}.pinned-hero-footer{flex-wrap:wrap}}:root{--color-info:var(--info,#3b82f6);--color-info-bg:#3b82f614;--color-warning:var(--warning,#f59e0b);--color-warning-bg:#f59e0b14}html.dark{--color-info-bg:#3b82f626;--color-warning-bg:#f59e0b26}.dashboard{animation:fadeIn var(--transition-base) ease}.dashboard-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-header-left{flex-direction:column;gap:2px;display:flex}.dashboard-title{font-size:var(--text-2xl);color:var(--text-heading);letter-spacing:-.01em;font-weight:700}.dashboard-greeting{font-size:var(--text-base);color:var(--text-primary);font-weight:500}.dashboard-date{font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);white-space:nowrap;display:flex}.summary-cards{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.summary-cards .summary-card{animation:slideInUp var(--transition-base) ease both}.summary-cards .summary-card:first-child{animation-delay:0s}.summary-cards .summary-card:nth-child(2){animation-delay:60ms}.summary-cards .summary-card:nth-child(3){animation-delay:.12s}.summary-cards .summary-card:nth-child(4){animation-delay:.18s}.summary-card-icon.icon-emerald,.summary-card-icon.icon-blue{color:#0284c7;background-color:#f0f9ff}.summary-card-icon.icon-teal{color:#0d9488;background-color:#f0fdfa}.summary-card-icon.icon-amber{color:#d97706;background-color:#f59e0b14}.summary-card-icon.icon-purple{color:#7c3aed;background-color:#f5f3ff}html.dark .summary-card-icon.icon-emerald,html.dark .summary-card-icon.icon-blue{color:#38bdf8;background-color:#0ea5e924}html.dark .summary-card-icon.icon-teal{color:#2dd4bf;background-color:#0d948824}html.dark .summary-card-icon.icon-amber{color:#fbbf24;background-color:#f59e0b24}html.dark .summary-card-icon.icon-purple{color:#a78bfa;background-color:#7c3aed1f}.charts-row{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base);animation:slideInUp var(--transition-base) ease both;animation-delay:.2s}.chart-card:hover{box-shadow:var(--shadow-md), 0 0 16px #0ea5e914;border-color:#38bdf8}.chart-card:nth-child(2){animation-delay:.26s}.chart-card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.chart-card-title{font-size:var(--text-md);color:var(--text-primary);font-weight:700}.chart-container{width:100%;height:350px}.custom-tooltip{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);min-width:160px}.custom-tooltip-label{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-color);font-weight:700}.custom-tooltip-item{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-1) 0;font-size:var(--text-sm);display:flex}.custom-tooltip-dot{border-radius:var(--radius-full);width:8px;height:8px;margin-right:var(--space-2);flex-shrink:0;display:inline-block}.custom-tooltip-name{color:var(--text-secondary);align-items:center;display:flex}.custom-tooltip-value{color:var(--text-primary);font-weight:700}.bottom-row{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.bottom-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base);animation:slideInUp var(--transition-base) ease both;animation-delay:.32s}.bottom-card:hover{box-shadow:var(--shadow-md), 0 0 16px #0ea5e914;border-color:#38bdf8}.bottom-card:nth-child(2){animation-delay:.38s}.bottom-card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.bottom-card-title{font-size:var(--text-md);color:var(--text-primary);font-weight:700}.activity-list{flex-direction:column;gap:0;display:flex}.activity-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color);display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.activity-icon svg{width:1rem;height:1rem}.activity-icon.tipe-pok{color:#0284c7;background-color:#f0f9ff}.activity-icon.tipe-pagu{color:#0d9488;background-color:#f0fdfa}.activity-icon.tipe-revisi{background-color:var(--color-warning-bg);color:var(--color-warning)}.activity-icon.tipe-rpd{color:#7c3aed;background-color:#f5f3ff}html.dark .activity-icon.tipe-rpd{color:#a78bfa;background-color:#7c3aed1f}.activity-icon.tipe-sinkronisasi{color:#0d9488;background-color:#f0fdfa}html.dark .activity-icon.tipe-sinkronisasi{color:#2dd4bf;background-color:#0d94881f}.activity-icon.tipe-system{background-color:var(--gray-100);color:var(--gray-500)}.activity-body{flex:1;min-width:0}.activity-description{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;line-height:1.4}.activity-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);display:flex}.activity-meta-divider{border-radius:var(--radius-full);background-color:var(--gray-300);width:3px;height:3px}.announcement-list{gap:var(--space-3);flex-direction:column;display:flex}.announcement-card{padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.announcement-card:hover{box-shadow:var(--shadow-sm);border-color:#7dd3fc}.announcement-card.pinned{background-color:#f0f9ff;border-left:3px solid #0284c7}html.dark .announcement-card.pinned{background-color:#0ea5e914}.announcement-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700;display:flex}.announcement-pin-icon{color:#0284c7;flex-shrink:0}.announcement-pin-icon svg{width:.875rem;height:.875rem}.announcement-content{font-size:var(--text-sm);color:var(--text-secondary);-webkit-line-clamp:2;margin-bottom:var(--space-2);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.announcement-date{font-size:var(--text-xs);color:var(--text-muted)}.view-all-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:#0284c7;margin-top:var(--space-4);transition:color var(--transition-fast), gap var(--transition-fast);cursor:pointer;font-weight:600;display:inline-flex}.view-all-link:hover{color:#0369a1;gap:var(--space-2)}.view-all-link svg{width:1rem;height:1rem}.quick-actions-section{animation:slideInUp var(--transition-base) ease both;animation-delay:.44s}.quick-actions-title{font-size:var(--text-md);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.quick-actions{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.quick-action-btn{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%;display:flex}.quick-action-btn:hover{box-shadow:var(--shadow-md), 0 0 16px #0ea5e914;border-color:#38bdf8;transform:translateY(-2px)}.quick-action-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.quick-action-icon{border-radius:var(--radius-md);color:#0284c7;background-color:#f0f9ff;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.quick-action-icon svg{width:1.125rem;height:1.125rem}.quick-action-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-color)}.recharts-text{fill:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-sans)}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:var(--text-sm)!important;font-family:var(--font-sans)!important}html.dark .chart-card:hover,html.dark .bottom-card:hover,html.dark .quick-action-btn:hover{box-shadow:var(--shadow-md), 0 0 20px #0ea5e91a;border-color:#38bdf859}html.dark .activity-icon.tipe-pok{color:#38bdf8;background-color:#0ea5e924}html.dark .activity-icon.tipe-pagu{color:#2dd4bf;background-color:#0d948824}html.dark .activity-icon.tipe-revisi{color:#fbbf24;background-color:#f59e0b1f}html.dark .activity-icon.tipe-system{color:#94a3b8;background-color:#64748b1f}html.dark .quick-action-icon{color:#38bdf8;background-color:#0ea5e924}html.dark .announcement-card:hover{border-color:#38bdf84d}html.dark .view-all-link{color:#38bdf8}html.dark .view-all-link:hover{color:#7dd3fc}@media (width<=1199px){.summary-cards{grid-template-columns:repeat(2,1fr)}.charts-row,.bottom-row{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.dashboard-header{gap:var(--space-3);flex-direction:column}.summary-cards{gap:var(--space-3);grid-template-columns:1fr}.charts-row{gap:var(--space-3)}.chart-container{height:280px}.chart-card{padding:var(--space-4)}.bottom-row{gap:var(--space-3)}.bottom-card{padding:var(--space-4)}.quick-actions{gap:var(--space-3);grid-template-columns:1fr}.summary-card-value{font-size:var(--text-xl)}}.page-status-pagu .stepper{align-items:flex-start;gap:0;max-width:720px;margin:2rem auto 0;display:flex}.page-status-pagu .step-item{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.page-status-pagu .step-item:not(:last-child):after{content:"";background-color:var(--border-color);z-index:0;width:calc(100% - 36px);height:2px;position:absolute;top:16px;left:calc(50% + 18px)}.page-status-pagu .step-item.passed:not(:last-child):after{background-color:var(--emerald-500)}.page-status-pagu .step-circle{width:32px;height:32px;font-size:var(--text-xs);border:2px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-muted);z-index:1;transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.page-status-pagu .step-item.passed .step-circle{background-color:var(--emerald-500);border-color:var(--emerald-500);color:#fff}.page-status-pagu .step-item.active .step-circle{background-color:var(--emerald-500);border-color:var(--emerald-500);color:#fff;box-shadow:0 0 0 4px #10b98133}.page-status-pagu .step-body{margin-top:var(--space-3);align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.page-status-pagu .step-kode{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.page-status-pagu .step-item.active .step-kode,.page-status-pagu .step-item.passed .step-kode{color:var(--emerald-600)}html.dark .page-status-pagu .step-item.active .step-kode,html.dark .page-status-pagu .step-item.passed .step-kode{color:var(--emerald-400)}.page-status-pagu .step-nama{font-size:var(--text-sm);color:var(--text-secondary);max-width:120px;font-weight:600;line-height:1.3}.page-status-pagu .step-item.active .step-nama{color:var(--text-primary);font-weight:700}.page-status-pagu .step-item.upcoming .step-nama{color:var(--text-muted)}.page-status-pagu .step-active-label{margin-top:var(--space-1);background-color:var(--emerald-50);color:var(--emerald-700);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}html.dark .page-status-pagu .step-active-label{color:var(--emerald-400);background-color:#10b98126}.page-status-pagu .step-item.clickable{cursor:pointer}.page-status-pagu .step-item.clickable:hover .step-circle{border-color:var(--emerald-400);background-color:var(--emerald-50);color:var(--emerald-600)}html.dark .page-status-pagu .step-item.clickable:hover .step-circle{color:var(--emerald-400);background-color:#10b98126}.page-status-pagu .step-item.clickable:hover .step-nama{color:var(--emerald-600)}html.dark .page-status-pagu .step-item.clickable:hover .step-nama{color:var(--emerald-400)}@media (width<=600px){.page-status-pagu .stepper{flex-direction:column;align-items:stretch;gap:0}.page-status-pagu .step-item{text-align:left;padding:var(--space-3) 0;flex-direction:row;align-items:center}.page-status-pagu .step-item:not(:last-child):after{width:2px;height:calc(100% - 20px);top:calc(50% + 18px);left:15px}.page-status-pagu .step-body{margin-top:0;margin-left:var(--space-4);flex:1;align-items:flex-start}.page-status-pagu .step-nama{max-width:none}}.crud-page .btn-sm{border-radius:6px!important;gap:4px!important;height:28px!important;padding:4px 8px!important;font-size:11px!important}.crud-page .btn-icon{justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;padding:0!important;display:inline-flex!important}.crud-page .btn-icon.btn-sm{width:28px!important;height:28px!important}.glass-container{flex-direction:column;gap:12px;display:flex}@media (width<=768px){.glass-card{padding:10px}}.page-unit-kerja .stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:0;display:grid}@media (width<=992px){.page-unit-kerja .stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=768px){.stat-glass-card{border-radius:10px;gap:8px;padding:8px 10px}}.btn-emerald-gradient{color:#fff;transition:all var(--transition-fast);background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%);border:1px solid #0000;font-weight:600;box-shadow:0 2px 8px #0284c733,0 1px 3px #10b98126}.btn-emerald-gradient:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 45%,#34d399 100%);border:1px solid #0000;transform:translateY(-1px);box-shadow:0 4px 14px #0ea5e94d,0 2px 6px #34d39933}.btn-emerald-gradient:active:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#0f766e 45%,#059669 100%);border:1px solid #0000;transform:translateY(0)}.btn-glass-secondary{background:var(--bg-card,#fffc);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-primary);transition:all var(--transition-fast);font-weight:600;border:1px solid var(--border-color)!important}.btn-glass-secondary:hover:not(:disabled){background:var(--bg-hover,#0000000a);color:var(--text-primary);border-color:var(--border-color)!important}html.dark .btn-glass-secondary{background:#1e1e1e8c;border-color:#ffffff1a!important}html.dark .btn-glass-secondary:hover:not(:disabled){color:var(--text-primary);background:#ffffff14;border-color:#ffffff26!important}.glass-filter-select{appearance:none;height:34px;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#fff6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .6rem center no-repeat;border:1px solid #10b98126;border-radius:8px;padding-left:10px;padding-right:1.8rem;font-size:12px}.glass-filter-select:focus{border-color:var(--emerald-500);background-color:#ffffffd9;outline:none;box-shadow:0 0 0 3px #10b98133}html.dark .glass-filter-select{background-color:#17171773;border-color:#10b9812e}html.dark .glass-filter-select:focus{background-color:#171717bf}.glass-input{width:100%;height:34px;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#ffffff73;border:1px solid #10b98126;border-radius:8px;padding:0 10px;font-size:12px}select.glass-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding-right:1.8rem}.glass-input:focus{border-color:var(--emerald-500);background:#ffffffd9;outline:none;box-shadow:0 0 0 3px #10b98133}html.dark .glass-input{background:#17171773;border-color:#10b9812e}html.dark .glass-input:focus{background:#171717bf;box-shadow:0 0 0 3px #10b98140}.glass-table-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:none;border-radius:10px;overflow-x:auto}.glass-table tr.group-header-row td,.group-header-row td{letter-spacing:.02em;background:var(--gray-100,#f1f5f9)!important;color:var(--text-primary,#0f172a)!important;border-bottom:1px solid var(--border-color)!important;padding:7px 12px!important;font-size:12px!important;font-weight:800!important}html.dark .glass-table tr.group-header-row td,html.dark .group-header-row td{color:#f8fafc!important;border-bottom-color:var(--border-color)!important;background:#ffffff08!important}@media (width<=768px){.glass-table th{padding:6px 8px;font-size:9.5px}.glass-table td{padding:5px 8px;font-size:11.5px}}.glass-table tr.row-checked td{background:#0284c70f}html.dark .glass-table tr.row-checked td{background:#0284c71f}.glass-checkbox{appearance:none;border:1.5px solid var(--gray-400,#94a3b8);cursor:pointer;width:15px;height:15px;transition:all var(--transition-fast);background:var(--bg-card);vertical-align:middle;border-radius:4px;outline:none;justify-content:center;align-items:center;display:inline-flex}.btn-action-icon,.glass-table td .btn-icon,.table td .btn-icon{cursor:pointer;box-shadow:none!important;width:26px!important;min-width:26px!important;height:26px!important;color:var(--text-muted,#94a3b8)!important;background:0 0!important;border:none!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;padding:0!important;transition:color .15s,transform .15s!important;display:inline-flex!important}.btn-action-icon:hover,.glass-table td .btn-icon:hover,.table td .btn-icon:hover{background:0 0!important;transform:scale(1.15)!important}.btn-action-icon.btn-action-edit:hover,.glass-table td .btn-icon.btn-glass-secondary:hover,.glass-table td .btn-icon.btn-secondary:hover,.table td .btn-icon.btn-secondary:hover{color:#0284c7!important;background:0 0!important}.btn-action-icon.btn-action-delete:hover,.glass-table td .btn-icon.btn-danger:hover,.table td .btn-icon.btn-danger:hover{color:#ef4444!important;background:0 0!important}.glass-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f0f0f66;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.glass-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #ffffff73;border-radius:18px;flex-direction:column;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000026,0 0 40px #10b9810d}html.dark .glass-modal{background:#171717e6;border-color:#ffffff0d;box-shadow:0 20px 50px #00000073,0 0 40px #10b9810d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:4px solid var(--emerald-500);background:#fffc;box-shadow:0 8px 30px #00000014}html.dark .toast-glass{border-left-color:var(--emerald-500);background:#171717e6;box-shadow:0 8px 30px #0006}@media (width<=768px){.glass-table .col-kategori{min-width:80px;white-space:normal!important}.glass-table .col-kategori .badge{text-align:center;word-break:break-word;white-space:normal!important;height:auto!important;padding:3px 6px!important;line-height:1.3!important;display:inline-block!important}}.crud-page.glass-container{flex-direction:column;gap:12px;display:flex}.crud-page .page-title{margin-bottom:2px!important;font-size:20px!important;font-weight:800!important}.crud-page .page-header{margin-bottom:0!important}.crud-page .text-sm.text-muted{font-size:11.5px!important}.crud-page .btn{border-radius:8px!important;align-items:center!important;gap:6px!important;height:34px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.crud-page .btn-emerald-gradient{transition:all var(--transition-fast);background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%);font-weight:600;box-shadow:0 2px 8px #0284c733,0 1px 3px #10b98126;color:#fff!important;border:1px solid #0000!important}.crud-page .btn-emerald-gradient:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 45%,#34d399 100%);transform:translateY(-1px);box-shadow:0 4px 14px #0ea5e94d,0 2px 6px #34d39933;color:#fff!important;border:1px solid #0000!important}.crud-page .btn-emerald-gradient:active:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#0f766e 45%,#059669 100%);transform:translateY(0);border:1px solid #0000!important}.crud-page .btn-glass-secondary{background:var(--bg-card,#fffc);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-primary);transition:all var(--transition-fast);font-weight:600;border:1px solid var(--border-color)!important}.crud-page .btn-glass-secondary:hover:not(:disabled){background:var(--bg-hover,#0000000a);color:var(--text-primary);border-color:var(--border-color)!important}html.dark .crud-page .btn-glass-secondary{background:#1e1e1e8c;border-color:#ffffff1a!important}html.dark .crud-page .btn-glass-secondary:hover:not(:disabled){color:var(--text-primary);background:#ffffff14;border-color:#ffffff26!important}.glass-card{-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);box-shadow:0 8px 32px 0 #10b9810d, var(--shadow-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#ffffffd9;border:1px solid #10b98126;border-radius:16px;padding:12px}@media (width<=768px){.glass-card{padding:10px}}.glass-card:hover{box-shadow:0 10px 40px 0 #10b98114, var(--shadow-lg)}html.dark .glass-card{background:#17171773;border:1px solid #10b98133;box-shadow:0 8px 32px #0006,0 0 20px #10b98105}html.dark .glass-card:hover{box-shadow:0 12px 48px #00000080,0 0 30px #10b9810a}.page-penetapan-pagu .stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:0;display:grid}@media (width<=768px){.page-penetapan-pagu .stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.stat-glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition-fast), border-color var(--transition-fast);background:#ffffffe0;border:1px solid #10b9811f;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 4px 20px #10b98108}@media (width<=768px){.stat-glass-card{border-radius:10px;gap:8px;padding:8px 10px}}.stat-glass-card:hover{border-color:#10b9814d;transform:translateY(-2px)}html.dark .stat-glass-card{background:#1e1e1e73;border:1px solid #10b98126;box-shadow:0 4px 20px #0003}html.dark .stat-glass-card:hover{border-color:#10b98159}.stat-glass-card .stat-icon{width:34px;height:34px;color:var(--emerald-600);transition:transform var(--transition-fast);background:#10b9811a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-glass-card:hover .stat-icon{transform:scale(1.08)rotate(3deg)}html.dark .stat-glass-card .stat-icon{color:var(--emerald-400);background:#10b98126}.stat-glass-card.stat-danger{border-color:#ef44441f}.stat-glass-card.stat-danger .stat-icon{color:var(--danger);background:#ef44441a}html.dark .stat-glass-card.stat-danger{border-color:#ef44442e}html.dark .stat-glass-card.stat-danger .stat-icon{color:#f87171;background:#ef444426}.stat-glass-card .stat-details{flex-direction:column;display:flex}.stat-glass-card .stat-value{color:var(--text-primary);font-size:18px;font-weight:800;line-height:1.1;font-family:var(--font-sans)}.stat-glass-card .stat-label{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);margin-top:1px;font-size:9.5px;font-weight:600}.glass-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.glass-search-wrapper{flex-grow:1;min-width:240px;max-width:360px;position:relative}.glass-search-wrapper input{width:100%;height:34px;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#fff6;border:1px solid #10b98126;border-radius:8px;padding:0 16px 0 34px;font-size:12px}.glass-search-wrapper input::placeholder{color:var(--text-muted)}.glass-search-wrapper input:focus{border-color:var(--emerald-500);background:#ffffffd9;outline:none;box-shadow:0 0 0 3px #10b98133}html.dark .glass-search-wrapper input{background:#17171773;border-color:#10b9812e}html.dark .glass-search-wrapper input:focus{background:#171717bf;box-shadow:0 0 0 3px #10b98140}.glass-table-container{background:#ffffffa6;border:1px solid #10b9811a;border-radius:12px;overflow-x:auto;box-shadow:inset 0 2px 4px #10b98105}html.dark .glass-table-container{background:#14141440;border-color:#10b98126}.glass-table{border-collapse:collapse;width:100%}.glass-table th{background:var(--gray-100,#f1f5f9);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:700}html.dark .glass-table th{color:var(--text-secondary);border-bottom-color:var(--border-color);background:#ffffff0a}.glass-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);transition:background-color var(--transition-fast);vertical-align:middle;padding:6px 12px;font-size:12.5px}html.dark .glass-table td{border-bottom-color:var(--border-color)}@media (width<=768px){.glass-table th{padding:6px 8px;font-size:9.5px}.glass-table td{padding:5px 8px;font-size:11.5px}}.glass-table tr:last-child td{border-bottom:none}.glass-table tr:hover td{background:var(--gray-50,#f8fafc)}html.dark .glass-table tr:hover td{background:#ffffff05}.glass-table tr.row-no-pagu td{opacity:.55}.glass-table tr.row-no-pagu:hover td{opacity:.85}.glass-table tr.pagu-total-row td{background:var(--gray-100,#f1f5f9);border-top:2px solid var(--border-color);font-weight:700}html.dark .glass-table tr.pagu-total-row td{border-top-color:var(--border-color);background:#ffffff0a}.page-penetapan-pagu.pagu-panel-overlay{-webkit-backdrop-filter:blur(20px)saturate(120%)!important;backdrop-filter:blur(20px)saturate(120%)!important;background:#faf9f5cc!important}html.dark .page-penetapan-pagu.pagu-panel-overlay{background:#141414d9!important}.page-penetapan-pagu .pagu-panel-header{background:var(--bg-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:1px solid var(--border-color)!important}.page-penetapan-pagu .pagu-panel-back{background:var(--bg-card)!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;box-shadow:none!important}.page-penetapan-pagu .pagu-panel-back:hover{transform:translateY(-1px);background:var(--bg-hover)!important;border-color:var(--border-color)!important;color:var(--primary,#0284c7)!important}html.dark .page-penetapan-pagu .pagu-panel-back{border-color:var(--border-color)!important;background:#ffffff0a!important}html.dark .page-penetapan-pagu .pagu-panel-back:hover{border-color:var(--border-color)!important;color:var(--primary-light,#38bdf8)!important;background:#ffffff14!important}.page-penetapan-pagu .pagu-hero-card{background:var(--bg-card)!important;-webkit-backdrop-filter:blur(12px)saturate(120%)!important;backdrop-filter:blur(12px)saturate(120%)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;border-radius:12px!important;margin-bottom:12px!important;padding:12px 16px!important}.page-penetapan-pagu .pagu-hero-card:before{display:none!important}html.dark .page-penetapan-pagu .pagu-hero-card{border-color:var(--border-color)!important;background:#17171773!important}.page-penetapan-pagu .pagu-hero-value{color:var(--text-primary);margin-bottom:2px!important;font-size:22px!important;font-weight:800!important}.page-penetapan-pagu .pagu-hero-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)!important;margin-bottom:2px!important;font-size:10px!important;font-weight:600!important}.page-penetapan-pagu .pagu-hero-sub{color:var(--text-secondary)!important;font-size:11.5px!important}.page-penetapan-pagu .pagu-chart-card{margin-bottom:12px!important;padding:12px!important}.page-penetapan-pagu .pagu-chart-title{color:var(--text-primary);align-items:center;gap:6px;display:flex;margin-bottom:10px!important;font-size:12px!important;font-weight:600!important}.page-penetapan-pagu .pagu-chart-container{width:100%;height:150px}@media (width<=768px){.page-penetapan-pagu .pagu-chart-container{height:110px}}.page-penetapan-pagu .pagu-table-title{color:var(--text-primary);align-items:center;gap:6px;display:flex;margin-top:12px!important;margin-bottom:8px!important;font-size:13px!important;font-weight:700!important}.page-penetapan-pagu .row-expanded-parent td{font-weight:600;background:#0284c714!important;border-bottom-color:#0000!important}html.dark .page-penetapan-pagu .row-expanded-parent td{background:#0284c726!important}.page-penetapan-pagu .pagu-expand-row td{background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;padding:0 16px 12px!important}html.dark .page-penetapan-pagu .pagu-expand-row td{background:var(--bg-card)!important;border-bottom-color:var(--border-color)!important}.page-penetapan-pagu .pagu-expand-row:hover td{background:var(--bg-card)!important}@keyframes expandCollapse{0%{opacity:0;max-height:0;transform:translateY(-8px);margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}to{opacity:1;max-height:350px;transform:translateY(0);margin-top:4px!important;margin-bottom:10px!important;padding-top:12px!important;padding-bottom:12px!important}}.page-penetapan-pagu .pagu-expand-content{animation:.3s cubic-bezier(.4,0,.2,1) forwards expandCollapse;overflow:hidden;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-left:3px solid var(--primary,#0284c7)!important;box-shadow:var(--shadow-sm)!important;border-radius:6px!important;margin:4px 0 10px!important;padding:12px 16px!important}html.dark .page-penetapan-pagu .pagu-expand-content{border-color:var(--border-color)!important;border-left-color:var(--primary-light,#38bdf8)!important;background:#17171799!important}.page-penetapan-pagu .pagu-expand-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)!important;font-size:10.5px!important;font-weight:600!important}.page-penetapan-pagu .pagu-expand-value{color:var(--text-primary)!important;font-size:12.5px!important}.page-penetapan-pagu .pagu-link{transition:color var(--transition-fast);font-weight:600;text-decoration:none;color:var(--primary,#0284c7)!important}.page-penetapan-pagu .pagu-link:hover{text-decoration:underline;color:var(--primary-hover,#0369a1)!important}html.dark .page-penetapan-pagu .pagu-link{color:var(--primary-light,#38bdf8)!important}html.dark .page-penetapan-pagu .pagu-link:hover{color:#7dd3fc!important}.page-penetapan-pagu .empty-state{background:var(--bg-card)!important;border:1px dashed var(--border-color)!important;border-radius:12px!important;padding:32px 16px!important}html.dark .page-penetapan-pagu .empty-state{background:#1e1e1e40!important;border-color:#10b98140!important}.glass-tab-btn{cursor:pointer!important;height:44px!important;transition:all var(--transition-fast)!important;border-radius:8px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important;padding:6px 16px!important;font-weight:600!important;display:flex!important}.glass-tabs-container{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:16px;padding-bottom:6px;display:flex;overflow-x:auto}.pagu-allocation-container{grid-template-columns:1fr 280px;align-items:start;gap:20px;display:grid}.pagu-allocation-table-wrapper{flex-direction:column;gap:12px;min-width:0;display:flex}.pagu-allocation-summary-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);background:#ffffffb3;border:1px solid #10b98126;border-radius:14px;padding:16px;position:sticky;top:10px}html.dark .pagu-allocation-summary-sidebar{background:#17171773;border-color:#10b98140;box-shadow:0 4px 20px #0000004d}.pagu-sidebar-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:0;margin-bottom:10px;font-size:10px;font-weight:700}.pagu-sidebar-metric-card{background:#10b98108;border:1px dashed #10b9812e;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}html.dark .pagu-sidebar-metric-card{background:#10b9810d}.pagu-sidebar-metric-row{justify-content:space-between;align-items:center;display:flex}.pagu-sidebar-metric-label{color:var(--text-muted);font-size:9px;font-weight:700}.pagu-sidebar-metric-val{color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.pagu-sidebar-metric-val.text-primary{color:var(--emerald-600)!important}html.dark .pagu-sidebar-metric-val.text-primary{color:var(--emerald-400)!important}.pagu-sidebar-breakdown-row{transition:all var(--transition-fast) ease-in-out;border-bottom:1px solid #10b9810d;border-radius:6px;justify-content:space-between;align-items:center;margin:0 -4px;padding:6px 8px;font-size:11.5px;display:flex}.pagu-sidebar-breakdown-row:last-child{border-bottom:none}.pagu-sidebar-breakdown-row:hover{color:var(--emerald-600);background:#10b98114;transform:translate(4px)}html.dark .pagu-sidebar-breakdown-row:hover{color:var(--emerald-400);background:#10b98126}.editor-badge-sd{color:var(--emerald-600);transition:all var(--transition-fast) ease-in-out;background:#10b9811a;border:1px solid #10b98133;border-radius:4px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}html.dark .editor-badge-sd{color:var(--emerald-400);background:#10b98126;border-color:#10b9814d}.pagu-sidebar-breakdown-row:hover .editor-badge-sd{background:var(--emerald-500);color:#fff;border-color:var(--emerald-500);box-shadow:0 0 6px #10b9814d}.pagu-validation-item{align-items:center;gap:8px;font-size:11.5px;display:flex}.pagu-validation-checkbox{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}@media (width<=1024px){.pagu-allocation-container{grid-template-columns:1fr}.pagu-allocation-summary-sidebar{margin-bottom:16px;position:static}}.pagu-summary{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}.pagu-summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:flex-start;gap:var(--space-4);transition:all .2s;display:flex}.pagu-summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.pagu-summary-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pagu-summary-icon--total{color:var(--emerald-600,#059669);background:linear-gradient(135deg,#10b98126,#10b98114)}.pagu-summary-icon--unit{color:#3b82f6;background:linear-gradient(135deg,#3b82f626,#3b82f614)}.pagu-summary-icon--pending{color:#f59e0b;background:linear-gradient(135deg,#f59e0b26,#f59e0b14)}html.dark .pagu-summary-icon--total{color:#34d399}html.dark .pagu-summary-icon--unit{color:#60a5fa}html.dark .pagu-summary-icon--pending{color:#fbbf24}.pagu-summary-info{flex:1;min-width:0}.pagu-summary-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-weight:600}.pagu-summary-value{font-size:var(--text-xl);color:var(--text-heading);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.pagu-summary-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.pagu-filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.pagu-filters-info{margin-left:auto}.pagu-filters .filter-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;min-width:140px;padding:6px 2rem 6px 10px;font-family:inherit;transition:border-color .15s}.pagu-filters .filter-select.select-sm{font-size:var(--text-xs);background-position:right .5rem center;padding:4px 1.75rem 4px 8px}.pagu-filters .filter-select:focus{border-color:var(--emerald-500,#10b981);outline:none;box-shadow:0 0 0 2px #10b98126}.pagu-uk-label{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.pagu-uk-nama-full{display:inline}.pagu-uk-singkatan-mobile{display:none}@media (width<=768px){.pagu-uk-nama-full{display:none}.pagu-uk-singkatan-mobile{display:inline}}.pagu-row-hover:hover{background:#10b9810a}html.dark .pagu-row-hover:hover{background:#10b98114}.pagu-main-table{table-layout:auto;border-collapse:collapse}.pagu-main-table th{white-space:nowrap;border:1px solid var(--border-color);vertical-align:middle;background:var(--gray-100,#f1f5f9);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:700;text-align:center!important;padding:8px 10px!important}html.dark .pagu-main-table th{color:var(--text-secondary);background:#ffffff0a}.pagu-main-table td{white-space:nowrap;border:1px solid var(--border-color);font-size:12.5px;line-height:1.6;padding:4px 8px!important}.pagu-main-table tr:hover td{background:var(--gray-50,#f8fafc)!important}html.dark .pagu-main-table tr:hover td{background:#ffffff05!important}.pagu-main-table .pagu-total-row td{font-weight:700;background:var(--gray-100,#f1f5f9)!important;border-top:2px solid var(--border-color)!important;padding:6px 8px!important}html.dark .pagu-main-table .pagu-total-row td{border-top-color:var(--border-color)!important;background:#ffffff0a!important}.pagu-status-full{font-size:var(--text-sm);color:var(--text-primary);display:inline}.pagu-status-mobile{display:none}@media (width<=768px){.pagu-status-full{display:none}.pagu-status-mobile{display:inline-flex}.pagu-main-table th{white-space:normal!important;padding:6px 4px!important;font-size:11px!important;line-height:1.25!important}}.pagu-sumber-badges,.pagu-jenis-badges{flex-wrap:wrap;gap:4px;display:flex}.badge-sumber-dynamic{letter-spacing:.03em;border:1px solid;border-radius:4px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.badge-sumber-sm{padding:1px 5px;font-size:9px}.row-no-pagu td{opacity:.5}.row-no-pagu:hover td{opacity:.8}.pagu-total-row{border-top:2px solid var(--border-color)}.pagu-total-row td{font-size:var(--text-sm);padding-top:var(--space-3)!important;padding-bottom:var(--space-3)!important}.rupiah{font-variant-numeric:tabular-nums;white-space:nowrap}.pagu-panel-overlay{z-index:1200;background:var(--content-bg);transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s;position:fixed;inset:0;overflow-y:auto}.pagu-panel-overlay.pagu-panel--entering{opacity:0;transform:translate(100%)}.pagu-panel-overlay.pagu-panel--entered{opacity:1;transform:translate(0)}.pagu-panel{max-width:960px;padding:0 var(--space-6);margin:0 auto}.pagu-panel-header{z-index:10;background:var(--content-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-4) 0;border-bottom:1px solid var(--border-color);align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex;position:sticky;top:0}.pagu-panel-back{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-sm);flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pagu-panel-back:hover{background:var(--bg-hover);border-color:var(--border-color);color:var(--primary,#0284c7);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pagu-panel-back:active{transform:translateY(0)}html.dark .pagu-panel-back{border-color:var(--border-color);color:var(--text-primary);background:#ffffff0a}html.dark .pagu-panel-back:hover{border-color:var(--border-color);color:var(--primary-light,#38bdf8);box-shadow:var(--shadow-md);background:#ffffff14}.pagu-panel-title{flex:1;min-width:0}.pagu-panel-title h2{font-size:var(--text-lg);color:var(--text-heading);margin:0;font-weight:700;line-height:1.2}.pagu-panel-title p{font-size:var(--text-xs);color:var(--text-muted);margin:2px 0 0}.pagu-panel-content{padding-bottom:var(--space-8)}.pagu-hero-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);position:relative;overflow:hidden}.pagu-hero-card:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:linear-gradient(90deg,#22d398,#2266d3,#df9516);height:3px;position:absolute;top:0;left:0;right:0}.pagu-hero-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-weight:600}.pagu-hero-value{color:var(--text-heading);font-variant-numeric:tabular-nums;margin-bottom:var(--space-2);font-size:28px;font-weight:800;line-height:1.1}.pagu-hero-sub{font-size:var(--text-sm);color:var(--text-muted)}.pagu-hero-bar{height:6px;margin-top:var(--space-4);border-radius:3px;gap:2px;display:flex;overflow:hidden}.pagu-hero-bar-segment{border-radius:3px;height:100%;transition:width .3s}.pagu-source-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.pagu-source-card{border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid #0000;transition:all .2s;position:relative;overflow:hidden}.pagu-source-card-accent{border-radius:var(--radius-xl) 0 0 var(--radius-xl);width:3px;height:100%;position:absolute;top:0;left:0}.pagu-source-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pagu-source-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.pagu-source-pct{font-size:var(--text-xs);color:var(--text-muted);font-weight:700}.pagu-source-card-value{font-size:var(--text-xl);color:var(--text-heading);font-variant-numeric:tabular-nums;margin-bottom:var(--space-2);font-weight:700}.pagu-source-card-meta{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.pagu-source-card-meta strong{color:var(--text-primary);font-weight:600}.pagu-form-section{margin-bottom:var(--space-6)}.pagu-form-toggle{border-radius:var(--radius-md);border:1px dashed var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 16px;font-weight:500;transition:all .15s;display:inline-flex}.pagu-form-toggle:hover{border-color:var(--emerald-500,#10b981);color:var(--emerald-600,#059669);background:#e9fbf580}html.dark .pagu-form-toggle:hover{background:#0e583f33}.pagu-form-toggle--open{border-style:solid;border-color:var(--border-color);margin-bottom:var(--space-4)}.pagu-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pagu-form-top{gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.pagu-edit-table-wrap{margin-bottom:var(--space-4)}.pagu-edit-table-label{font-size:var(--text-sm);color:var(--text-heading);margin-bottom:var(--space-3);font-weight:600}.pagu-edit-table{font-size:var(--text-sm)!important}.pagu-edit-table th{text-transform:uppercase;letter-spacing:.04em;font-size:11px!important}.pagu-edit-table td{vertical-align:middle;padding:8px 10px!important}.pagu-edit-table .input-sm{font-size:var(--text-sm);height:32px;padding:5px 8px}.input-inherited{color:var(--text-muted)!important;border-style:dashed!important;border-color:var(--border-color)!important;font-style:italic!important}.input-inherited:hover{cursor:pointer;border-color:var(--emerald-400,#34d399)!important}.input-inherited:focus{color:var(--text-primary)!important;border-style:solid!important;font-style:normal!important}.pagu-edit-tfoot{border-top:2px solid var(--border-color)}.pagu-edit-tfoot td{font-size:var(--text-sm);padding-top:10px!important;padding-bottom:10px!important}.pagu-dampak-strip{margin-top:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);align-items:stretch;gap:0;display:flex;overflow:hidden}.pagu-dampak-card{flex-direction:column;flex:1;gap:2px;min-width:0;padding:12px 16px;display:flex}.pagu-dampak--up{background:#e9fbf599}.pagu-dampak--down{background:#fbe9e999}.pagu-dampak--neutral{background:#f2f2f280}html.dark .pagu-dampak--up{background:#0f3d2e59}html.dark .pagu-dampak--down{background:#3d0f0f59}html.dark .pagu-dampak--neutral{background:#3333334d}.pagu-dampak-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.pagu-dampak-value{font-size:var(--text-sm);color:var(--text-heading);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:700;display:flex}.pagu-dampak-value--new{color:#2266d3}html.dark .pagu-dampak-value--new{color:#7ba6ea}.pagu-dampak--up .pagu-dampak-value{color:#178c65}.pagu-dampak--down .pagu-dampak-value{color:#af1d1d}.pagu-dampak--neutral .pagu-dampak-value{color:var(--text-muted)}html.dark .pagu-dampak--up .pagu-dampak-value{color:#65e6bb}html.dark .pagu-dampak--down .pagu-dampak-value{color:#ea7b7b}.pagu-dampak-pct{margin-top:1px;font-size:10px;font-weight:600}.pagu-dampak--up .pagu-dampak-pct{color:#1daf7e}.pagu-dampak--down .pagu-dampak-pct{color:#c52020}html.dark .pagu-dampak--up .pagu-dampak-pct{color:#50e2b1}html.dark .pagu-dampak--down .pagu-dampak-pct{color:#e66565}.pagu-dampak-arrow{color:var(--text-muted);opacity:.5;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:16px;display:flex}.pagu-form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color);display:flex}.pagu-riwayat-section{margin-bottom:var(--space-6)}.pagu-section-title{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-heading);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);font-weight:700;display:flex}.pagu-section-title svg{color:var(--text-muted)}.pagu-empty-riwayat{text-align:center;padding:var(--space-8) 0}.pagu-riwayat-detail{flex-direction:column;gap:3px;max-width:280px;display:flex}.pagu-riwayat-detail-item{justify-content:space-between;align-items:center;gap:8px;display:flex}.pagu-riwayat-detail-item .rupiah{text-align:right;font-variant-numeric:tabular-nums}.pagu-riwayat-detail-total{border-top:1px solid var(--border-color);text-align:right;margin-top:2px;padding-top:3px}.pagu-link-icon{border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.pagu-link-icon:hover{color:#2266d3;background:#e9f0fb80}html.dark .pagu-link-icon:hover{color:#7ba6ea;background:#0e2a584d}@media (width<=768px){.pagu-summary{grid-template-columns:1fr}.pagu-filters{flex-direction:column;align-items:stretch}.pagu-filters .filter-select{min-width:100%}.pagu-filters-info{text-align:center;margin-left:0}.pagu-panel{padding:0 var(--space-4)}.pagu-hero-value{font-size:22px}.pagu-source-grid{grid-template-columns:1fr}.pagu-form-top,.pagu-dampak-strip{flex-direction:column}.pagu-dampak-arrow{padding:2px 0;transform:rotate(90deg)}}.pagu-riwayat-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.pagu-riwayat-toolbar{align-items:center;gap:var(--space-2);animation:.2s slideDown;display:flex}.pagu-checkbox{appearance:none;cursor:pointer;background:0 0;border:1.5px solid #9ca3af99;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:border-color .15s,background-color .15s;position:relative}.pagu-checkbox:hover{border-color:#10b981}.pagu-checkbox:checked{background-color:#10b981;border-color:#10b981}.pagu-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}html.dark .pagu-checkbox{border-color:#94a3b873}html.dark .pagu-checkbox:hover{border-color:#34d399}html.dark .pagu-checkbox:checked{background-color:#34d399;border-color:#34d399}.pagu-expand-row>td{border-bottom:1px solid var(--border-color)}.pagu-expand-card{background:var(--bg-page,#faf7f0);padding:12px 16px;animation:.2s slideDown}html.dark .pagu-expand-card{background:#0f142366}.pagu-expand-grid{grid-template-columns:1fr 1fr;gap:10px 20px;display:grid}.pagu-expand-item{flex-direction:column;gap:2px;display:flex}.pagu-expand-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.pagu-expand-value{font-size:var(--text-sm);color:var(--text-primary)}.pagu-expand-link{font-size:var(--text-sm);color:var(--primary,#0284c7);word-break:break-all;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.pagu-expand-link:hover{color:var(--primary-hover,#0369a1);text-decoration:underline}html.dark .pagu-expand-link{color:var(--primary-light,#38bdf8)}.row-selected{background:#0284c714!important}html.dark .row-selected{background:#0f3d2e40!important}.btn-icon-sm{border-radius:var(--radius-md);cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-icon-sm:hover{background:var(--sidebar-item-hover,#f3f4f6b3);color:#0284c7;border-color:var(--border-color)}html.dark .btn-icon-sm:hover{color:#38bdf8}.btn-sm{height:28px;gap:4px!important;padding:4px 10px!important;font-size:12px!important}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #dc26264d;box-shadow:0 1px 3px #ef444426}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #ef444440}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.pagu-delete-warning{border-radius:var(--radius-md);font-size:var(--text-sm);color:#8b5d0e;background:#fef5e7b3;border:1px solid #edaf454d;align-items:flex-start;gap:8px;padding:10px 14px;line-height:1.5;display:flex}.pagu-delete-warning svg{color:#d18c15;flex-shrink:0;margin-top:2px}html.dark .pagu-delete-warning{color:#eac17b;background:#3d2c0f4d;border-color:#a376294d}html.dark .pagu-delete-warning svg{color:#e2ad50}.page-riwayat-pagu.glass-container{flex-direction:column;gap:12px;display:flex}.page-riwayat-pagu .page-title{margin-bottom:2px!important;font-size:20px!important;font-weight:800!important}.page-riwayat-pagu .page-header{margin-bottom:0!important}.page-riwayat-pagu .text-sm.text-muted{font-size:11.5px!important}.page-riwayat-pagu .glass-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.page-riwayat-pagu .glass-search-wrapper{flex-grow:1;min-width:240px;max-width:360px;position:relative}.page-riwayat-pagu .glass-search-wrapper input{width:100%;height:34px;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#fff6;border:1px solid #10b98126;border-radius:8px;padding:0 16px 0 34px;font-size:12px}.page-riwayat-pagu .glass-search-wrapper input::placeholder{color:var(--text-muted)}.page-riwayat-pagu .glass-search-wrapper input:focus{border-color:var(--emerald-500);background:#ffffffd9;outline:none;box-shadow:0 0 0 3px #10b98133}html.dark .page-riwayat-pagu .glass-search-wrapper input{background:#17171773;border-color:#10b9812e}html.dark .page-riwayat-pagu .glass-search-wrapper input:focus{background:#171717bf;box-shadow:0 0 0 3px #10b98140}.page-riwayat-pagu .glass-filter-select{appearance:none;height:34px;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#fff6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .6rem center no-repeat;border:1px solid #10b98126;border-radius:8px;padding-left:10px;padding-right:1.8rem;font-size:12px}.page-riwayat-pagu .glass-filter-select:focus{border-color:var(--emerald-500);background-color:#ffffffd9;outline:none;box-shadow:0 0 0 3px #10b98133}html.dark .page-riwayat-pagu .glass-filter-select{background-color:#17171773;border-color:#10b9812e}html.dark .page-riwayat-pagu .glass-filter-select:focus{background-color:#171717bf}.page-riwayat-pagu .glass-table-container{background:#ffffffa6;border:1px solid #10b9811a;border-radius:12px;overflow-x:auto;box-shadow:inset 0 2px 4px #10b98105}html.dark .page-riwayat-pagu .glass-table-container{background:#14141440;border-color:#10b98126}.page-riwayat-pagu .glass-table{border-collapse:collapse;width:100%}.page-riwayat-pagu .glass-table th{background:var(--gray-100,#f1f5f9);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:700}html.dark .page-riwayat-pagu .glass-table th{color:var(--text-secondary);border-bottom-color:var(--border-color);background:#ffffff0a}.page-riwayat-pagu .glass-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);transition:background-color var(--transition-fast);vertical-align:middle;padding:6px 12px;font-size:12.5px}html.dark .page-riwayat-pagu .glass-table td{border-bottom-color:var(--border-color)}@media (width<=768px){.page-riwayat-pagu .glass-table th{padding:6px 8px;font-size:9.5px}.page-riwayat-pagu .glass-table td{padding:5px 8px;font-size:11.5px}}.page-riwayat-pagu .glass-table tr:last-child td{border-bottom:none}.page-riwayat-pagu .glass-table tr:hover td{background:var(--gray-50,#f8fafc)}html.dark .page-riwayat-pagu .glass-table tr:hover td{background:#ffffff05}.pok-spreadsheet-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000d}.pok-spreadsheet-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;gap:10px;width:100%;padding:12px 16px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar-divider{background-color:var(--border-color);width:1px;height:24px;margin:0 8px}.pok-spreadsheet-table-wrapper{flex:1;position:relative;overflow:auto}.pok-spreadsheet-table{border-collapse:collapse;width:100%;min-width:800px}.pok-spreadsheet-table th{background:var(--gray-100,#f1f5f9);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.05em;text-align:center;border-bottom:2px solid var(--border-color);z-index:10;background-clip:padding-box;padding:8px;font-size:11.5px;font-weight:700;position:sticky;top:0;box-shadow:0 4px 6px -4px #0000001f,0 2px 4px -2px #00000014;border-left:none!important;border-right:none!important}html.dark .pok-spreadsheet-table th{color:var(--text-secondary);background:#ffffff0a;box-shadow:0 4px 8px -4px #0006}.pok-spreadsheet-table th.text-right{text-align:right}.pok-spreadsheet-table th.text-center{text-align:center}.pok-spreadsheet-table th:last-child{border-right:none}.pok-row{border-bottom:1px solid var(--border-color);transition:background-color .15s}.pok-row:hover{background-color:var(--gray-50,#f8fafc)}html.dark .pok-row:hover{background-color:#ffffff05}.pok-row.selected{background-color:#0284c714}html.dark .pok-row.selected{background-color:#0284c726}.pok-cell{vertical-align:middle;color:var(--text-primary);padding:2px 7px;font-size:12.5px;line-height:1.35;border-left:none!important;border-right:none!important}.pok-cell:last-child{border-right:none}.row-level-jb{color:var(--text-primary);background-color:#0000;font-weight:700}.row-level-sk{color:#0284c7;background-color:#0284c70f;font-weight:700}.row-level-ak{color:var(--text-primary);background-color:#0000;font-weight:700}.row-level-it{color:var(--text-primary);background-color:#0000;font-weight:500}html.dark .row-level-jb{color:var(--text-primary);background-color:#0000}html.dark .row-level-sk{color:#38bdf8;background-color:#0284c71a}html.dark .row-level-ak{color:var(--text-primary);background-color:#0000}.indent-0{padding-left:10px!important}.indent-1{padding-left:22px!important}.indent-2{padding-left:34px!important}.indent-3{padding-left:46px!important}.inline-input{width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:1.5px 5px;font-family:inherit;font-size:12.5px;line-height:1.35;transition:all .2s}.inline-input:hover{background:#ffffff80;border-color:#0000001a}html.dark .inline-input:hover{background:#ffffff0a;border-color:#ffffff26}.inline-input:focus{border-color:var(--primary-color,#10b981);background:var(--bg-card);box-shadow:0 0 0 2px #10b98133}html.dark .inline-input:focus{color:#fff;background:#262626;box-shadow:0 0 0 2px #10b98159}.inline-input-number{text-align:right}.inline-select{width:100%;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6px;font-family:inherit}.inline-select:hover{background:#ffffff80;border-color:#0000001a}.inline-select:focus{border-color:var(--primary-color,#10b981);background:var(--bg-card);outline:none;box-shadow:0 0 0 2px #10b98133}.badge-level{text-transform:uppercase;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.badge-jb{color:#4f46e5;background:#4f46e526;border:1px solid #4f46e540}.badge-sk{color:var(--emerald-600);background:#10b98126;border:1px solid #10b98140}.badge-ak{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b40}html.dark .badge-jb{color:#818cf8;background:#6366f133}html.dark .badge-sk{color:var(--emerald-400);background:#10b98133}html.dark .badge-ak{color:#fbbf24;background:#f59e0b33}.empty-state-row{text-align:center;color:var(--text-muted);padding:32px!important}.searchable-select-container{width:100%;position:relative}.searchable-select-trigger{width:100%;color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;min-height:22px;padding:2px 6px;font-size:13px;transition:all .2s;display:flex;overflow:hidden}html.dark .searchable-select-trigger{color:var(--text-primary)}.searchable-select-trigger:hover{background:#ffffff80;border-color:#0000001a}html.dark .searchable-select-trigger:hover{background:#ffffff0d;border-color:#ffffff1a}.searchable-select-dropdown{z-index:1000;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:8px;width:320px;margin-top:4px;padding:8px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.searchable-select-input-wrapper{align-items:center;display:flex;position:relative}.searchable-select-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.searchable-select-input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:6px 10px 6px 28px;font-size:12px;transition:all .2s}.searchable-select-input:focus{border-color:var(--primary-color,#10b981);background:var(--bg-primary);box-shadow:0 0 0 2px #10b98126}.searchable-select-options{flex-direction:column;gap:2px;max-height:160px;display:flex;overflow-y:auto}.searchable-select-option{color:var(--text-primary);cursor:pointer;border-radius:4px;flex-direction:column;gap:2px;padding:6px 10px;font-size:12px;transition:all .15s;display:flex}.searchable-select-option:hover{background:#10b98114}.searchable-select-option.selected{background:#10b9811f;font-weight:600}.searchable-option-code{color:var(--text-muted);font-size:11px;font-weight:700}.searchable-option-name{color:var(--text-primary)}.searchable-select-option.selected .searchable-option-code,.searchable-select-option.selected .searchable-option-name{color:var(--emerald-700)}html.dark .searchable-select-option.selected .searchable-option-code,html.dark .searchable-select-option.selected .searchable-option-name{color:var(--emerald-400)}.searchable-select-no-results{text-align:center;color:var(--text-muted);padding:12px;font-size:12px}.glass-checkbox{appearance:none;cursor:pointer;background:var(--bg-card);border:2px solid #10b98166;border-radius:4px;outline:none;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:inline-flex}html.dark .glass-checkbox{background:#1e1e1e99!important;border-color:#10b98180!important}.glass-checkbox:checked{background:var(--emerald-500,#10b981)!important;border-color:var(--emerald-500,#10b981)!important}.glass-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:block;transform:rotate(45deg)translate(-1px,-1px)}.glass-checkbox:disabled{opacity:.5;cursor:not-allowed}.pok-spreadsheet-toolbar .btn:disabled{opacity:.45!important;cursor:not-allowed!important;pointer-events:none!important}.btn-glass-secondary.text-danger:hover:not(:disabled){color:var(--danger,#ef4444)!important;background:#ef444414!important;border-color:#ef444499!important}html.dark .btn-glass-secondary.text-danger:hover:not(:disabled){color:#f87171!important;background:#ef444426!important;border-color:#ef444480!important}@media (width<=768px){.pok-spreadsheet-toolbar{flex-wrap:wrap;gap:8px;padding:8px 12px}.toolbar-divider{display:none}}.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172a73;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.custom-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border:1px solid #10b98140;border-radius:16px;flex-direction:column;gap:16px;width:90%;max-width:450px;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}html.dark .custom-modal-content{background:#1e1e1ef2;border-color:#10b9814d;box-shadow:0 25px 50px -12px #00000080}.custom-modal-header{align-items:center;gap:12px;display:flex}.custom-modal-header h3{color:var(--text-heading);margin:0;font-size:16px;font-weight:700}.custom-modal-header .modal-icon.text-danger{color:var(--danger,#ef4444)}.custom-modal-header .modal-icon.text-warning{color:var(--warning,#f59e0b)}.custom-modal-header .modal-icon.text-success{color:var(--success,#10b981)}.custom-modal-body p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.custom-modal-footer{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.custom-modal-footer .btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s}.custom-modal-footer .btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:#fff6}.custom-modal-footer .btn-secondary:hover{background:#0000000d}html.dark .custom-modal-footer .btn-secondary{color:#fff;background:#ffffff0d;border-color:#ffffff1a}html.dark .custom-modal-footer .btn-secondary:hover{background:#ffffff1a}.pok-row.cut{opacity:.55;background-color:#f59e0b0d!important}html.dark .pok-row.cut{background-color:#f59e0b1a!important}.volume-popover-container{width:100%;position:relative}.volume-popover-card{background:var(--bg-card);border:1px solid var(--border-color);z-index:1000;text-align:left;border-radius:12px;flex-direction:column;gap:10px;width:280px;margin-top:6px;padding:12px;animation:.2s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}html.dark .volume-popover-card{background:#1f2937;border-color:#10b98140;box-shadow:0 15px 30px #00000080}.volume-popover-header{color:var(--text-heading);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding-bottom:6px;font-size:11px;font-weight:700}.volume-popover-rows{flex-direction:column;gap:8px;display:flex}.volume-popover-row{align-items:center;gap:6px;display:flex}.volume-popover-row-num{color:var(--text-muted);text-align:center;width:12px;font-size:10px;font-weight:700}.volume-input-val{border:1px solid var(--border-color);background:var(--bg-secondary);width:60px;color:var(--text-primary);text-align:right;border-radius:6px;outline:none;padding:4px 6px;font-size:12px}.volume-input-val:focus{border-color:var(--primary-color);background:var(--bg-primary)}.volume-input-unit{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);text-transform:uppercase;border-radius:6px;outline:none;flex:1;padding:4px 6px;font-size:12px}.volume-input-unit:focus{border-color:var(--primary-color);background:var(--bg-primary)}.volume-popover-times{color:var(--text-muted);text-align:center;flex-shrink:0;width:12px;font-size:10px;font-weight:600}.volume-input-result-unit{border:1px solid var(--border-color);background:var(--bg-primary);width:70px;color:var(--text-primary);text-transform:uppercase;border-radius:6px;outline:none;padding:3px 6px;font-size:11px;font-weight:700;transition:all .15s}.volume-input-result-unit:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #10b98126}.volume-popover-preview{color:var(--text-secondary);background:#10b9810d;border:1px solid #10b98126;border-radius:6px;padding:8px;font-size:11px;line-height:1.4}html.dark .volume-popover-preview{background:#10b98114;border-color:#10b98133}.volume-preview-total{color:var(--emerald-600);font-weight:700}html.dark .volume-preview-total{color:var(--emerald-400)}.volume-popover-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.volume-popover-actions button{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.volume-btn-cancel{color:var(--text-primary);background:#fff6;border-color:var(--border-color)!important}.volume-btn-cancel:hover{background:#0000000d}html.dark .volume-btn-cancel{color:#fff;background:#ffffff0d}html.dark .volume-btn-cancel:hover{background:#ffffff1a}.volume-btn-apply{box-shadow:0 2px 4px #0284c733;color:#fff!important;background:#0284c7!important;border:1px solid #0000!important}.volume-btn-apply:hover{box-shadow:0 4px 8px #0ea5e94d;background:#0ea5e9!important;border:1px solid #0000!important}.volume-btn-apply:active{transform:translateY(.5px);background:#0369a1!important}.level-selector-group{background:#0284c70f;border:1px solid #0284c733;border-radius:8px;gap:2px;padding:2px;display:flex}html.dark .level-selector-group{background:#0284c714;border-color:#0284c740}.level-selector-group button{cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex;height:26px!important;color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:6px!important;padding:0 10px!important;font-size:11px!important;font-weight:700!important}.level-selector-group button:hover{color:#0284c7!important;background:#0284c714!important}html.dark .level-selector-group button:hover{color:#38bdf8!important;background:#0284c726!important}.level-selector-group button.active{color:#fff!important;background:#0284c7!important;box-shadow:0 2px 4px #0284c726!important}html.dark .level-selector-group button.active{color:#fff!important;background:#0284c7!important}.toolbar-row-top{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.toolbar-row-bottom{border-top:1px dashed var(--border-color);flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding-top:10px;display:flex}.filter-dropdown-menu{z-index:1000;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:8px;flex-direction:column;gap:4px;width:280px;margin-top:4px;padding:8px;display:flex;position:absolute;top:100%;left:0}.filter-dropdown-option{cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .15s;display:flex}.filter-dropdown-option:hover{background:#0284c70f}.filter-dropdown-divider{background:var(--border-color);height:1px;margin:4px 0}@media (width<=992px){.btn-text,.pok-spreadsheet-toolbar .toolbar-divider{display:none}}.tambah-jb-wrapper{display:inline-block;position:relative}.jb-select-icon-replacement{pointer-events:none;display:none}@media (width<=992px){.jb-select-element{opacity:0!important;cursor:pointer!important;z-index:2!important;width:100%!important;min-width:30px!important;height:100%!important;position:absolute!important;inset:0!important}.jb-select-icon-replacement{width:30px;height:30px;color:var(--emerald-600);background:#ffffff4d;border:1px solid #10b98173;border-radius:6px;justify-content:center;align-items:center;display:flex}html.dark .jb-select-icon-replacement{color:var(--emerald-400);background:#1e1e1e66;border-color:#10b9814d}}.uraian-text-span{box-sizing:border-box;text-align:left;width:100%;padding:3px 7px;display:block}.uraian-it-edit-container{box-sizing:border-box;flex:1;align-items:flex-start;gap:8px;padding-left:7px;display:flex}.inline-input.font-normal,.inline-input.font-mono{font-family:var(--font-sans)}.inline-input.vol-has-rincian:hover{border-color:var(--emerald-400,#34d399)!important}.row-level-sd{color:var(--text-heading,#0f172a);background-color:#0f172a08;font-weight:600}html.dark .row-level-sd{color:var(--text-heading,#f8fafc);background-color:#ffffff0a}.badge-sd{color:var(--text-heading,#0f172a);background:#0f172a0f;border:1px solid #0f172a1f}html.dark .badge-sd{color:#f8fafc;background:#ffffff1a;border-color:#ffffff26}.indent-4{padding-left:58px!important}.indent-5{padding-left:70px!important}.indent-6{padding-left:82px!important}.row-level-prog{color:var(--text-primary);background-color:#0000;font-weight:700}html.dark .row-level-prog{color:var(--text-primary);background-color:#0000}.row-level-keg{color:var(--text-primary);background-color:#0000;font-weight:700}html.dark .row-level-keg{color:var(--text-primary);background-color:#0000}.row-level-kro{color:var(--text-primary);background-color:#0000;font-weight:700}html.dark .row-level-kro{color:var(--text-primary);background-color:#0000}.row-level-ro{color:var(--text-primary);background-color:#0000;font-weight:700}html.dark .row-level-ro{color:var(--text-primary);background-color:#0000}.row-level-komp{color:var(--text-primary);background-color:#0000;font-weight:700}html.dark .row-level-komp{color:var(--text-primary);background-color:#0000}.inline-textarea{white-space:pre-wrap;word-break:break-word;min-height:20px;font-family:inherit;line-height:1.35;overflow:hidden;resize:none!important}.inline-uraian-preview-clickable:hover{background:#ffffff80;border-color:#0000001a!important}html.dark .inline-uraian-preview-clickable:hover{background:#ffffff0a;border-color:#ffffff26!important}.pok-row.selected td{border-top:1.5px solid var(--emerald-500)!important;border-bottom:1.5px solid var(--emerald-500)!important;background-color:#10b9810a!important}.pok-row.selected td:first-child{border-left:1.5px solid var(--emerald-500)!important}.pok-row.selected td:last-child{border-right:1.5px solid var(--emerald-500)!important}.filter-dropdown-option.active-option{font-weight:600;color:var(--primary,#0284c7)!important;background-color:#0284c714!important}html.dark .filter-dropdown-option.active-option{color:var(--primary-light,#38bdf8)!important;background-color:#0284c726!important}.custom-multiselect-trigger{outline:none;border:1px solid var(--border-color)!important}.custom-multiselect-trigger:hover{background:var(--bg-primary)!important;border-color:#0284c773!important}.custom-multiselect-trigger.is-invalid{background-color:#ef444405!important;border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444433!important}.custom-multiselect-trigger.is-invalid:hover{border-color:#dc2626!important}.checkbox-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.glass-checkbox{margin:0!important}.row-level-sk .uraian-text-span,.row-level-sk .inline-textarea,.row-level-sk .inline-input{font-family:var(--font-sans);color:var(--emerald-800)!important;font-weight:700!important}html.dark .row-level-sk .uraian-text-span,html.dark .row-level-sk .inline-textarea,html.dark .row-level-sk .inline-input{color:var(--emerald-400)!important}.review-mark-btn{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.review-mark-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.review-mark-btn:hover{color:var(--danger,#ef4444);background:#ef44440f;border-color:#ef444466}.review-mark-btn.review-mark-active{color:var(--danger,#ef4444);background:#ef44441a;border-color:#ef444480;animation:1.5s ease-in-out pulse-review}html.dark .review-mark-btn.review-mark-active{color:#f87171;background:#ef444433;border-color:#ef444480}@keyframes pulse-review{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pok-row.review-flagged td{background-color:#ef44440f!important;border-top-color:#ef444433!important;border-bottom-color:#ef444433!important}html.dark .pok-row.review-flagged td{background-color:#ef44441a!important}.pok-row.operator-review-flagged td{background-color:#ef44440a!important}html.dark .pok-row.operator-review-flagged td{background-color:#ef444414!important}.pok-row.mandatory-incoming td{background-color:#6366f105!important}html.dark .pok-row.mandatory-incoming td{background-color:#6366f10a!important}.review-note-popover{background:var(--bg-primary);border:1px solid var(--border-color);z-index:100;border-radius:10px;width:260px;margin-right:8px;padding:12px;animation:.15s ease-out slideIn;position:absolute;top:50%;right:100%;transform:translateY(-50%);box-shadow:0 10px 25px -5px #00000026}html.dark .review-note-popover{background:#1f2937;border-color:#ffffff1a;box-shadow:0 15px 30px #0006}.review-note-input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);resize:vertical;border-radius:6px;outline:none;min-height:50px;padding:8px;font-family:inherit;font-size:12px;transition:border-color .15s}.review-note-input:focus{border-color:var(--danger,#ef4444);box-shadow:0 0 0 2px #ef44441f}.operator-review-indicator{color:var(--danger,#ef4444);cursor:help;justify-content:center;align-items:center;display:inline-flex}.review-inline-note-row td{background:0 0!important;border:none!important}.review-inline-note-banner{color:var(--text-primary);background:#ef44440f;border:1px solid #ef444426;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:12px;line-height:1.5;display:flex}html.dark .review-inline-note-banner{background:#ef44441a;border-color:#ef444440}.review-inline-note-banner svg{color:var(--danger,#ef4444);margin-top:1px}.me-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200;background:#00000073;justify-content:flex-end;align-items:stretch;display:flex;position:fixed;inset:0}.pok-row.diff-row-modified:hover{background:#10b9811f!important}.pok-row.diff-row-added:hover{background:#10b98126!important}.pok-row.diff-separator-row{border-bottom:none;background:#ef44440a!important}.pok-row.diff-separator-row td{border-right:none;padding:2px 8px!important}.diff-separator-label{color:#ef444499;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.diff-separator-line{background:#ef444433;flex:1;height:1px}.pok-row.diff-row-baseline{opacity:.8;border-bottom-color:#ef44441a;background:#ef44440d!important}.pok-row.diff-row-baseline td{border-left:3px solid #ef44444d;font-size:12px;font-style:italic;text-decoration:line-through;color:var(--text-muted)!important}.pok-row.diff-row-baseline:hover{background:#ef444414!important}.pok-row.diff-row-baseline .inline-input,.pok-row.diff-row-baseline .inline-textarea,.pok-row.diff-row-baseline .searchable-select-trigger{pointer-events:none;font-style:italic;text-decoration:line-through;color:var(--text-muted)!important}.pok-row.diff-row-deleted{background:#ef444412!important}.pok-row.diff-row-deleted td{border-left:3px solid #ef444466;text-decoration:line-through;color:#dc2626!important}.pok-cell.diff-indicator-cell{text-align:center;border-right:1px solid var(--border-color);width:24px;min-width:24px;max-width:24px;padding:2px 0;font-size:13px;font-weight:800}.diff-indicator-add{color:#10b981}.diff-indicator-del{color:#ef4444}.diff-indicator-mod{color:#f59e0b}.pok-row.diff-group-added{background:#10b9810f!important}.pok-row.diff-group-added td:first-child{border-left:3px solid #10b9814d}.pok-row.diff-group-deleted{background:#ef44440f!important}.pok-row.diff-group-deleted td{font-style:italic;text-decoration:line-through;color:var(--text-muted)!important}html.dark .pok-row.diff-row-baseline{background:#ef44441a!important}html.dark .pok-row.diff-row-baseline td{color:#fff6!important}html.dark .pok-row.diff-row-deleted{background:#ef44441f!important}html.dark .pok-row.diff-row-deleted td{color:#f87171!important}html.dark .diff-separator-label{color:#f87171b3}html.dark .diff-separator-line{background:#f871714d}html.dark .pok-row.diff-group-added{background:#10b9811a!important}html.dark .pok-row.diff-group-deleted{background:#ef44441a!important}html.dark .pok-row.diff-group-deleted td{color:#ffffff59!important}.diff-baseline-group{animation:.3s ease-out diffFadeIn}@keyframes diffFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pok-dokumen-row td{border-top:none!important;border-bottom:1px solid var(--border-color)!important;padding-top:0!important}.pok-dokumen-row:hover td{background:var(--gray-50,#f8fafc)!important}html.dark .pok-dokumen-row:hover td{background:#ffffff05!important}.btn-diff-active{font-weight:600;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)!important;border:none!important;box-shadow:0 2px 6px #6366f14d!important}.btn-diff-active:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)!important;box-shadow:0 4px 10px #6366f159!important}.diff-badge-count{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 1px 3px #ef44444d}.diff-summary-bar{background:linear-gradient(135deg,#6366f10f 0%,#8b5cf60f 100%);border-top:1px solid #6366f11f;border-bottom:1px solid #6366f11f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;font-size:12px;display:flex}html.dark .diff-summary-bar{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border-top-color:#6366f133;border-bottom-color:#6366f133}.diff-summary-left{color:#6366f1;flex-wrap:wrap;align-items:center;gap:8px;display:flex}html.dark .diff-summary-left{color:#a5b4fc}.diff-summary-title{white-space:nowrap;font-size:11px;font-weight:600}.diff-summary-chip{white-space:nowrap;border-radius:10px;align-items:center;gap:2px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.diff-chip-added{color:#059669;background:#10b98126}html.dark .diff-chip-added{color:#34d399;background:#10b98133}.diff-chip-modified{color:#b45309;background:#f59e0b26}html.dark .diff-chip-modified{color:#fbbf24;background:#f59e0b33}.diff-chip-deleted{color:#dc2626;background:#ef44441f}html.dark .diff-chip-deleted{color:#f87171;background:#ef44442e}.diff-summary-right{white-space:nowrap;align-items:center;gap:6px;display:flex}.diff-summary-label{color:var(--text-muted);font-size:11px;font-weight:600}.diff-summary-selisih{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.diff-summary-selisih.positive{color:#059669}.diff-summary-selisih.negative{color:#dc2626}html.dark .diff-summary-selisih.positive{color:#34d399}html.dark .diff-summary-selisih.negative{color:#f87171}.diff-badge-baru{letter-spacing:.5px;text-transform:uppercase;color:#059669;vertical-align:middle;background:linear-gradient(135deg,#10b98133 0%,#05966933 100%);border:1px solid #10b9814d;border-radius:4px;align-items:center;margin-left:8px;padding:1px 6px;font-size:9px;font-weight:800;line-height:1.4;display:inline-flex}html.dark .diff-badge-baru{color:#34d399;background:linear-gradient(135deg,#10b98140 0%,#05966940 100%);border-color:#10b98166}.diff-tooltip{z-index:1000;background:var(--bg-card,#fff);border:1px solid var(--border-color);white-space:nowrap;pointer-events:none;border-radius:10px;align-items:stretch;gap:8px;min-width:320px;margin-top:6px;padding:10px;animation:.15s ease-out diffFadeIn;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}html.dark .diff-tooltip{background:#1f2937;border-color:#6366f140;box-shadow:0 15px 30px #00000080}.diff-tooltip-section{border-radius:6px;flex-direction:column;flex:1;gap:4px;padding:6px 8px;display:flex}.diff-tooltip-semula{background:#ef44440f;border:1px solid #ef44441f}html.dark .diff-tooltip-semula{background:#ef44441a;border-color:#ef444433}.diff-tooltip-menjadi{background:#10b9810f;border:1px solid #10b9811f}html.dark .diff-tooltip-menjadi{background:#10b9811a;border-color:#10b98133}.diff-tooltip-heading{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:2px;font-size:9px;font-weight:800}.diff-tooltip-semula .diff-tooltip-heading{color:#dc2626}html.dark .diff-tooltip-semula .diff-tooltip-heading{color:#f87171}.diff-tooltip-menjadi .diff-tooltip-heading{color:#059669}html.dark .diff-tooltip-menjadi .diff-tooltip-heading{color:#34d399}.diff-tooltip-row{color:var(--text-primary);justify-content:space-between;gap:12px;font-size:11px;display:flex}.diff-tooltip-total{font-variant-numeric:tabular-nums;font-weight:700}.diff-tooltip-arrow{color:var(--text-muted);align-items:center;padding:0 2px;font-size:16px;font-weight:700;display:flex}.pok-row.diff-row-modified{background:#10b9811f!important}.pok-row.diff-row-modified td{border-left:3px solid #10b98180}.pok-row.diff-row-added{background:#10b98129!important}.pok-row.diff-row-added td{border-left:3px solid #10b98199}html.dark .pok-row.diff-row-modified{background:#10b98129!important}html.dark .pok-row.diff-row-added{background:#10b98133!important}.page-usul-pok.glass-container{flex-direction:column;gap:12px;padding-bottom:80px;display:flex}.page-usul-pok .page-title{margin-bottom:2px!important;font-size:20px!important;font-weight:800!important}.page-usul-pok .page-header{margin-bottom:0!important}.page-usul-pok .text-sm.text-muted{font-size:11.5px!important}.page-usul-pok .btn{border-radius:8px!important;align-items:center!important;gap:6px!important;height:34px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.page-usul-pok .btn-sm{border-radius:6px!important;gap:4px!important;height:28px!important;padding:4px 8px!important;font-size:11px!important}.page-usul-pok .btn-icon{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;padding:0!important;display:inline-flex!important}.page-usul-pok .btn-icon.btn-sm{border-radius:6px!important;width:28px!important;height:28px!important}.page-usul-pok .btn-emerald-gradient{transition:all var(--transition-fast);background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%);font-weight:600;box-shadow:0 2px 8px #0284c733,0 1px 3px #10b98126;color:#fff!important;border:1px solid #0000!important}.page-usul-pok .btn-emerald-gradient:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 45%,#34d399 100%);transform:translateY(-1px);box-shadow:0 4px 14px #0ea5e94d,0 2px 6px #34d39933;color:#fff!important;border:1px solid #0000!important}.page-usul-pok .btn-emerald-gradient:active:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#0f766e 45%,#059669 100%);transform:translateY(0);border:1px solid #0000!important}.page-usul-pok .btn-glass-secondary{background:var(--bg-card,#fffc);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-primary);transition:all var(--transition-fast);font-weight:600;border:1px solid var(--border-color)!important}.page-usul-pok .btn-glass-secondary:hover:not(:disabled){background:var(--bg-hover,#0000000a);color:var(--text-primary);border-color:var(--border-color)!important}html.dark .page-usul-pok .btn-glass-secondary{background:#1e1e1e8c;border-color:#ffffff1a!important}html.dark .page-usul-pok .btn-glass-secondary:hover:not(:disabled){color:var(--text-primary);background:#ffffff14;border-color:#ffffff26!important}.page-usul-pok .glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:16px;padding:12px}.page-usul-pok .glass-card:hover{box-shadow:var(--shadow-md)}html.dark .page-usul-pok .glass-card{border:1px solid var(--border-color);background:#17171773;box-shadow:0 8px 32px #0006}.page-usul-pok .pok-pagu-limit-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 20px;display:flex;position:relative;overflow:hidden}.page-usul-pok .pok-pagu-limit-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color)}html.dark .page-usul-pok .pok-pagu-limit-card{border-color:var(--border-color);background:#17171773;box-shadow:0 8px 32px #0006}.page-usul-pok .pok-unit-select-wrap{flex-shrink:0}.page-usul-pok .pok-metrics-bar{border-radius:var(--radius-md,8px);background:#10b9810a;border:1px dashed #10b98140;align-items:center;gap:20px;min-height:44px;padding:6px 18px;display:flex}html.dark .page-usul-pok .pok-metrics-bar{background:#10b98114;border-color:#10b9814d}.page-usul-pok .pok-metric-item{flex-direction:column;display:flex}.page-usul-pok .pok-metric-item .metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700}.page-usul-pok .pok-metric-item .metric-val{color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.page-usul-pok .pok-metric-item .metric-val.text-primary{color:var(--emerald-600)!important}html.dark .page-usul-pok .pok-metric-item .metric-val.text-primary{color:var(--emerald-400)!important}.page-usul-pok .metric-pct{color:var(--text-muted);margin-left:6px;font-size:11px;font-weight:500}.page-usul-pok .pok-metrics-divider{background:#10b98133;width:1px;height:20px}.page-usul-pok .pok-lock-banner{border-radius:var(--radius-lg,12px);color:var(--danger,#ef4444);background:#ef44440d;border:1px solid #ef444433;align-items:center;gap:12px;margin-top:12px;padding:10px 16px;font-size:12px;animation:.3s ease-out fadeIn;display:flex;box-shadow:0 2px 4px #ef444405}html.dark .page-usul-pok .pok-lock-banner{background:#ef44441a;border-color:#ef44444d}.page-usul-pok .glass-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.page-usul-pok .glass-filter-select{appearance:none;border:1px solid var(--border-color);width:280px;height:34px;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#fff6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .6rem center no-repeat;border-radius:8px;padding-left:10px;padding-right:1.8rem;font-size:12px}.page-usul-pok .glass-filter-select:focus{background-color:var(--bg-card);border-color:var(--primary,#0284c7);outline:none;box-shadow:0 0 0 3px #0284c733}html.dark .page-usul-pok .glass-filter-select{border-color:var(--border-color);background-color:#17171773}.page-usul-pok .glass-input{background:var(--bg-card);border:1px solid var(--border-color);width:100%;height:34px;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);border-radius:8px;padding:0 10px;font-size:12px}.page-usul-pok .glass-input:focus{background:var(--bg-card);border-color:var(--primary,#0284c7);outline:none;box-shadow:0 0 0 3px #0284c733}html.dark .page-usul-pok .glass-input{border-color:var(--border-color);background:#17171773}select.page-usul-pok .glass-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;padding-right:1.8rem}.page-usul-pok .glass-table-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:none;border-radius:12px;overflow-x:auto}html.dark .page-usul-pok .glass-table-container{border-color:var(--border-color);background:#14141440}.page-usul-pok .glass-table{border-collapse:separate;border-spacing:0;width:100%}.page-usul-pok .glass-table th{background:var(--gray-100,#f1f5f9);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);text-align:left;padding:8px 12px;font-size:11px;font-weight:700}html.dark .page-usul-pok .glass-table th{color:var(--text-secondary);border-bottom-color:var(--border-color);background:#ffffff0a}.page-usul-pok .glass-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:6px 12px;font-size:12.5px}.tab-pok-ditetapkan .glass-table tbody tr:hover td{background-color:var(--gray-50,#f8fafc)!important}html.dark .tab-pok-ditetapkan .glass-table tbody tr:hover td{background-color:#ffffff05!important}.page-usul-pok .glass-checkbox{appearance:none;border:1.5px solid var(--gray-400,#94a3b8);cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);background:var(--bg-card);border-radius:4px;outline:none;justify-content:center;align-items:center;display:inline-flex}html.dark .page-usul-pok .glass-checkbox{background:#1e1e1e99!important;border-color:#ffffff4d!important}.page-usul-pok .glass-checkbox:checked{background:var(--blue-600,#0284c7)!important;border-color:var(--blue-600,#0284c7)!important}.page-usul-pok .glass-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;display:block;transform:rotate(45deg)translate(-1px,-1px)}.page-usul-pok .pok-tree-label{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.page-usul-pok .pok-tree-label svg{color:var(--text-muted);flex-shrink:0}.page-usul-pok .pok-tr-level-1{background-color:var(--gray-100,#f1f5f9);cursor:pointer}html.dark .page-usul-pok .pok-tr-level-1{background-color:#ffffff0a}.page-usul-pok .pok-tr-level-1:hover td{background-color:var(--gray-200,#e2e8f0)!important}html.dark .page-usul-pok .pok-tr-level-1:hover td{background-color:#ffffff14!important}.page-usul-pok .pok-tr-level-1 td{border-bottom:1px solid var(--border-color)!important;padding-top:8px!important;padding-bottom:8px!important}.page-usul-pok .pok-tr-level-2{cursor:pointer;background-color:#0000}.page-usul-pok .pok-tr-level-2:hover td{background-color:var(--gray-50,#f8fafc)!important}html.dark .page-usul-pok .pok-tr-level-2:hover td{background-color:#ffffff08!important}.page-usul-pok .pok-tr-level-2 td{border-bottom:1px solid var(--border-color)!important;padding-top:7px!important;padding-bottom:7px!important}.page-usul-pok .pok-tr-level-3{cursor:pointer;background-color:#0000}.page-usul-pok .pok-tr-level-3:hover td{background-color:var(--gray-50,#f8fafc)!important}html.dark .page-usul-pok .pok-tr-level-3:hover td{background-color:#ffffff05!important}.page-usul-pok .pok-tr-level-3 td{border-bottom:1px dashed var(--border-color)!important;padding-top:6px!important;padding-bottom:6px!important}.page-usul-pok .pok-tr-level-4{background-color:#0000}.page-usul-pok .pok-tr-level-4:hover td{background-color:var(--gray-50,#f8fafc)!important}html.dark .page-usul-pok .pok-tr-level-4:hover td{background-color:#ffffff05!important}.page-usul-pok .pok-tr-level-4 td{color:var(--text-primary);font-size:12.5px;border-bottom:1px solid var(--border-color)!important;padding-top:5px!important;padding-bottom:5px!important}.page-usul-pok .pok-bulk-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #10b9811a, var(--shadow-lg);z-index:1000;background:#ffffffd9;border:1px solid #10b98140;border-radius:9999px;justify-content:space-between;align-items:center;gap:40px;padding:10px 24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}html.dark .page-usul-pok .pok-bulk-toolbar{background:#1e293be6;border-color:#10b9814d;box-shadow:0 10px 30px #0006}.page-usul-pok .bulk-info{color:var(--text-primary);font-size:13px;font-weight:600}.page-usul-pok .spreadsheet-table td{vertical-align:middle;padding:4px 6px!important}.page-usul-pok .spreadsheet-table select,.page-usul-pok .spreadsheet-table input{width:100%;height:28px;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff80;border:1px solid #10b98133;border-radius:6px;padding:0 8px;font-size:12px!important}.page-usul-pok .spreadsheet-table select:focus,.page-usul-pok .spreadsheet-table input:focus{border-color:var(--emerald-500);background:#fffffff2;outline:none;box-shadow:0 0 0 3px #10b98126}html.dark .page-usul-pok .spreadsheet-table select,html.dark .page-usul-pok .spreadsheet-table input{background:#17171773;border-color:#10b98133}.page-usul-pok .glass-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f0f0f66;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.page-usul-pok .glass-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff73;border-radius:18px;flex-direction:column;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000026,0 0 40px #10b9810d}html.dark .page-usul-pok .glass-modal{background:#171717e6;border-color:#ffffff0d;box-shadow:0 20px 50px #00000073,0 0 40px #10b9810d}.page-usul-pok .wizard-modal{width:90%!important;max-width:550px!important}.page-usul-pok .wizard-step-indicator{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px;display:flex;position:relative}.page-usul-pok .wizard-step-indicator:before{content:"";z-index:1;background:#10b98126;height:2px;position:absolute;top:50%;left:0;right:0}.page-usul-pok .wizard-step-node{width:34px;height:34px;color:var(--text-muted);z-index:2;background:#ffffffe6;border:2px solid #10b98133;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .3s;display:flex;position:relative}.page-usul-pok .wizard-step-node.active{border-color:var(--emerald-500);background:var(--emerald-500);color:#fff;box-shadow:0 0 0 4px #10b98126}.page-usul-pok .wizard-step-node.completed{border-color:var(--emerald-600);background:var(--emerald-600);color:#fff}.page-usul-pok .wizard-multi-select-list{flex-direction:column;gap:10px;max-height:280px;padding:4px;display:flex;overflow-y:auto}.page-usul-pok .wizard-select-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff6;border:1px solid #10b98126;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.page-usul-pok .wizard-select-item:hover{background:#10b9810a;border-color:#10b9814d}.page-usul-pok .wizard-select-item.selected{border-color:var(--emerald-500);background:#10b98114}.page-usul-pok .wizard-checkbox{width:16px;height:16px;accent-color:var(--emerald-500);cursor:pointer;border-radius:4px}.page-usul-pok .pok-slidein-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f0f0f66;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.page-usul-pok .pok-slidein-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe0;border-left:1px solid #10b98133;flex-direction:column;width:100%;max-width:100%;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;box-shadow:-10px 0 35px #10b98114}html.dark .page-usul-pok .pok-slidein-container{background:#141414f2;border-left-color:#10b98140;box-shadow:-10px 0 35px #0006}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.page-usul-pok .pok-slidein-header{background:#10b9810a;border-bottom:1px solid #10b98126;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.page-usul-pok .pok-slidein-body{flex:1;padding:16px 20px;overflow-y:auto}.page-usul-pok .pok-slidein-footer{background:#10b9810a;border-top:1px solid #10b98126;justify-content:flex-end;gap:12px;padding:12px 20px;display:flex}.page-usul-pok .editor-tree-container{flex-direction:column;gap:10px;display:flex}.page-usul-pok .editor-tree-node{background:#ffffffa6;border:1px solid #10b98126;border-radius:12px;overflow:hidden}html.dark .page-usul-pok .editor-tree-node{background:#1e1e1e66;border-color:#10b98133}.page-usul-pok .editor-row{justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:8px 14px;display:flex}.page-usul-pok .editor-row-jb{background:#10b9810f;border-bottom:1px solid #10b9811f;font-weight:700}.page-usul-pok .editor-row-sd{background:#10b98105;border-bottom:1px dashed #10b98114;padding-left:28px}.page-usul-pok .editor-row-sk{border-bottom:1px solid #64748b0d;padding-left:48px}.page-usul-pok .editor-row-ak{border-bottom:1px dashed #64748b0d;padding-left:68px}.page-usul-pok .editor-row-item{background:#00000003;border-bottom:1px solid #64748b08;padding-left:88px;font-size:12.5px}.page-usul-pok .editor-label{align-items:center;gap:8px;min-width:0;display:flex}.page-usul-pok .editor-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.page-usul-pok .editor-children{flex-direction:column;display:flex}.page-usul-pok .editor-badge-jb{color:#4f46e5;background:#4f46e51a;border:1px solid #4f46e533}.page-usul-pok .editor-badge-sd{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.page-usul-pok .editor-badge-ak{color:var(--text-muted);background:#64748b1a;border:1px solid #64748b33}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.page-usul-pok .pok-pagu-limit-card{gap:12px;padding:12px}.page-usul-pok .pok-metrics-bar{order:3;justify-content:space-between;width:100%}.page-usul-pok .pok-status-col{order:2;margin-left:auto}}@media (width<=768px){.page-usul-pok .pok-bulk-toolbar{border-radius:var(--radius-lg,12px);gap:16px;width:90vw;padding:12px 16px;bottom:16px}.page-usul-pok .pok-tree-table th:nth-child(3),.page-usul-pok .pok-tree-table th:nth-child(4),.page-usul-pok .pok-tree-table th:nth-child(5),.page-usul-pok .pok-tree-table th:nth-child(6),.page-usul-pok .pok-tree-table td:nth-child(3),.page-usul-pok .pok-tree-table td:nth-child(4),.page-usul-pok .pok-tree-table td:nth-child(5),.page-usul-pok .pok-tree-table td:nth-child(6){display:none}}@media (width<=640px){.page-usul-pok .pok-pagu-limit-card{flex-direction:column;align-items:stretch;gap:10px}.page-usul-pok .pok-unit-select-wrap,.page-usul-pok .pok-unit-select-wrap .filter-select{width:100%;min-width:100%}.page-usul-pok .pok-metrics-bar{order:2;grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:8px;width:100%;padding:8px 12px;display:grid}.page-usul-pok .pok-metrics-divider{align-self:center;width:1px;height:20px}.page-usul-pok .pok-metric-item{text-align:center;flex-direction:column;align-items:center;display:flex}.page-usul-pok .pok-metric-item .metric-label{font-size:8px}.page-usul-pok .pok-metric-item .metric-val{flex-direction:column;align-items:center;font-size:11px;display:flex}.page-usul-pok .metric-pct{margin-top:1px;font-size:9px;display:block;margin-left:0!important}}.page-usul-pok .pok-allocator-progress-wrapper{flex-direction:column;gap:4px;display:flex}.page-usul-pok .pok-allocator-progress-wrapper .progress-labels{color:var(--text-muted);justify-content:space-between;font-size:10px;font-weight:700;display:flex}.page-usul-pok .pok-allocator-progress-track{background:#10b98114;border:1px solid #10b98126;border-radius:999px;width:100%;overflow:hidden;box-shadow:inset 0 1px 3px #0000000d}.page-usul-pok .pok-allocator-progress-bar{border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.page-usul-pok .bg-emerald-glow{background:linear-gradient(90deg, var(--emerald-400), var(--emerald-600));box-shadow:0 0 8px #10b98180}.page-usul-pok .bg-danger-glow{background:linear-gradient(90deg, var(--danger,#ef4444), #dc2626);box-shadow:0 0 8px #ef444480}.page-usul-pok .animate-pulse-bar{animation:2s ease-in-out infinite pulseBar}@keyframes pulseBar{0%,to{opacity:1}50%{opacity:.7}}.page-usul-pok .pok-allocator-warning{color:var(--danger,#ef4444);align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.page-usul-pok .pok-bento-analytics-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown;display:grid}.page-usul-pok .bento-analytics-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);background:#fffc;border:1px solid #10b98126;border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}html.dark .page-usul-pok .bento-analytics-card{background:#17171773;border-color:#10b98133;box-shadow:0 4px 20px #0000004d}.page-usul-pok .bento-card-double{grid-column:span 2}.page-usul-pok .bento-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0;font-size:11px;font-weight:700}.page-usul-pok .bento-card-content{flex:1;justify-content:center;display:flex}.page-usul-pok .bento-card-content.flex-col{flex-direction:column}.page-usul-pok .bento-stacked-bar{background:#0000000d;border-radius:6px;width:100%;height:12px;margin-top:4px;margin-bottom:8px;display:flex;overflow:hidden}.page-usul-pok .stacked-bar-segment{height:100%;transition:width .3s}.page-usul-pok .bento-legend-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.page-usul-pok .bento-legend-item{align-items:center;gap:6px;font-size:11px;display:flex}.page-usul-pok .legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.page-usul-pok .legend-label{color:var(--text-muted);font-weight:500}.page-usul-pok .legend-val{color:var(--text-heading);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.page-usul-pok .bento-sd-row{flex-direction:column;display:flex}.page-usul-pok .bento-progress-track{background:#0000000d;border-radius:2px;width:100%;height:4px;overflow:hidden}.page-usul-pok .bento-progress-bar{border-radius:2px;height:100%;transition:width .3s}.page-usul-pok .bento-stats-container{grid-template-columns:repeat(3,1fr);align-items:center;gap:8px;width:100%;display:grid}.page-usul-pok .bento-stat-box{text-align:center;background:#10b98108;border:1px solid #10b9811a;border-radius:8px;flex-direction:column;align-items:center;padding:6px;display:flex}html.dark .page-usul-pok .bento-stat-box{background:#10b9810d;border-color:#10b98126}.page-usul-pok .bento-stat-num{color:var(--emerald-600);font-size:15px;font-weight:800}html.dark .page-usul-pok .bento-stat-num{color:var(--emerald-400)}.page-usul-pok .bento-stat-label{color:var(--text-muted);text-transform:uppercase;margin-top:2px;font-size:8.5px;font-weight:600}.page-usul-pok .pok-slidein-body-wrapper{grid-template-columns:1fr 300px;align-items:start;gap:20px;min-height:100%;display:grid}.page-usul-pok .editor-summary-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);background:#ffffffb3;border:1px solid #10b98126;border-radius:14px;padding:16px;position:sticky;top:0}html.dark .page-usul-pok .editor-summary-sidebar{background:#17171773;border-color:#10b98140;box-shadow:0 4px 20px #0000004d}.page-usul-pok .sidebar-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px;font-size:10px;font-weight:700}.page-usul-pok .sidebar-metric-card{background:#10b98108;border:1px dashed #10b9812e;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}html.dark .page-usul-pok .sidebar-metric-card{background:#10b9810d}.page-usul-pok .sidebar-metric-row{justify-content:space-between;align-items:center;display:flex}.page-usul-pok .sidebar-metric-label{color:var(--text-muted);font-size:9px;font-weight:700}.page-usul-pok .sidebar-metric-val{color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}.page-usul-pok .sidebar-metric-val.text-primary{color:var(--emerald-600)!important}html.dark .page-usul-pok .sidebar-metric-val.text-primary{color:var(--emerald-400)!important}.page-usul-pok .sidebar-breakdown-row{border-bottom:1px solid #10b9810d;padding-bottom:6px}.page-usul-pok .sidebar-breakdown-row:last-child{border-bottom:none;padding-bottom:0}.page-usul-pok .validation-item{transition:all .2s}.page-usul-pok .validation-item.passed{color:var(--emerald-600)}html.dark .page-usul-pok .validation-item.passed{color:var(--emerald-400)}.page-usul-pok .validation-item.failed{color:var(--text-muted)}@media (width<=1024px){.page-usul-pok .pok-bento-analytics-grid{grid-template-columns:1fr}.page-usul-pok .bento-card-double{grid-column:span 1}.page-usul-pok .pok-slidein-body-wrapper{grid-template-columns:1fr}.page-usul-pok .editor-summary-sidebar{margin-bottom:16px;position:static}}.page-usul-pok .glass-tabs-container{z-index:5;border-bottom:1px solid #10b98133;margin-bottom:0;padding:0 4px;position:relative}.page-usul-pok .glass-tabs{gap:6px;width:100%;display:flex}.page-usul-pok .glass-tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#10b98108;border:1px solid #10b98126;border-bottom:2px solid #0000;border-radius:12px 12px 0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;margin-bottom:-2px;padding:10px 12px;display:flex;position:relative}.page-usul-pok .glass-tab-btn:hover{color:var(--emerald-600);background:#10b98114}html.dark .page-usul-pok .glass-tab-btn{background:#1414144d;border-color:#10b98133 #10b98133 #0000}html.dark .page-usul-pok .glass-tab-btn:hover{color:var(--emerald-400);background:#10b9811f}.page-usul-pok .glass-tab-btn.active{color:var(--emerald-600);z-index:6;background:#fffffff2;border-color:#10b98140 #10b98140 #fffffff2;border-bottom-style:solid;border-bottom-width:2px;font-weight:700;box-shadow:0 -4px 10px #10b9810a}html.dark .page-usul-pok .glass-tab-btn.active{color:var(--emerald-400);background:#171717f2;border-color:#10b98159 #10b98159 #171717f2;border-bottom-style:solid;border-bottom-width:2px;box-shadow:0 -4px 12px #0006}.page-usul-pok .glass-tab-btn.glass-tab-btn-all{border:1px solid var(--border-color);background:0 0;border-radius:12px;margin-bottom:0}.page-usul-pok .glass-tab-btn.glass-tab-btn-all:hover{color:var(--primary,#0284c7);border-color:var(--primary,#0284c7);background:#0284c70d}html.dark .page-usul-pok .glass-tab-btn.glass-tab-btn-all{border-color:var(--border-color);background:0 0}html.dark .page-usul-pok .glass-tab-btn.glass-tab-btn-all:hover{color:var(--primary-light,#38bdf8);border-color:var(--primary-light,#38bdf8);background:#0284c71a}.page-usul-pok .glass-tab-btn.glass-tab-btn-all.active{z-index:6;font-weight:800;color:var(--primary,#0284c7)!important;border:2px solid var(--primary,#0284c7)!important;border-bottom:2px solid var(--primary,#0284c7)!important;box-shadow:none!important;background:0 0!important}html.dark .page-usul-pok .glass-tab-btn.glass-tab-btn-all.active{color:var(--primary-light,#38bdf8)!important;border:2px solid var(--primary-light,#38bdf8)!important;border-bottom:2px solid var(--primary-light,#38bdf8)!important;box-shadow:none!important;background:0 0!important}.page-usul-pok .tab-title-text{letter-spacing:.5px;font-size:15px;font-weight:800}.page-usul-pok .tab-subtitle-pagu{letter-spacing:.2px;font-size:11px;font-weight:500}.page-usul-pok .tab-dot-alert{background-color:var(--danger);width:6px;height:6px;box-shadow:0 0 6px var(--danger);border-radius:50%;position:absolute;top:8px;right:12px}.page-usul-pok .glass-card.pok-main-content-card{box-shadow:0 12px 32px #10b9810f, var(--shadow-md);border-top:none!important;border-top-left-radius:0!important;border-top-right-radius:0!important;margin-top:0!important}.page-usul-pok .alert-danger-banner{color:var(--danger);background:#ef444414;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:12.5px;animation:.3s fadeIn;display:flex;box-shadow:0 2px 8px #ef44440a}.page-usul-pok .alert-warning-banner{color:var(--warning,#f59e0b);background:#f59e0b14;border:1px solid #f59e0b40;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;font-size:12.5px;animation:.3s fadeIn;display:flex;box-shadow:0 2px 8px #f59e0b0a}.page-usul-pok .dirty-indicator-strip{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:600;animation:.2s fadeIn;display:flex}html.dark .page-usul-pok .dirty-indicator-strip{color:#fbbf24;background:#f59e0b26}.redesain-revisi-banner{color:#6366f1;background:#6366f114;border:1px solid #6366f140;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;line-height:1.5;animation:.25s fadeIn;display:flex}.redesain-revisi-banner strong{color:#4f46e5}html.dark .redesain-revisi-banner{color:#a5b4fc;background:#6366f11f;border-color:#6366f14d}html.dark .redesain-revisi-banner strong{color:#c7d2fe}.pok-editor-overlay-container{z-index:1200;background:var(--bg-primary,#faf9f5);flex-direction:column;width:100vw;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.pok-editor-overlay-container.open{transform:translate(0)}html.dark .pok-editor-overlay-container{background:var(--bg-primary)}.pok-editor-overlay-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);background:#ffffffe0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px 20px;display:grid;box-shadow:0 2px 12px -2px #0000000a}html.dark .pok-editor-overlay-header{border-bottom-color:var(--border-color);background:#0b111eeb;box-shadow:0 2px 12px #0000004d}.overlay-header-left-group{justify-self:start;align-items:center;gap:8px;min-width:0;display:flex}.overlay-back-btn-icon{width:28px;height:28px;color:var(--emerald-800);cursor:pointer;background:#fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;border:1px solid #10b9814d!important}html.dark .overlay-back-btn-icon{color:var(--emerald-400);background:#1e1e1e66;border-color:#10b98140!important}.overlay-back-btn-icon:hover{color:var(--emerald-600);background:#10b9811a;transform:scale(1.05);border-color:#10b98180!important}html.dark .overlay-back-btn-icon:hover{color:var(--emerald-300);background:#10b98126;border-color:#10b98166!important}.overlay-header-divider{background:#10b9811f;width:1px;height:20px;margin:0 4px}.tab-group-divider{background:#10b98126;align-self:center;width:1px;height:14px;margin:0 6px}html.dark .tab-group-divider{background:#10b98140}.overlay-header-left{flex-direction:column;gap:2px;min-width:0;display:flex}.overlay-badge{letter-spacing:.8px;color:var(--emerald-600);text-transform:uppercase;background:#10b9811a;border-radius:4px;align-self:flex-start;margin-bottom:2px;padding:2px 6px;font-size:8px;font-weight:800;display:inline-block}html.dark .overlay-badge{color:var(--emerald-400);background:#10b98126}.overlay-header-left h2{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:800;line-height:1.3;overflow:hidden}.overlay-header-tabs-wrapper{justify-content:center;justify-self:center;align-items:center;min-width:0;padding:0 8px;display:flex}.overlay-header-tabs{background:#10b9810d;border:1px solid #10b9811f;border-radius:30px;gap:4px;padding:4px;display:flex}html.dark .overlay-header-tabs{background:#10b98114;border-color:#10b98133}.overlay-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-width:60px;padding:5px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.overlay-tab-btn:hover{color:var(--emerald-600);background:#10b9810f}html.dark .overlay-tab-btn:hover{color:var(--emerald-400);background:#10b9811a}.overlay-tab-btn.active{background:var(--primary,#0284c7);font-weight:700;box-shadow:0 4px 12px #0284c740;color:#fff!important}html.dark .overlay-tab-btn.active{background:var(--primary,#0284c7);box-shadow:0 4px 14px #0284c766}.overlay-tab-btn.overlay-tab-btn-all{border:1px solid var(--border-color);background:0 0}.overlay-tab-btn.overlay-tab-btn-all:hover{color:var(--primary,#0284c7);background:#0284c70d}html.dark .overlay-tab-btn.overlay-tab-btn-all{border-color:var(--border-color)}html.dark .overlay-tab-btn.overlay-tab-btn-all:hover{color:var(--primary-light,#38bdf8);background:#0284c71a}.overlay-tab-btn.overlay-tab-btn-all.active{font-weight:800;color:var(--primary,#0284c7)!important;border:2px solid var(--primary,#0284c7)!important;box-shadow:none!important;background:0 0!important}html.dark .overlay-tab-btn.overlay-tab-btn-all.active{color:var(--primary-light,#38bdf8)!important;border:2px solid var(--primary-light,#38bdf8)!important;box-shadow:none!important;background:0 0!important}.overlay-tab-btn .tab-title-text{font-size:11.5px;font-weight:800}.overlay-tab-btn .tab-subtitle-pagu{margin-top:1px;font-size:9.5px;font-weight:500}.overlay-tab-btn .tab-dot-alert{background-color:var(--danger);width:5px;height:5px;box-shadow:0 0 4px var(--danger);border-radius:50%;position:absolute;top:4px;right:6px}.overlay-header-metrics{flex-shrink:0;justify-self:end;align-items:center;gap:6px;padding:0 4px;display:flex}.hdr-metric{flex-direction:column;align-items:flex-end;gap:0;line-height:1.2;display:flex}.hdr-metric-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:600}.hdr-metric-value{color:var(--text-heading,#1e293b);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px;font-weight:700}.hdr-metric-divider{background:#10b98133;flex-shrink:0;width:1px;height:18px;margin:0 2px}html.dark .hdr-metric-divider{background:#10b9814d}.hdr-metric-primary,.hdr-metric-success{color:var(--emerald-600,#059669)}.hdr-metric-warning{color:#f59e0b}.hdr-metric-danger{color:var(--danger,#ef4444)}.hdr-metric-mandatori{color:var(--text-secondary,#475569)}html.dark .hdr-metric-value{color:var(--text-heading,#f1f5f9)}html.dark .hdr-metric-primary,html.dark .hdr-metric-success{color:var(--emerald-400,#34d399)}html.dark .hdr-metric-warning{color:#fbbf24}html.dark .hdr-metric-mandatori{color:var(--text-secondary,#94a3b8)}.hdr-blokir-btn{color:#3b82f6;cursor:pointer;opacity:.85;background:0 0;border:1px solid #3b82f640;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:inline-flex;position:relative}.hdr-blokir-btn:hover{opacity:1;background:#3b82f61a;border-color:#3b82f666}.hdr-blokir-btn .hdr-blokir-dot-alert{background-color:var(--danger,#ef4444);border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 4px #ef4444cc}html.dark .hdr-blokir-btn{color:#60a5fa;border-color:#60a5fa40}html.dark .hdr-blokir-btn:hover{background:#60a5fa1f;border-color:#60a5fa66}.hdr-blokir-btn--active{opacity:1;color:#2563eb;background:#3b82f626;border-color:#3b82f6;box-shadow:0 0 0 1.5px #3b82f640}html.dark .hdr-blokir-btn--active{color:#93c5fd;background:#60a5fa2e;border-color:#60a5fa;box-shadow:0 0 0 1.5px #60a5fa4d}.hdr-blokir-popover{z-index:9999;isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:10px;min-width:240px;padding:14px;animation:.15s popover-in;position:fixed;background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 12px 32px #0000002e,0 2px 8px #0000001a!important}@keyframes popover-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}html.dark .hdr-blokir-popover{background:#1e293b!important;border-color:#475569!important;box-shadow:0 12px 32px #0009,0 2px 8px #0006!important}.hdr-blokir-popover-title{color:#1e293b;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:8px;font-size:11px;font-weight:700;display:flex}html.dark .hdr-blokir-popover-title{color:#f1f5f9;border-color:#334155}.hdr-blokir-popover-row{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.hdr-blokir-popover-row--total{padding-top:8px}.hdr-blokir-popover-label{color:#64748b;white-space:nowrap;font-size:11px}html.dark .hdr-blokir-popover-label{color:#94a3b8}.hdr-blokir-popover-value{font-variant-numeric:tabular-nums;color:#1e293b;white-space:nowrap;font-size:11px;font-weight:700}html.dark .hdr-blokir-popover-value{color:#f1f5f9}.hdr-blokir-popover-value--danger{color:#dc2626!important}.hdr-blokir-popover-value--success{color:#059669!important}html.dark .hdr-blokir-popover-value--danger{color:#f87171!important}html.dark .hdr-blokir-popover-value--success{color:#34d399!important}.hdr-blokir-popover-divider{background:#e2e8f0;height:1px;margin:6px 0 2px}html.dark .hdr-blokir-popover-divider{background:#334155}.hdr-blokir-popover-note{color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:10px;padding-top:8px;font-size:10px;line-height:1.4}html.dark .hdr-blokir-popover-note{border-color:#334155}.overlay-tab-btn.overlay-tab-btn-mandatori{color:var(--text-secondary,#475569);background:0 0;border:none!important}.overlay-tab-btn.overlay-tab-btn-mandatori:hover{color:#d97706!important;background:#f59e0b14!important}html.dark .overlay-tab-btn.overlay-tab-btn-mandatori:hover{color:#fbbf24!important;background:#f59e0b24!important}.overlay-tab-btn.overlay-tab-btn-mandatori.active{font-weight:700;color:#b45309!important;box-shadow:none!important;background:#f59e0b24!important;border:none!important}html.dark .overlay-tab-btn.overlay-tab-btn-mandatori.active{color:#fbbf24!important;background:#f59e0b38!important;border:none!important}.overlay-header-right{align-items:center;gap:16px;display:flex}.header-metric-item{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.header-metric-item .metric-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:700}.header-metric-item .metric-num{color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.header-metric-divider{background:#10b98126;width:1px;height:24px}.pok-editor-overlay-content{flex-direction:column;flex:1;padding:16px 24px 24px;display:flex;overflow:hidden}@media (width<=1024px){.pok-editor-overlay-header{flex-direction:column;align-items:stretch;gap:10px;height:auto;padding:10px 16px;display:flex}.overlay-header-left-group{justify-content:flex-start;width:100%}.overlay-header-divider{display:none}.overlay-header-tabs-wrapper{justify-content:flex-start;width:100%;padding:0;overflow-x:auto}.overlay-header-tabs{flex-wrap:nowrap;justify-content:flex-start;width:100%}.overlay-header-right,.overlay-header-metrics{border-top:1px solid #10b9811a;flex-wrap:wrap;justify-content:flex-end;width:100%;margin-top:4px;padding-top:6px}}@media (width<=580px){.overlay-header-right{flex-wrap:wrap;gap:10px}.header-metric-divider{display:none}.header-metric-item{align-items:flex-start;min-width:45%}}.page-usul-pok .revision-notes-badge{cursor:pointer;background:#ef444414;border:1px solid #ef444433;border-radius:20px;align-items:center;gap:6px;max-width:fit-content;padding:6px 12px;transition:all .2s;display:inline-flex}.page-usul-pok .revision-notes-badge:hover{transform:translateY(-1px);box-shadow:0 0 8px #ef444426;background:#ef44441f!important;border-color:#ef444459!important}.editor-action-bar{background:var(--surface-color);border-top:1px solid #10b98126;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}html.dark .editor-action-bar{background:#0f172af2;border-top-color:#10b9811f}.overlay-badge-telaah{animation:2s ease-in-out infinite pulse-telaah;color:#7c3aed!important;background:#7c3aed1f!important}html.dark .overlay-badge-telaah{color:#a78bfa!important;background:#7c3aed33!important}@keyframes pulse-telaah{0%,to{opacity:1}50%{opacity:.7}}.overlay-badge-mandatori{color:#d97706!important;background:#f59e0b1f!important}html.dark .overlay-badge-mandatori{color:#fbbf24!important;background:#f59e0b33!important}.revisi-grid-layout{grid-template-columns:1fr;align-items:start;gap:16px;margin-top:12px;display:grid}@media (width>=1024px){.revisi-grid-layout{grid-template-columns:3fr 2fr}}.redesain-compact-header{-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);box-shadow:0 8px 32px 0 #10b9810d, var(--shadow-sm);transition:all var(--transition-fast);background:#ffffffd9;border:1px solid #10b98126;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.redesain-compact-header:hover{box-shadow:0 10px 40px 0 #10b98114, var(--shadow-md);border-color:#10b9814d}html.dark .redesain-compact-header{background:#17171773;border-color:#10b98140;box-shadow:0 8px 32px #0006,0 0 20px #10b98105}.redesain-compact-header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.redesain-compact-header-left .page-title{white-space:nowrap;font-size:1.15rem}.redesain-compact-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.redesain-pagu-stage-badge{letter-spacing:.3px;white-space:nowrap;color:var(--primary,#0284c7);background:#0284c714;border:1px solid #0284c733;border-radius:20px;align-items:center;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}html.dark .redesain-pagu-stage-badge{color:var(--primary-light,#38bdf8);background:#0284c726;border-color:#0284c74d}.redesain-btn-reset-data{letter-spacing:.2px;white-space:nowrap;color:#dc2626;cursor:pointer;background:#ef444414;border:1px solid #ef444440;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}.redesain-btn-reset-data:hover{color:#b91c1c;background:#ef444429;border-color:#ef4444;transform:translateY(-1px)}html.dark .redesain-btn-reset-data{color:#f87171;background:#ef444426;border-color:#ef444459}html.dark .redesain-btn-reset-data:hover{color:#fca5a5;background:#ef444440;border-color:#f87171}.reset-belanja-modal-card{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;flex-direction:column;width:92%;max-width:560px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideIn;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}html.dark .reset-belanja-modal-card{background:var(--bg-surface,#1e293b);border-color:#ffffff1a;box-shadow:0 25px 50px -12px #0009}.revisi-context-bar{border:1px solid var(--border-color);background:#fff9;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 20px;display:flex}html.dark .revisi-context-bar{background:#1717174d;border-color:#ffffff14}.revisi-timeline-stepper,.revisi-timeline-stepper .step-item{align-items:center;gap:0;display:flex}.revisi-timeline-stepper .step-content{align-items:center;gap:5px;display:flex}.revisi-timeline-stepper .step-circle{background:var(--bg-primary);width:22px;height:22px;color:var(--text-muted);border:1.5px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:all .3s;display:flex}.revisi-timeline-stepper .step-circle.active{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.revisi-timeline-stepper .step-circle.completed{color:#10b981;background:#10b9811f;border-color:#10b98140}.revisi-timeline-stepper .step-label{color:var(--text-muted);white-space:nowrap;font-size:11px;font-weight:500}.revisi-timeline-stepper .step-label.active{color:#10b981;font-weight:700}.revisi-timeline-stepper .step-label.completed{color:var(--text-primary)}.revisi-timeline-stepper .step-connector{background:var(--border-color);opacity:.5;flex-shrink:0;width:20px;height:2px;margin:0 6px}.revisi-timeline-stepper .step-connector.completed{background:var(--emerald-500,#10b981)}.revisi-timeline-stepper .step-connector.completed-external{background:#3b82f6}.revisi-timeline-stepper .step-circle.active-external{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.revisi-timeline-stepper .step-circle.completed-external{color:#3b82f6;background:#3b82f61f;border-color:#3b82f640}.revisi-timeline-stepper .step-label.active-external{color:#3b82f6;font-weight:700}.revisi-timeline-stepper .step-label.completed-external{color:var(--text-primary)}.revisi-timeline-stepper .step-circle.active-siapp{color:#fff;background:#d73925;border-color:#d73925;box-shadow:0 0 0 3px #ef444426}.revisi-timeline-stepper .step-circle.completed-siapp{color:#d73925;background:#ef44441f;border-color:#ef444440}.revisi-timeline-stepper .step-label.active-siapp{color:#d73925;font-weight:700}.revisi-timeline-stepper .step-label.completed-siapp{color:var(--text-primary)}.revisi-timeline-stepper .step-connector.completed-siapp{background:#d73925}.revisi-timeline-stepper .phase-separator{flex-shrink:0;align-items:center;gap:4px;margin:0 10px;display:flex}.revisi-timeline-stepper .phase-separator .phase-line{background:var(--border-color);opacity:.6;width:1px;height:18px}.revisi-timeline-stepper .phase-separator .phase-dot{background:var(--border-color);opacity:.6;border-radius:50%;width:3px;height:3px}.sync-status-pills{align-items:center;gap:6px;margin-top:6px;display:inline-flex}.sync-pill{letter-spacing:.3px;text-transform:uppercase;border:1px solid #0000;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:9px;font-weight:700;transition:all .2s;display:inline-flex}.sync-pill.synced{color:#059669;background:#10b9811a;border-color:#10b98133}.sync-pill.synced-external{color:#2563eb;background:#3b82f61a;border-color:#3b82f633}.sync-pill.pending{color:#d97706;background:#f59e0b1a;border-color:#f59e0b33}.sync-pill.waiting{color:var(--text-muted);background:#6b72800f;border-color:#6b728026}.sync-pill .pill-icon{font-size:9px;line-height:1}.redesain-page-tabs{border-bottom:1px solid var(--border-color);align-items:center;gap:24px;margin-top:4px;margin-bottom:20px;display:flex;position:relative}.redesain-page-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:10px 4px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:color .2s;display:inline-flex;position:relative}.redesain-page-tab:hover{color:var(--text-primary);background:0 0}html.dark .redesain-page-tab:hover{background:0 0}.redesain-page-tab.active{color:var(--primary-600,#0284c7);font-weight:700}html.dark .redesain-page-tab.active{color:var(--primary-400,#38bdf8)}.redesain-page-tab:after{content:"";background:var(--primary-600,#0284c7);border-radius:2px 2px 0 0;width:100%;height:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.redesain-page-tab.active:after{transform:scaleX(1)}html.dark .redesain-page-tab:after{background:var(--primary-400,#38bdf8)}.redesain-page-tab .tab-icon{opacity:.65;transition:opacity .2s}.redesain-page-tab.active .tab-icon{opacity:1}.redesain-tab-badge{color:var(--primary-600,#0284c7);background:#0284c714;border:1px solid #0284c733;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700;line-height:1.4}html.dark .redesain-tab-badge{color:var(--primary-400,#38bdf8);background:#38bdf826;border-color:#38bdf84d}@media (width<=480px){.redesain-page-tabs{gap:16px;overflow-x:auto}.redesain-page-tabs::-webkit-scrollbar{display:none}.redesain-page-tab{padding:10px 4px 12px;font-size:13px}.redesain-compact-header{flex-direction:column;align-items:stretch;gap:10px}.redesain-compact-header-left{flex-direction:column;align-items:stretch;gap:8px}.redesain-compact-header-right{justify-content:flex-start}.revisi-context-bar{flex-direction:column;align-items:stretch;gap:10px}.revisi-timeline-stepper{padding-bottom:4px;overflow-x:auto}.revisi-timeline-stepper::-webkit-scrollbar{display:none}.revisi-timeline-stepper .step-label{font-size:10px}.revisi-timeline-stepper .step-connector{width:12px;margin:0 3px}}.page-validasi-pok{flex-direction:column;gap:20px;animation:.4s ease-out fadeIn;display:flex}.validation-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:4px;display:grid}.validation-metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);align-items:center;gap:16px;padding:18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 20px #00000005}.validation-metric-card:hover{border-color:#10b9814d;transform:translateY(-2px);box-shadow:0 10px 25px #10b9810d}.metric-icon-box{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-info{flex-direction:column;gap:2px;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}.metric-number{color:var(--text-heading);font-size:22px;font-weight:800}.validation-filter-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;box-shadow:0 4px 20px #00000005}.filter-left,.filter-right{align-items:center;gap:12px;display:flex}.status-badge{border-radius:var(--radius-full);letter-spacing:.3px;text-transform:capitalize;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.status-badge-draft{color:#6b7280;background:#6b728014;border-color:#6b728026}.status-badge-diajukan{color:#d97706;background:#f59e0b14;border-color:#f59e0b26;animation:2s infinite pulse-border}.status-badge-perlu_perbaikan{color:#dc2626;background:#ef444414;border-color:#ef444426}.status-badge-diverifikasi{color:#7c3aed;background:#8b5cf614;border-color:#8b5cf626}.status-badge-ditetapkan{color:#2563eb;background:#3b82f614;border-color:#3b82f626}.validation-review-overlay{background:var(--bg-primary);z-index:9999;opacity:0;justify-content:stretch;align-items:stretch;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;display:flex;position:fixed;inset:0;transform:translate(100%)}.validation-review-overlay.open{opacity:1;transform:translate(0)}.validation-review-card{background:var(--bg-card);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.validation-review-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fff6;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.validation-review-body{flex:1;display:flex;overflow:hidden}.validation-review-workspace{background:var(--bg-secondary);flex:1;padding:24px;overflow-y:auto}.validation-review-sidebar{border-left:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;gap:20px;width:340px;padding:24px;display:flex;overflow-y:auto}.validation-back-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff80;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.validation-back-btn:hover{color:var(--emerald-600);background:#10b9810f;border-color:#10b9814d}html.dark .validation-back-btn{background:#1e1e1e80}html.dark .validation-back-btn:hover{color:var(--emerald-400);background:#10b9811a}.review-stats-list{flex-direction:column;gap:10px;display:flex}.review-stat-row{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.review-stat-label{color:var(--text-muted);font-weight:500}.review-stat-value{color:var(--text-primary);font-weight:700}.validation-notes-textarea{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;box-sizing:border-box;outline:none;padding:12px;font-size:13px;line-height:1.5;transition:all .2s}.validation-notes-textarea:focus{border-color:var(--emerald-500);background:var(--bg-card);box-shadow:0 0 0 3px #10b98126}.validation-action-box{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;margin-top:auto;padding-top:20px;display:flex}.review-sheet-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12.5px}.review-sheet-table th{background:var(--gray-100,#f1f5f9);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-color);text-align:left;padding:8px 12px;font-size:11px;font-weight:700}html.dark .review-sheet-table th{color:var(--text-secondary);background:#ffffff0a}.review-sheet-table td{border:1px solid var(--border-color);background:var(--bg-card);padding:6px 12px}.review-sheet-table tbody tr:hover td{background-color:var(--gray-50,#f8fafc)!important}html.dark .review-sheet-table tbody tr:hover td{background-color:#ffffff05!important}.review-sheet-table tr.row-level-jb td{background:var(--gray-100,#f1f5f9);font-weight:700}html.dark .review-sheet-table tr.row-level-jb td{background:#ffffff0a}.review-sheet-table tr.row-level-sk td{background:var(--gray-50,#f8fafc);font-weight:700}html.dark .review-sheet-table tr.row-level-sk td{background:#ffffff05}.review-sheet-table tr.row-level-ak td{background:0 0}@keyframes pulse-border{0%{box-shadow:0 0 #f59e0b33}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}html.dark .validation-review-header{background:#0f172a99}html.dark .status-badge-draft{color:#9ca3af;background:#9ca3af1a;border-color:#9ca3af26}html.dark .status-badge-diajukan{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}html.dark .status-badge-perlu_perbaikan{color:#f87171;background:#f871711a;border-color:#f8717133}html.dark .status-badge-diverifikasi{color:#a78bfa;background:#a78bfa1a;border-color:#a78bfa33}html.dark .status-badge-ditetapkan{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa33}.page-validasi-pok .crud-table thead th{text-transform:uppercase;letter-spacing:.05em;background:var(--gray-100,#f1f5f9)!important;color:var(--text-secondary,#475569)!important;border-bottom:1px solid var(--border-color)!important;padding:8px 12px!important;font-size:11px!important;font-weight:700!important}html.dark .page-validasi-pok .crud-table thead th{color:var(--text-secondary)!important;background:#ffffff0a!important}.page-validasi-pok .crud-table tbody tr{transition:background-color .2s}.page-validasi-pok .crud-table tbody td{font-size:12.5px;padding:6px 12px!important}.page-validasi-pok .crud-table tbody tr:hover{background-color:var(--gray-50,#f8fafc)!important}html.dark .page-validasi-pok .crud-table tbody tr:hover{background-color:#ffffff05!important}.review-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s}.review-tab-btn:hover{color:var(--text-primary);background:#10b9810a}.review-tab-btn.active{color:var(--emerald-600);border-bottom-color:var(--emerald-500);font-weight:700}html.dark .review-tab-btn.active{color:var(--emerald-400);border-bottom-color:var(--emerald-400)}.validation-review-card{flex-direction:column;height:100vh;display:flex;overflow:hidden;border-radius:0!important;padding:0!important}.validation-review-header{padding:12px 20px!important}.diff-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.diff-dot--added{color:#10b981;background:#10b9811f}.diff-dot--modified{color:#d97706;background:#f59e0b1f}.diff-dot--deleted{color:#ef4444;background:#ef44441f}@keyframes row-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes row-highlight-pulse{0%{background:#f59e0b26}to{background:#f59e0b0a}}.pok-row--added,.pok-row--modified,.pok-row.diff-row-added,.pok-row.diff-row-modified{background:#f59e0b14!important}.pok-row--added:hover,.pok-row--modified:hover,.pok-row.diff-row-added:hover,.pok-row.diff-row-modified:hover{background:#f59e0b21!important}.pok-row--deleted{opacity:.45;pointer-events:none;background:#ef44440a!important}.pok-row--deleted .pok-cell{font-style:italic;text-decoration:line-through;color:var(--text-muted)!important}.pok-row--deleted .diff-dot,.pok-row--deleted .btn-restore{pointer-events:all;font-style:normal;text-decoration:none}.deleted-row-content{align-items:center;gap:8px;display:flex}.deleted-row-text{color:var(--text-muted);font-style:italic;text-decoration:line-through}.deleted-row-badge{text-transform:uppercase;letter-spacing:.5px;color:#ef4444;pointer-events:all;background:#ef44441a;border:1px solid #ef444433;border-radius:4px;align-items:center;padding:1px 6px;font-size:9px;font-style:normal;font-weight:700;text-decoration:none;display:inline-flex}.btn-restore{color:#059669;cursor:pointer;pointer-events:all;opacity:1;background:#10b98114;border:1px solid #10b9814d;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-restore:hover{background:#10b98126;border-color:#10b98166}.cell-diff-indicator{flex-direction:column;display:flex}.cell-diff-prev{color:var(--text-muted);opacity:.8;margin-top:1px;font-size:10px;font-style:italic;line-height:1.2}.pok-cell--changed{position:relative}.pok-cell--changed:after{content:"";background:#f59e0b66;border-radius:1px;height:2px;position:absolute;bottom:0;left:0;right:0}.change-summary-panel{background:var(--bg-card,#fff);border:1px solid var(--border-color);border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:4px 10px;display:flex}.change-summary-badges{align-items:center;gap:4px;display:flex}.change-summary-badge{border:1px solid var(--badge-border);background:var(--badge-bg);color:var(--badge-color);cursor:pointer;border-radius:10px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.4;transition:all .15s;display:inline-flex}.change-summary-badge:hover{filter:brightness(.95);transform:scale(1.03)}.change-summary-badge.active{box-shadow:0 0 0 2px var(--badge-color)}.change-summary-badge-icon{font-size:12px;font-weight:900}.change-summary-badge-count{font-variant-numeric:tabular-nums}.change-summary-review-btn{border:1px solid var(--border-color);background:var(--bg-secondary,#f9fafb);color:var(--text-heading);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.change-summary-review-btn:hover{background:var(--bg-tertiary,#f3f4f6);border-color:var(--text-muted)}.diff-nav-controls{background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:2px;padding:2px 4px;display:flex}.diff-nav-btn{width:20px;height:20px;color:var(--text-heading);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.diff-nav-btn:hover{background:#00000014}.diff-nav-counter{font-variant-numeric:tabular-nums;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:0 4px;font-size:10px;font-weight:700}.diff-filter-tabs{background:var(--bg-secondary,#f3f4f6);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex}.diff-filter-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.diff-filter-tab:hover{color:var(--text-heading);background:#0000000a}.diff-filter-tab.active{background:var(--bg-card,#fff);color:var(--text-heading);box-shadow:0 1px 3px #00000014}.diff-filter-tab-count{font-variant-numeric:tabular-nums;background:#0000000f;border-radius:8px;padding:0 4px;font-size:10px}.diff-filter-tab.active .diff-filter-tab-count{background:#00000014}.btn-undo-row{color:var(--text-muted);cursor:pointer;opacity:0;background:#6b72800f;border:1px solid #6b728033;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.pok-row:hover .btn-undo-row,.pok-row--modified .btn-undo-row,.pok-row--added .btn-undo-row{opacity:1}.btn-undo-row:hover{color:#d97706;background:#f59e0b1a;border-color:#f59e0b4d}.change-summary-deleted-info{color:#ef4444;-webkit-user-select:none;user-select:none;background:#ef44440f;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}@keyframes flash-highlight{0%{background-color:#f59e0b73!important}20%{background-color:#f59e0b40!important}40%{background-color:#f59e0b73!important}70%{background-color:#f59e0b33!important}to{background-color:#0000}}.flash-highlight{outline-offset:-2px;outline:2px solid #f59e0b99!important;animation:3s ease-in-out flash-highlight!important}@keyframes flash-restore{0%{background:#10b98140}to{background:0 0}}.flash-restore{animation:1.5s ease-out flash-restore}.pok-row--diff-tracked{transition:opacity .2s,background-color .3s}.pok-row--filtered-out{display:none}.diff-only--hidden{display:none!important}html.dark .change-summary-panel{background:#ffffff0a}html.dark .change-summary-review-btn{background:#ffffff0f}html.dark .diff-filter-tabs{background:#ffffff0a}html.dark .diff-filter-tab.active{background:#ffffff1a}html.dark .btn-restore{background:#10b9811f}html.dark .deleted-row-badge{background:#ef444426}html.dark .btn-undo-row{background:#6b72801a}.matriks-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;padding:12px;animation:.2s ease-out matriksFadeIn;display:flex;position:fixed;inset:0}@keyframes matriksFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.matriks-modal-container{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;flex-direction:column;width:98vw;max-width:1560px;height:96vh;max-height:96vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}.matriks-modal-header{background:var(--bg-secondary,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.matriks-modal-title{align-items:center;gap:10px;display:flex}.matriks-modal-title h2{color:var(--text-heading,#0f172a);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.matriks-modal-subtitle{color:var(--text-muted,#64748b);margin-top:2px;font-size:11px}.matriks-header-controls{align-items:center;gap:12px;margin-left:auto;display:flex}.matriks-header-controls .overlay-header-metrics{flex-shrink:0;align-items:center;gap:8px;padding:0 4px;display:flex}.matriks-header-controls .hdr-metric{flex-direction:column;align-items:flex-end;gap:1px;line-height:1.15;display:flex}.matriks-header-controls .hdr-metric-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:600}.matriks-header-controls .hdr-metric-value{color:var(--text-heading,#1e293b);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:700}.matriks-header-controls .hdr-metric-divider{background:#10b98140;flex-shrink:0;width:1px;height:20px;margin:0 4px}.matriks-header-controls .hdr-metric-primary,.matriks-header-controls .hdr-metric-success{color:#059669}.matriks-header-controls .hdr-metric-danger{color:#dc2626}html.dark .matriks-header-controls .hdr-metric-divider{background:#10b98159}html.dark .matriks-header-controls .hdr-metric-value{color:var(--text-heading,#f1f5f9)}html.dark .matriks-header-controls .hdr-metric-primary,html.dark .matriks-header-controls .hdr-metric-success{color:#34d399}html.dark .matriks-header-controls .hdr-metric-danger{color:#f87171}.matriks-btn-close{border:1px solid var(--border-color,#cbd5e1);width:32px;height:32px;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.matriks-btn-close:hover{color:#dc2626;background:#ef44441a;border-color:#ef44444d}.matriks-filter-bar{background:var(--bg-primary,#fff);border-bottom:1px solid var(--border-color,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 20px;font-size:12px;display:flex}.matriks-filter-select{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-primary,#fff);color:var(--text-heading,#1e293b);border-radius:6px;outline:none;max-width:340px;padding:5px 10px;font-size:12px}.matriks-table-wrapper{background:var(--bg-secondary,#f8fafc);flex:1 1 0;min-height:0;padding:10px 14px;overflow:auto}.matriks-table{border-collapse:collapse;width:100%;min-width:1300px;color:var(--text-heading,#1e293b);background:var(--bg-primary,#fff);border:1px solid var(--border-color,#cbd5e1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11.5px;box-shadow:0 1px 3px #0000000d}.matriks-table th,.matriks-table td{vertical-align:middle;border:1px solid #cbd5e1;padding:5px 8px}.matriks-th-semula{color:#fff!important;background:#0284c7!important;border-right:3.5px solid #0369a1!important}.matriks-th-menjadi{color:#fff!important;background:#0ea5e9!important;border-right:2.5px solid #0284c7!important}.matriks-th-divider,.matriks-col-divider{border-right:3px solid #0284c7!important}.matriks-row-sk .matriks-col-divider{border-right:3px solid #000!important}.matriks-row-akun .matriks-col-divider{border-right:3px solid #15803d!important}.matriks-th-divider-ket,.matriks-col-divider-ket{border-right:2px solid #94a3b8!important}.matriks-th-main{text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:12px;font-weight:700;color:#fff!important;background:#0284c7!important;padding:8px!important}.matriks-th-ket{text-align:center;width:90px;min-width:90px;font-size:12px;font-weight:700;color:#fff!important;background:#0369a1!important}.matriks-th-sub{text-align:center;font-size:10.5px;font-weight:600;color:#fff!important;background:#0ea5e9!important;padding:6px 4px!important}.matriks-table thead{z-index:10;position:sticky;top:0;box-shadow:0 2px 4px #00000014}.matriks-row-sk{font-size:11.5px;font-weight:700;color:#000!important;background:#ffc000!important}.matriks-row-sk td{border-top:2px solid #000!important;border-bottom:2px solid #000!important}.matriks-row-akun{font-size:11.5px;font-weight:700;color:#14532d!important;background:#e2efda!important}.matriks-row-akun td{border-top:1px solid #94a3b8!important;border-bottom:1px solid #94a3b8!important}.matriks-row-item{background:#fff}.matriks-row-item:hover{background:#f8fafc}.matriks-cell-empty{color:#0000;-webkit-user-select:none;user-select:none;background:#f1f5f9}.matriks-text-changed{color:#dc2626!important;font-weight:700!important}.matriks-text-added{color:#059669!important;font-weight:600!important}.matriks-text-deleted{text-decoration:line-through;color:#dc2626!important}.matriks-cell-keterangan{text-align:center;font-size:11px;font-weight:600}.matriks-badge-ket{text-transform:lowercase;border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-block}.matriks-badge-ket--diubah{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}.matriks-badge-ket--ditambah{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.matriks-badge-ket--dihapus{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d}.matriks-row-separator td{background:#fff;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;height:14px;padding:0;border-left:none!important;border-right:none!important}html.dark .matriks-modal-container{background:var(--bg-primary,#1e293b);border-color:var(--border-color,#334155)}html.dark .matriks-modal-header{background:var(--bg-secondary,#0f172a);border-color:var(--border-color,#334155)}html.dark .matriks-filter-bar{background:var(--bg-primary,#1e293b);border-color:var(--border-color,#334155)}html.dark .matriks-filter-select{background:var(--bg-secondary,#0f172a);border-color:var(--border-color,#334155);color:var(--text-heading,#f1f5f9)}html.dark .matriks-table-wrapper{background:#0f172a}html.dark .matriks-table{color:#e2e8f0}html.dark .matriks-table th,html.dark .matriks-table td{border-color:#334155}html.dark .matriks-row-sk{color:#fff!important;background:#d97706!important}html.dark .matriks-row-akun{color:#bbf7d0!important;background:#14532d!important}html.dark .matriks-row-item{background:#0f172a}html.dark .matriks-row-item:hover,html.dark .matriks-cell-empty{background:#1e293b}html.dark .matriks-th-semula{background:#0369a1!important;border-right:3.5px solid #38bdf8!important}html.dark .matriks-th-menjadi{background:#0284c7!important;border-right:2.5px solid #38bdf8!important}html.dark .matriks-th-divider,html.dark .matriks-col-divider{border-right:3px solid #38bdf8!important}html.dark .matriks-th-divider-ket,html.dark .matriks-col-divider-ket{border-right:2px solid #475569!important}html.dark .matriks-row-separator td{background:#0f172a;border-color:#334155}@media print{body *{visibility:hidden}.matriks-modal-overlay,.matriks-modal-container,.matriks-modal-container *{visibility:visible}.matriks-modal-overlay{background:0 0;padding:0;position:static}.matriks-modal-container{width:100%;max-width:100%;height:auto;max-height:none;box-shadow:none;border:none}.matriks-modal-header,.matriks-filter-bar,.matriks-btn-close{display:none!important}.matriks-table-wrapper{overflow:visible}.matriks-table{-webkit-print-color-adjust:exact;print-color-adjust:exact;min-width:100%}}.impor-ekspor-page{max-width:1400px;margin:0 auto}.impor-ekspor-page h2{color:var(--text-heading,#1e293b);margin:0 0 4px;font-size:1.5rem}.impor-ekspor-desc{color:var(--text-muted,#64748b);margin:0 0 16px;font-size:.875rem}.ie-tier1-container{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #00000005}html.dark .ie-tier1-container{background:#18181bbf;border-color:#ffffff14}.ie-module-segmented{background:var(--bg-secondary,#0000000a);border:1px solid var(--border-color,#10b98126);border-radius:10px;gap:4px;padding:4px;display:inline-flex}html.dark .ie-module-segmented{background:#27272a99;border-color:#ffffff1a}.ie-module-btn{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 18px;font-size:.875rem;font-weight:700;transition:all .18s;display:inline-flex}.ie-module-btn:hover{color:var(--emerald-600,#059669);background:#10b9810f}html.dark .ie-module-btn:hover{color:#f1f5f9;background:#ffffff0d}.ie-module-btn.active{background:var(--emerald-600,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff!important}html.dark .ie-module-btn.active{background:var(--emerald-500,#10b981);box-shadow:0 2px 10px #10b98166}.ie-module-hint{color:var(--text-muted,#94a3b8);font-size:.8rem;font-weight:500}.ie-tabs{border-bottom:1px solid var(--border-color,#e2e8f0);gap:24px;margin-bottom:24px;display:flex}.ie-tab{color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:10px 4px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:color .2s;display:inline-flex;position:relative}.ie-tab:hover{color:var(--text-primary,#1e293b)}.ie-tab.active{color:var(--primary-600,#0284c7)}html.dark .ie-tab.active{color:var(--primary-400,#38bdf8)}.ie-tab:after{content:"";background:var(--primary-600,#0284c7);border-radius:2px 2px 0 0;width:100%;height:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}html.dark .ie-tab:after{background:var(--primary-400,#38bdf8)}.ie-tab.active:after{transform:scaleX(1)}.ie-dropzone{border:2px dashed var(--border,#e2e8f0);text-align:center;cursor:pointer;background:var(--bg-surface,#fff);border-radius:12px;padding:48px 32px;transition:all .25s;position:relative}.ie-dropzone:hover,.ie-dropzone.dragging{border-color:var(--primary,#3b82f6);background:#3b82f60a}.ie-dropzone.dragging{box-shadow:0 0 0 4px #3b82f61f}.ie-dropzone-icon{width:56px;height:56px;color:var(--primary,#3b82f6);background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:14px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.ie-dropzone-title{color:var(--text-heading,#1e293b);margin:0 0 4px;font-size:1rem;font-weight:600}.ie-dropzone-sub{color:var(--text-muted,#64748b);margin:0;font-size:.8rem}.ie-file-info{background:#3b82f60f;border:1px solid #3b82f626;border-radius:8px;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex}.ie-file-name{color:var(--text-primary,#1e293b);font-size:.875rem;font-weight:600}.ie-file-size{color:var(--text-muted,#64748b);font-size:.75rem}.ie-file-remove{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:4px;transition:color .15s}.ie-file-remove:hover{color:var(--red-500,#ef4444)}.ie-mode-selector{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.ie-mode-card{border:2px solid var(--border,#e2e8f0);cursor:pointer;background:var(--bg-surface,#fff);border-radius:10px;flex:1;min-width:200px;padding:14px 16px;transition:all .2s}.ie-mode-card:hover{border-color:var(--primary,#3b82f6);background:#3b82f608}.ie-mode-card.active{border-color:var(--primary,#3b82f6);background:#3b82f60f;box-shadow:0 0 0 3px #3b82f61a}.ie-mode-card h4{align-items:center;gap:6px;margin:0 0 4px;font-size:.875rem;display:flex}.ie-mode-card p{color:var(--text-muted,#64748b);margin:0;font-size:.75rem;line-height:1.4}.ie-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.ie-actions .btn{align-items:center;gap:8px;display:inline-flex}.ie-loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ie-loading-card{background:var(--bg-surface,#fff);text-align:center;border-radius:16px;max-width:400px;padding:32px 40px;box-shadow:0 20px 60px #0003}.ie-loading-card h3{margin:12px 0 4px;font-size:1.1rem}.ie-loading-card p{color:var(--text-muted,#64748b);margin:0;font-size:.85rem}.ie-progress-bar{background:var(--border,#e2e8f0);border-radius:3px;width:100%;height:6px;margin-top:16px;overflow:hidden}.ie-progress-fill{background:linear-gradient(90deg, var(--primary,#3b82f6), var(--purple-500,#8b5cf6));border-radius:3px;height:100%;transition:width .3s}.ie-export-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.ie-export-card{border:1px solid var(--border,#e2e8f0);background:var(--bg-surface,#fff);border-radius:12px;padding:20px;transition:all .2s}.ie-export-card:hover{border-color:var(--primary,#3b82f6);box-shadow:0 2px 8px #0000000f}.ie-export-card h4{align-items:center;gap:8px;margin:0 0 6px;font-size:.95rem;display:flex}.ie-export-card p{color:var(--text-muted,#64748b);margin:0 0 14px;font-size:.8rem;line-height:1.4}.ie-export-selectors{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.ie-export-selectors select{border:1px solid var(--border,#e2e8f0);background:var(--bg-surface,#fff);color:var(--text-primary,#1e293b);border-radius:8px;min-width:200px;padding:8px 12px;font-size:.85rem}.ie-error-banner{background:#ef444414;border:1px solid #ef444433;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.ie-error-banner ul{color:var(--red-700,#b91c1c);margin:4px 0 0;padding-left:16px;font-size:.85rem}.import-preview{margin-top:20px}.import-summary-bar{background:linear-gradient(135deg,#3b82f60f,#8b5cf60f);border:1px solid #3b82f61f;border-radius:10px;margin-bottom:12px;padding:12px 16px}.import-summary-stats{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.import-stat{color:var(--text-secondary,#475569);align-items:center;gap:4px;font-size:.8rem;display:flex}.import-stat strong{color:var(--text-heading,#1e293b)}.import-stat--valid,.import-stat--valid strong{color:var(--emerald-600,#059669)}.import-stat--error,.import-stat--error strong{color:var(--red-600,#dc2626)}.import-stat--new strong{color:var(--emerald-600,#059669)}.import-stat--update strong{color:var(--blue-600,#2563eb)}.import-stat--nominal{margin-left:auto;font-size:.85rem}.import-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.import-filter-group{color:var(--text-muted,#64748b);align-items:center;gap:6px;display:flex}.import-filter-btn{border:1px solid var(--border,#e2e8f0);background:var(--bg-surface,#fff);color:var(--text-secondary,#475569);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.75rem;transition:all .15s}.import-filter-btn:hover{background:var(--bg-hover,#00000008)}.import-filter-btn.active{background:var(--primary,#3b82f6);color:#fff;border-color:var(--primary,#3b82f6)}.import-filter-btn--valid.active{background:var(--emerald-500,#10b981);border-color:var(--emerald-500,#10b981)}.import-filter-btn--warning.active{background:var(--amber-500,#f59e0b);border-color:var(--amber-500,#f59e0b)}.import-filter-btn--error.active{background:var(--red-500,#ef4444);border-color:var(--red-500,#ef4444)}.import-unit-filter{border:1px solid var(--border,#e2e8f0);background:var(--bg-surface,#fff);color:var(--text-primary,#1e293b);border-radius:6px;margin-left:auto;padding:4px 10px;font-size:.75rem}.import-unit-summary{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.import-unit-chip{border:1px solid var(--border,#e2e8f0);background:var(--bg-surface,#fff);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;display:flex}.import-unit-chip-name{color:var(--text-heading,#1e293b);font-weight:600}.import-unit-chip-count{color:var(--text-muted,#64748b)}.import-unit-chip-nominal{color:var(--primary,#3b82f6);font-weight:500}.import-table-wrapper{border:1px solid var(--border,#e2e8f0);border-radius:10px;overflow-x:auto}.import-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.75rem}.import-th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted,#64748b);background:var(--bg-subtle,#f8fafc);border-bottom:1px solid var(--border,#e2e8f0);z-index:1;padding:8px 10px;font-size:.7rem;font-weight:600;position:sticky;top:0}.import-th--num,.import-th--status{text-align:center;width:36px}.import-th--action{width:60px}.import-th--right{text-align:right}.import-th--sort{cursor:pointer;-webkit-user-select:none;user-select:none}.import-th--sort:hover{color:var(--primary,#3b82f6)}.import-td{border-bottom:1px solid var(--border-subtle,#f1f5f9);color:var(--text-primary,#1e293b);padding:6px 10px}.import-td--num{text-align:center;color:var(--text-muted,#64748b);font-size:.7rem}.import-td--status{text-align:center}.import-td--kode{font-family:SF Mono,Fira Code,monospace;font-size:.7rem}.import-td--right{text-align:right;font-variant-numeric:tabular-nums}.import-td--nominal{font-weight:600}.import-td--uraian{text-overflow:ellipsis;max-width:240px;overflow:hidden}.import-row{cursor:pointer;transition:background .1s}.import-row:hover{filter:brightness(.97)}.import-action-badge{letter-spacing:.02em;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.import-row-detail td{background:var(--bg-subtle,#f8fafc);padding:0}.import-messages{padding:8px 16px}.import-msg{color:var(--text-secondary,#475569);padding:3px 0;font-size:.75rem}.import-msg--error{color:var(--red-600,#dc2626)}.import-msg--warning{color:var(--amber-700,#b45309)}.import-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}.import-pagination-info{color:var(--text-muted,#64748b);font-size:.75rem}.import-pagination-controls{gap:4px;display:flex}.import-pagination-btn{border:1px solid var(--border,#e2e8f0);background:var(--bg-surface,#fff);color:var(--text-secondary,#475569);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.75rem;transition:all .15s}.import-pagination-btn:hover:not(:disabled){background:var(--bg-hover,#00000008)}.import-pagination-btn.active{background:var(--primary,#3b82f6);color:#fff;border-color:var(--primary,#3b82f6)}.import-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.ie-success{text-align:center;background:#10b9810f;border:1px solid #10b98133;border-radius:12px;padding:24px}.ie-success h3{color:var(--emerald-600,#059669);margin:12px 0 6px}.ie-success p{color:var(--text-muted,#64748b);margin:0;font-size:.85rem}html.dark .ie-dropzone{border-color:var(--border,#334155);background:var(--bg-surface,#1e293b)}html.dark .ie-dropzone:hover,html.dark .ie-dropzone.dragging{border-color:var(--primary,#60a5fa);background:#60a5fa0f}html.dark .ie-mode-card{border-color:var(--border,#334155);background:var(--bg-surface,#1e293b)}html.dark .ie-mode-card.active{border-color:var(--primary,#60a5fa);background:#60a5fa1a}html.dark .ie-export-card{border-color:var(--border,#334155);background:var(--bg-surface,#1e293b)}html.dark .import-th,html.dark .import-row-detail td{background:var(--bg-subtle,#0f172a)}html.dark .import-table-wrapper{border-color:var(--border,#334155)}html.dark .import-unit-chip{border-color:var(--border,#334155);background:var(--bg-surface,#1e293b)}html.dark .import-filter-btn{border-color:var(--border,#334155);background:var(--bg-surface,#1e293b);color:var(--text-secondary,#94a3b8)}html.dark .ie-loading-card{background:var(--bg-surface,#1e293b)}html.dark .ie-file-info{background:#60a5fa14;border-color:#60a5fa33}html.dark .import-summary-bar{background:linear-gradient(135deg,#60a5fa14,#a78bfa14);border-color:#60a5fa26}@media (width<=768px){.ie-mode-selector{flex-direction:column}.ie-export-grid{grid-template-columns:1fr}.ie-export-selectors{flex-direction:column}.import-summary-stats{gap:8px}.import-stat--nominal{width:100%;margin-left:0}}.user-filter-bar{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.user-filter-bar select.input{width:auto;min-width:150px}.role-badge{letter-spacing:.3px;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.role-badge .role-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-aktif{color:var(--success);font-weight:600;font-size:var(--text-xs);align-items:center;gap:4px;display:inline-flex}.status-nonaktif{color:var(--danger);font-weight:600;font-size:var(--text-xs);align-items:center;gap:4px;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.aktif{background-color:var(--success);box-shadow:0 0 6px #22c55e66}.status-dot.nonaktif{background-color:var(--danger)}.user-avatar-sm{color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.user-info-cell{align-items:center;gap:var(--space-3);display:flex}.user-info-cell .user-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);line-height:1.3}.user-info-cell .user-email{font-size:var(--text-xs);color:var(--text-muted)}.unit-badge-sm{border-radius:var(--radius-sm);color:var(--emerald-600);background:#10b98114;border:1px solid #10b98126;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}html.dark .unit-badge-sm{color:var(--emerald-400);background:#10b9811a;border-color:#10b98133}.user-form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.user-form-grid .form-group.full-width{grid-column:1/-1}.user-stats-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.user-stat-card{align-items:center;gap:var(--space-3);min-width:140px;padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:1;display:flex}.user-stat-card .stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-stat-card .stat-value{font-size:var(--text-xl);color:var(--text-primary);font-weight:700;line-height:1}.user-stat-card .stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.user-actions{justify-content:flex-end;gap:4px;display:flex}.penugasan-modal-content{border-radius:var(--radius-xl);height:88vh;flex-direction:column!important;gap:0!important;width:min(960px,95vw)!important;max-width:960px!important;max-height:min(88vh,740px)!important;padding:0!important;display:flex!important;overflow:hidden!important}.penugasan-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.penugasan-modal-body{background:var(--bg-primary);flex:1;grid-template-columns:350px 1fr;min-height:0;display:grid;overflow:hidden}.penugasan-col-left{border-right:1px solid var(--border-color);background:var(--bg-card);flex-direction:column;gap:14px;min-width:0;padding:18px 20px;display:flex;overflow:auto}.penugasan-info-box{border-radius:var(--radius-md);color:var(--text-secondary);background:#3b82f60f;border:1px solid #3b82f626;padding:12px;font-size:12px;line-height:1.5}html.dark .penugasan-info-box{background:#3b82f61a;border-color:#3b82f640}.penugasan-summary-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);flex-direction:column;display:flex;overflow:hidden}.penugasan-summary-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);background:#00000005;padding:10px 12px;font-size:11px;font-weight:700}.penugasan-summary-list{flex-direction:column;max-height:240px;display:flex;overflow:auto}.penugasan-summary-item{border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;transition:background .15s;display:flex}.penugasan-summary-item:last-child{border-bottom:none}.penugasan-summary-item:hover{background:#10b9810f}.penugasan-summary-item.active{border-left:3px solid var(--primary);background:#10b9811f;font-weight:600}.penugasan-col-right{background:var(--bg-card);flex-direction:column;gap:12px;min-width:0;padding:18px 20px;display:flex;overflow:auto}.penugasan-right-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.penugasan-table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);flex:1;min-height:220px;overflow:auto}.penugasan-unit-table{border-collapse:collapse;width:100%;min-width:380px;font-size:12.5px}.penugasan-unit-table thead th{background:var(--gray-100,#f1f5f9);z-index:2;border-bottom:1px solid var(--border-color);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#475569);padding:10px 12px;font-size:11.5px;font-weight:700;position:sticky;top:0}html.dark .penugasan-unit-table thead th{color:var(--text-secondary);background:#ffffff0a}.penugasan-unit-table tbody tr{cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .12s}.penugasan-unit-table tbody tr:hover{background:#10b9810a}.penugasan-unit-table tbody tr.row-selected{background:#10b98114}.penugasan-unit-table tbody td{padding:9px 12px}.penugasan-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}@media (width<=820px){.penugasan-modal-content{height:92vh!important;max-height:92vh!important}.penugasan-modal-body{grid-template-columns:1fr;overflow:auto}.penugasan-col-left{border-right:none;border-bottom:1px solid var(--border-color);flex-shrink:0;max-height:280px}.penugasan-col-right{flex:1;min-height:320px}}@media (width<=768px){.user-form-grid{grid-template-columns:1fr}.user-filter-bar{flex-direction:column;align-items:stretch}.user-stats-row{flex-direction:column}}.roles-list-container{max-height:260px;padding-right:4px;overflow-y:auto}.role-item-row{transition:border-color var(--transition-fast), background-color var(--transition-fast)}.role-item-row:hover{background-color:var(--bg-card-hover,#ffffff0d)}.role-cards-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.role-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-base);cursor:default}.role-card:hover{box-shadow:var(--shadow-md);border-color:#0284c740}html.dark .role-card:hover{box-shadow:var(--shadow-md), 0 0 16px #0284c714}.role-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.role-card-icon{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.role-card-title{font-weight:700;font-size:var(--text-base);color:var(--text-primary)}.role-card-count{font-size:var(--text-xs);color:var(--text-muted)}.role-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.5}.role-card-level{color:var(--text-muted);border-radius:var(--radius-sm);background:var(--bg-secondary);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.permission-matrix-container{overflow-x:auto}.permission-matrix{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--text-sm)}.permission-matrix th,.permission-matrix td{border-bottom:1px solid var(--border-color);white-space:nowrap;padding:10px 12px}.permission-matrix thead th{background:var(--gray-100,#f1f5f9);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#475569);z-index:2;font-size:11.5px;font-weight:700;position:sticky;top:0}html.dark .permission-matrix thead th{color:var(--text-secondary);background:#ffffff0a}.permission-matrix thead th:first-child{z-index:3;position:sticky;left:0}.permission-matrix tbody td:first-child{background:var(--bg-card);z-index:1;font-weight:600;position:sticky;left:0}.permission-matrix tbody tr:hover td{background:#10b98108}html.dark .permission-matrix tbody tr:hover td{background:#10b9810f}.perm-check{color:var(--success);justify-content:center;align-items:center;display:flex}.perm-cross{color:var(--border-color);justify-content:center;align-items:center;display:flex}.role-tabs{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-6);gap:24px;padding-bottom:0;display:flex}.role-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:10px 4px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:color .2s;display:inline-flex;position:relative}.role-tab:hover{color:var(--text-primary)}.role-tab.active{color:var(--primary-600,#0284c7)}html.dark .role-tab.active{color:var(--primary-400,#38bdf8)}.role-tab:after{content:"";background:var(--primary-600,#0284c7);border-radius:2px 2px 0 0;width:100%;height:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}html.dark .role-tab:after{background:var(--primary-400,#38bdf8)}.role-tab.active:after{transform:scaleX(1)}.level-badge{border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}@media (width<=768px){.role-cards-grid{grid-template-columns:1fr}}.profil-container{max-width:1100px;margin:0 auto}.profil-grid{grid-template-columns:360px 1fr;gap:24px;display:grid}@media (width<=900px){.profil-grid{grid-template-columns:1fr;gap:20px}}.profil-id-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);height:fit-content;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),border-color .3s;position:relative;overflow:hidden}.profil-id-card:hover{box-shadow:var(--shadow-md);border-color:#10b9814d;transform:translateY(-2px)}.profil-banner{background:linear-gradient(135deg,#059669 0%,#064e3b 100%);height:120px;position:relative}.profil-banner-pattern{opacity:.08;background-image:radial-gradient(circle at 1px 1px,#fff 1px,#0000 0);background-size:20px 20px;width:100%;height:100%;position:absolute;top:0;left:0}.profil-id-body{z-index:2;flex-direction:column;align-items:center;padding:0 24px 30px;display:flex;position:relative}.profil-avatar-wrapper{border:4px solid var(--bg-card);width:104px;height:104px;box-shadow:var(--shadow-md);color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-52px;margin-bottom:16px;font-size:32px;font-weight:800;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s,border-color .3s;display:flex}.profil-avatar-wrapper:hover{border-color:#10b981;transform:scale(1.08)rotate(3deg);box-shadow:0 0 24px #10b98166}.profil-id-name{color:var(--text-primary);text-align:center;margin-bottom:4px;font-size:19px;font-weight:800;line-height:1.3}.profil-id-email{color:var(--text-muted);text-align:center;word-break:break-all;margin-bottom:14px;font-size:13.5px}.profil-id-role{justify-content:center;margin-bottom:20px;display:flex}.profil-id-divider{background:var(--border-color);width:100%;height:1px;margin-bottom:20px}.profil-id-details{flex-direction:column;gap:12px;width:100%;display:flex}.profil-id-detail-item{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:flex-start;gap:12px;padding:10px 14px;transition:background-color .2s,border-color .2s,transform .2s;display:flex}.profil-id-detail-item:hover{background:var(--bg-card);border-color:#10b98133;transform:translate(2px)}.detail-icon{color:#10b981;flex-shrink:0;margin-top:2px;transition:transform .2s}.profil-id-detail-item:hover .detail-icon{transform:scale(1.1)}.detail-info{flex-direction:column;gap:2px;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.detail-value{color:var(--text-primary);font-size:13.5px;font-weight:700;line-height:1.4}.profil-settings-card{transition:border-color .3s,box-shadow .3s}.profil-settings-card:hover{border-color:#10b98126}.profil-tabs{border-bottom:1px solid var(--border-color);gap:20px;margin-bottom:24px;display:flex}.profil-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 4px 14px;font-size:14px;font-weight:700;transition:color .2s;display:flex;position:relative}.profil-tab-btn:hover{color:var(--text-primary)}.profil-tab-btn.active{color:#10b981}.profil-tab-btn:after{content:"";background:#10b981;width:100%;height:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.profil-tab-btn.active:after{transform:scaleX(1)}.profil-form-grid{grid-template-columns:1fr;gap:20px;display:grid}.profil-form-actions{justify-content:flex-end;margin-top:12px;display:flex}.form-group-relative{position:relative}.password-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s,transform .2s;display:flex;position:absolute;top:36px;right:12px}.password-toggle-btn:hover{color:var(--text-primary);transform:scale(1.08)}.input{transition:border-color .2s,box-shadow .2s,background-color .2s!important}.input:hover{border-color:#10b9814d!important}.input:focus{background-color:var(--bg-card)!important;border-color:#10b981!important;box-shadow:0 0 0 3px #10b98126!important}.btn-primary{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%)!important;border:1px solid #0000!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.btn-primary:hover{transform:translateY(-1px);color:#fff!important;background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 45%,#34d399 100%)!important;border:1px solid #0000!important;box-shadow:0 4px 14px #0ea5e94d,0 2px 6px #34d39933!important}.btn-primary:active{transform:translateY(0);background:linear-gradient(135deg,#0369a1 0%,#0f766e 45%,#059669 100%)!important;border:1px solid #0000!important}.profil-avatar-wrapper{cursor:pointer;position:relative;overflow:hidden}.profil-avatar-overlay{opacity:0;color:#fff;background:#00000073;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0}.profil-avatar-wrapper:hover .profil-avatar-overlay{opacity:1}.btn-remove-photo{color:#ef4444;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:4px 10px;font-size:12px;font-weight:700;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.btn-remove-photo:hover{color:#dc2626;background-color:#ef444414;transform:translateY(-.5px)}.btn-remove-photo:active{transform:translateY(0)}:root{--slide-bg:radial-gradient(circle at top left, #0e1e12, #070d09);--slide-accent:#10b981;--slide-accent-glow:#10b98126;--slide-accent-gold:#f59e0b;--slide-text-primary:#f3f4f6;--slide-text-secondary:#9ca3af;--slide-card-bg:#11182799;--slide-card-border:#ffffff14}.slide-deck-page{background:var(--slide-bg);width:100vw;height:100vh;color:var(--slide-text-primary);font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.slide-header{z-index:100;background:linear-gradient(#070d09cc,#0000);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:absolute;top:0;left:0;right:0}.slide-header__logo{color:#fff;align-items:center;gap:10px;font-size:1.2em;font-weight:700;text-decoration:none;display:flex}.slide-header__logo-bima{background:linear-gradient(135deg, var(--slide-accent), #059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.slide-header__controls{align-items:center;gap:12px;display:flex}.slide-header__btn{border:1px solid var(--slide-card-border);color:var(--slide-text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.875em;transition:all .2s;display:flex}.slide-header__btn:hover{border-color:var(--slide-accent);background:#ffffff1a;transform:translateY(-1px)}.slide-progress{background:linear-gradient(to right, var(--slide-accent), var(--slide-accent-gold));z-index:101;height:4px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.slide-container{justify-content:center;align-items:center;width:100%;height:100%;padding:80px 40px;display:flex;position:relative}.slide-content-wrap{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;height:100%;max-height:700px;transition:font-size .2s;display:flex;position:relative}.slide-layout{opacity:0;pointer-events:none;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;transform:translateY(20px)}.slide-layout.active{opacity:1;pointer-events:auto;z-index:10;position:relative;transform:translateY(0)}.animate-fade-up{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards slideFadeUp;transform:translateY(20px)}.animate-delay-1{animation-delay:.15s}.animate-delay-2{animation-delay:.3s}.animate-delay-3{animation-delay:.45s}@keyframes slideFadeUp{to{opacity:1;transform:translateY(0)}}.slide-layout--title{text-align:center;gap:20px}.slide-layout--title h1{background:linear-gradient(135deg, #fff 30%, var(--slide-text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:clamp(2.5em,5vw,4.5em);font-weight:800;line-height:1.1}.slide-layout--title h2{color:var(--slide-accent);letter-spacing:1px;font-size:clamp(1.2em,2vw,1.8em);font-weight:500}.slide-layout--title p{color:var(--slide-text-secondary);max-width:600px;font-size:1.1em}.slide-header-title{align-self:flex-start;margin-bottom:24px}.slide-header-title h2{color:#fff;padding-bottom:10px;font-size:2.2em;font-weight:800;display:inline-block;position:relative}.slide-header-title h2:after{content:"";background:var(--slide-accent);border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:0}.slide-header-title p{color:var(--slide-text-secondary);margin-top:6px;font-size:1em}.slide-body{flex:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.quote-container{background:var(--slide-card-bg);border:1px solid var(--slide-card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:16px;max-width:800px;padding:40px;position:relative;box-shadow:0 8px 32px #0000004d}.quote-container:before{content:"“";color:var(--slide-accent-glow);font-family:Georgia,serif;font-size:8em;position:absolute;top:-40px;left:20px}.quote-text{color:#fff;margin-bottom:20px;font-size:1.8em;font-weight:600;line-height:1.5}.quote-author{color:var(--slide-accent);font-size:1.1em;font-weight:700}.columns-2{grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;width:100%;display:grid}.column-card{background:var(--slide-card-bg);border:1px solid var(--slide-card-border);border-radius:16px;flex-direction:column;gap:20px;padding:30px;display:flex;position:relative;overflow:hidden}.column-card--danger{border-left:4px solid #ef4444}.column-card--success{border-left:4px solid var(--slide-accent)}.column-card h3{align-items:center;gap:10px;font-size:1.4em;font-weight:700;display:flex}.column-card--danger h3{color:#f87171}.column-card--success h3{color:#34d399}.column-card ul{flex-direction:column;gap:12px;list-style:none;display:flex}.column-card li{color:var(--slide-text-primary);align-items:flex-start;gap:10px;font-size:1.05em;line-height:1.4;display:flex}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:100%;display:grid}.card-item{background:var(--slide-card-bg);border:1px solid var(--slide-card-border);border-radius:12px;flex-direction:column;gap:12px;padding:24px;transition:all .3s;display:flex}.card-item:hover{border-color:var(--slide-accent);transform:translateY(-5px);box-shadow:0 10px 20px #0006}.card-item__icon{background:var(--slide-accent-glow);width:48px;height:48px;color:var(--slide-accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.card-item h3{color:#fff;font-size:1.2em;font-weight:700}.card-item p{color:var(--slide-text-secondary);font-size:.95em;line-height:1.4}.timeline{justify-content:space-between;width:100%;padding:40px 0;display:flex;position:relative}.timeline:before{content:"";z-index:1;background:#ffffff1a;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline-step{z-index:2;text-align:center;flex-direction:column;align-items:center;width:25%;display:flex;position:relative}.timeline-dot{background:#1f2937;border:4px solid #111827;border-radius:50%;width:24px;height:24px;margin-bottom:12px;transition:all .3s}.timeline-step--active .timeline-dot{background:var(--slide-accent);border-color:var(--slide-accent-glow);box-shadow:0 0 12px var(--slide-accent)}.timeline-step--completed .timeline-dot{background:var(--slide-accent-gold);border-color:#f59e0b33}.timeline-content{padding:0 10px}.timeline-content h4{color:#fff;margin-bottom:4px;font-size:1.1em;font-weight:700}.timeline-content span{color:var(--slide-accent);text-transform:uppercase;font-size:.8em;font-weight:600}.timeline-content p{color:var(--slide-text-secondary);margin-top:6px;font-size:.875em}.hierarchy-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.hierarchy-node{background:var(--slide-card-bg);border:1px solid var(--slide-card-border);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.9em;font-weight:600;display:flex}.hierarchy-node--highlight{border-color:var(--slide-accent-gold);background:#f59e0b0d}.hierarchy-arrow{color:var(--slide-text-secondary)}.slide-footer{z-index:100;justify-content:space-between;align-items:center;padding:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.slide-footer__info{color:var(--slide-text-secondary);font-size:.8em}.slide-footer__nav{align-items:center;gap:16px;display:flex}.slide-footer__counter{color:var(--slide-text-secondary);text-align:center;min-width:60px;font-size:.9em}.slide-footer__nav-btn{border:1px solid var(--slide-card-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.slide-footer__nav-btn:hover{background:var(--slide-accent);color:#000;border-color:var(--slide-accent)}.slide-footer__nav-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--slide-card-border);background:#ffffff05}.tools-grid{grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.tool-card{background:var(--slide-card-bg);border:1px solid var(--slide-card-border);border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.tool-card__title{justify-content:space-between;align-items:center;display:flex}.tool-card__title h4{color:#fff;font-size:1.15em;font-weight:700}.tool-card__tag{color:var(--slide-accent);background:#ffffff14;border-radius:4px;padding:2px 8px;font-size:.75em;font-weight:600}.tool-card p{color:var(--slide-text-secondary);font-size:.9em;line-height:1.4}.tool-card__mitigation{color:#a7f3d0;border-top:1px solid #ffffff0d;margin-top:8px;padding-top:8px;font-size:.85em}.screenshot-preview{border:1px solid var(--slide-card-border);cursor:zoom-in;background:#000;border-radius:12px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000080}.screenshot-preview:hover{border-color:var(--slide-accent);transform:scale(1.03)translateY(-4px);box-shadow:0 20px 48px #10b98133}.screenshot-preview img{object-fit:cover;width:100%;height:auto;display:block}.screenshot-modal{z-index:1000;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.screenshot-modal img{border:1px solid #ffffff1a;border-radius:8px;max-width:90vw;max-height:85vh;box-shadow:0 0 40px #000c}@media (width<=768px){.slide-container{padding:60px 20px}.columns-2,.tools-grid{grid-template-columns:1fr}.timeline{flex-direction:column;gap:20px;padding-left:20px}.timeline:before{width:2px;height:100%;top:0;bottom:0;left:20px;transform:none}.timeline-step{text-align:left;flex-direction:row;gap:16px;width:100%}.timeline-dot{margin-bottom:0}}.revisi-penetapan-page{flex-direction:column;gap:20px;animation:.3s ease-out fadeIn;display:flex}.revisi-penetapan-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.revisi-penetapan-title-group h1{color:var(--text-heading);align-items:center;gap:10px;margin:0 0 4px;font-size:22px;font-weight:800;display:flex}.revisi-penetapan-title-group p{color:var(--text-muted);margin:0;font-size:13px}.revisi-penetapan-actions{align-items:center;gap:10px;display:flex}.revisi-info-banner{border-radius:var(--radius-xl);color:var(--text-primary);background:linear-gradient(135deg,#10b98114,#06b6d40d);border:1px solid #10b98140;align-items:flex-start;gap:14px;padding:16px 20px;font-size:13.5px;line-height:1.5;display:flex}html.dark .revisi-info-banner{background:linear-gradient(135deg,#10b9811f,#06b6d414);border-color:#10b9814d}.revisi-info-icon{color:var(--emerald-600);flex-shrink:0;margin-top:2px}html.dark .revisi-info-icon{color:var(--emerald-400)}.revisi-info-content strong{color:var(--text-heading)}.revisi-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.revisi-metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);align-items:center;gap:16px;padding:18px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #00000005}.revisi-metric-card:hover{border-color:#10b98159;transform:translateY(-2px);box-shadow:0 8px 24px #10b98114}.revisi-metric-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.revisi-metric-icon.amber{color:#d97706;background:#f59e0b1f}.revisi-metric-icon.emerald{color:var(--emerald-600);background:#10b9811f}.revisi-metric-icon.blue{color:#2563eb;background:#3b82f61f}.revisi-metric-icon.purple{color:#7c3aed;background:#8b5cf61f}.revisi-metric-info{flex-direction:column;gap:2px;min-width:0;display:flex}.revisi-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}.revisi-metric-value{color:var(--text-heading);white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;overflow:hidden}.revisi-metric-sub{color:var(--text-muted);font-size:11.5px}.revisi-filter-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.revisi-filter-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.revisi-search-box{flex:1;min-width:260px;max-width:380px;position:relative}.revisi-search-box svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.revisi-search-input{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input,var(--bg-card));width:100%;height:38px;color:var(--text-primary);outline:none;padding:0 12px 0 36px;font-size:13px;transition:border-color .2s,box-shadow .2s}.revisi-search-input:focus{border-color:var(--emerald-500);box-shadow:0 0 0 3px #10b98126}.revisi-filter-select{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input,var(--bg-card));height:38px;color:var(--text-primary);cursor:pointer;outline:none;padding:0 12px;font-size:13px;transition:border-color .2s}.revisi-filter-select:focus{border-color:var(--emerald-500)}.revisi-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px #00000005}.revisi-table-wrapper{width:100%;overflow-x:auto}.revisi-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.revisi-table thead{background:var(--gray-100,#f1f5f9);border-bottom:1px solid var(--border-color)}html.dark .revisi-table thead{background:#ffffff0a}.revisi-table th{color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:700}.revisi-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:6px 12px;font-size:12.5px}.revisi-table tbody tr{transition:background-color .15s}.revisi-table tbody tr:hover{background-color:var(--gray-50,#f8fafc)}html.dark .revisi-table tbody tr:hover{background-color:#ffffff05}.revisi-table tbody tr:last-child td{border-bottom:none}.unit-info-cell{flex-direction:column;gap:4px;display:flex}.unit-info-header{align-items:center;gap:8px;display:flex}.unit-badge{border-radius:var(--radius-sm);color:var(--emerald-600);letter-spacing:.3px;background:#10b9811f;padding:2px 7px;font-size:11px;font-weight:700}html.dark .unit-badge{color:var(--emerald-400)}.unit-nama{color:var(--text-heading);font-size:13.5px;font-weight:700}.unit-kategori{color:var(--text-muted);font-size:11.5px}.sd-badges-container{flex-wrap:wrap;gap:6px;display:flex}.sd-badge{border-radius:var(--radius-md);color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}html.dark .sd-badge{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.nominal-cell{flex-direction:column;gap:2px;display:flex}.nominal-value{color:var(--text-heading);font-size:14px;font-weight:800}.nominal-sub{color:var(--text-muted);font-size:11px}.forwarded-cell{flex-direction:column;gap:2px;font-size:12px;display:flex}.forwarded-by{color:var(--text-primary);align-items:center;gap:5px;font-weight:600;display:flex}.forwarded-at{color:var(--text-muted);font-size:11px}.catatan-cell{max-width:240px}.catatan-quote{color:var(--text-muted);border-radius:var(--radius-md);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;background:#00000008;border-left:3px solid #d97706;-webkit-box-orient:vertical;margin:0;padding:6px 10px;font-size:12px;font-style:italic;display:-webkit-box;overflow:hidden}html.dark .catatan-quote{background:#ffffff0a}.badge-menunggu-penetapan{border-radius:var(--radius-full);color:#b45309;background:#f59e0b1f;border:1px solid #f59e0b4d;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}html.dark .badge-menunggu-penetapan{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b66}.status-dot{background-color:#f59e0b;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 0 2px #f59e0b4d}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #f59e0b80}70%{transform:scale(1.1);box-shadow:0 0 0 6px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}.revisi-action-group{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;display:flex}.btn-tetapkan{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--emerald-500), var(--emerald-600));color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b98140}.btn-tetapkan:hover:not(:disabled){background:linear-gradient(135deg, var(--emerald-600), var(--emerald-700));color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.btn-tetapkan:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-tinjau{border-radius:var(--radius-md);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;background:#fff9;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}html.dark .btn-tinjau{background:#ffffff0d}.btn-tinjau:hover{color:var(--emerald-600);background:#10b98114;border-color:#10b98166}html.dark .btn-tinjau:hover{color:var(--emerald-400)}.penetapan-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.penetapan-modal-dialog{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl,20px);flex-direction:column;width:100%;max-width:520px;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000040}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.penetapan-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.penetapan-modal-header h3{color:var(--text-heading);align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.penetapan-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.penetapan-modal-close:hover{color:var(--text-heading);background:#0000000d}html.dark .penetapan-modal-close:hover{background:#ffffff1a}.penetapan-modal-body{flex-direction:column;gap:18px;padding:24px;display:flex}.penetapan-summary-box{background:var(--bg-header,#00000005);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:14px 16px;display:flex}html.dark .penetapan-summary-box{background:#ffffff05}.penetapan-summary-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.penetapan-summary-label{color:var(--text-muted);font-weight:500}.penetapan-summary-value{color:var(--text-heading);text-align:right;font-weight:700}.penetapan-warning-box{border-radius:var(--radius-lg);color:#b45309;background:#f59e0b14;border:1px solid #f59e0b4d;align-items:flex-start;gap:12px;padding:14px 16px;font-size:12.5px;line-height:1.5;display:flex}html.dark .penetapan-warning-box{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}.penetapan-warning-box strong{color:#92400e}html.dark .penetapan-warning-box strong{color:#fcd34d}.penetapan-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-header,#00000003);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.revisi-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.empty-state-icon-box{border-radius:var(--radius-full);width:72px;height:72px;color:var(--emerald-600);background:#10b9811a;justify-content:center;align-items:center;margin-bottom:16px;display:flex}html.dark .empty-state-icon-box{color:var(--emerald-400);background:#10b98126}.revisi-empty-title{color:var(--text-heading);margin:0 0 6px;font-size:17px;font-weight:700}.revisi-empty-desc{color:var(--text-muted);max-width:480px;margin:0 0 20px;font-size:13px;line-height:1.5}.revisi-loading-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;font-size:13.5px;display:flex}.spinner-icon{color:var(--emerald-600);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.revisi-checkbox{border-radius:var(--radius-sm,4px);border:1.5px solid var(--border-color,#cbd5e1);background:var(--bg-card);cursor:pointer;width:17px;height:17px;accent-color:var(--emerald-600);vertical-align:middle;transition:all .15s}.revisi-checkbox:checked{border-color:var(--emerald-600)}.revisi-checkbox:disabled{opacity:.5;cursor:not-allowed}.row-selected{background-color:#10b9810f!important}html.dark .row-selected{background-color:#10b9811a!important}.revisi-batch-bar{z-index:99;background:var(--bg-card);border-radius:var(--radius-2xl,16px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #10b98166;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:sticky;bottom:24px;box-shadow:0 12px 32px #10b98126,0 4px 12px #00000014}.revisi-batch-info{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.revisi-batch-count{border-radius:var(--radius-full);color:var(--emerald-600);background:#10b9811f;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}html.dark .revisi-batch-count{color:var(--emerald-400)}.revisi-batch-total-anggaran{color:var(--text-primary);font-size:13.5px}.revisi-batch-total-anggaran strong{color:var(--emerald-600);font-size:15px;font-weight:800}html.dark .revisi-batch-total-anggaran strong{color:var(--emerald-400)}.revisi-batch-actions{align-items:center;gap:10px;display:flex}.btn-batch-tetapkan{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--emerald-500), var(--emerald-600));color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b9814d}.btn-batch-tetapkan:hover:not(:disabled){background:linear-gradient(135deg, var(--emerald-600), var(--emerald-700));transform:translateY(-1px);box-shadow:0 6px 18px #10b98166}.btn-batch-tetapkan:disabled{opacity:.6;cursor:not-allowed}.penetapan-unit-scroll-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-header,#00000005);flex-direction:column;gap:4px;max-height:220px;padding:4px;display:flex;overflow-y:auto}html.dark .penetapan-unit-scroll-list{background:#ffffff05}.penetapan-unit-item{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid #0000000a;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12.5px;display:flex}html.dark .penetapan-unit-item{border-color:#ffffff0d}.penetapan-unit-item-title{color:var(--text-heading);align-items:center;gap:6px;font-weight:600;display:flex}.penetapan-unit-item-nominal{color:var(--emerald-600);font-weight:700}html.dark .penetapan-unit-item-nominal{color:var(--emerald-400)}.revisi-progress-container{background:var(--bg-header,#00000005);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:16px;display:flex}.revisi-progress-header{color:var(--text-heading);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.revisi-progress-bar-bg{border-radius:var(--radius-full);background:#00000014;width:100%;height:8px;overflow:hidden}html.dark .revisi-progress-bar-bg{background:#ffffff1a}.revisi-progress-bar-fill{background:linear-gradient(90deg, var(--emerald-500), var(--emerald-400));border-radius:var(--radius-full);height:100%;transition:width .3s}.revisi-progress-detail{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.batch-result-stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.batch-result-stat-card{border-radius:var(--radius-lg);align-items:center;gap:10px;padding:12px 14px;display:flex}.batch-result-stat-card.success{color:var(--emerald-700);background:#10b9811a;border:1px solid #10b98140}html.dark .batch-result-stat-card.success{color:var(--emerald-300);background:#10b98126}.batch-result-stat-card.failed{color:#b91c1c;background:#ef44441a;border:1px solid #ef444440}html.dark .batch-result-stat-card.failed{color:#fca5a5;background:#ef444426}.batch-result-stat-info{flex-direction:column;display:flex}.batch-result-stat-label{text-transform:uppercase;font-size:11.5px;font-weight:600}.batch-result-stat-value{font-size:18px;font-weight:800}.batch-result-section{flex-direction:column;gap:8px;display:flex}.batch-result-section-title{color:var(--text-heading);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.batch-result-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-header,#00000005);flex-direction:column;gap:4px;max-height:160px;padding:4px;display:flex;overflow-y:auto}.batch-result-item{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid #0000000a;flex-direction:column;gap:2px;padding:8px 10px;font-size:12.5px;display:flex}html.dark .batch-result-item{border-color:#ffffff0d}.batch-result-item-header{justify-content:space-between;align-items:center;font-weight:600;display:flex}.batch-result-item-error{color:#ef4444;margin-top:2px;font-size:11.5px}.badge-type-awal{border-radius:var(--radius-full,9999px);color:var(--emerald-600);letter-spacing:.2px;background:#10b9811f;border:1px solid #10b98140;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}html.dark .badge-type-awal{color:var(--emerald-400);background:#10b98133;border-color:#10b98159}.badge-type-revisi{border-radius:var(--radius-full,9999px);color:#7c3aed;letter-spacing:.2px;background:#8b5cf61f;border:1px solid #8b5cf640;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}html.dark .badge-type-revisi{color:#a78bfa;background:#8b5cf633;border-color:#8b5cf659}.btn-kembalikan{border-radius:var(--radius-md);color:#dc2626;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef44444d;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}html.dark .btn-kembalikan{color:#f87171;background:#ef444426;border-color:#ef444466}.btn-kembalikan:hover:not(:disabled){background:#ef44442e;border-color:#ef444480;transform:translateY(-1px)}.btn-kembalikan:disabled{opacity:.5;cursor:not-allowed}.penetapan-return-textarea{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input,var(--bg-card));width:100%;min-height:90px;color:var(--text-primary);resize:vertical;outline:none;padding:10px 12px;font-size:13px;line-height:1.4;transition:border-color .2s,box-shadow .2s}.penetapan-return-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.maintenance-container{min-height:calc(100vh - 160px);padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.maintenance-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:520px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:var(--space-3);flex-direction:column;padding:36px 28px 32px;animation:.3s ease-out fadeIn;display:flex;position:relative;overflow:hidden}html.dark .maintenance-card{background:#1e1e1ee6;border-color:#ffffff1a;box-shadow:0 20px 40px -12px #00000080}.maintenance-card:before{content:"";background:linear-gradient(90deg,#f59e0b,#ea580c,#dc2626);height:3.5px;position:absolute;top:0;left:0;right:0}.maintenance-icon-wrapper{border-radius:var(--radius-2xl);color:#ea580c;background:#f59e0b1f;border:1px solid #f59e0b4d;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:2px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.maintenance-rocket-icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1);transform:rotate(-10deg)}.maintenance-card:hover .maintenance-rocket-icon{transform:rotate(0)scale(1.1)translateY(-2px)}html.dark .maintenance-icon-wrapper{color:#fb923c;background:#f59e0b2e;border-color:#f59e0b61}.maintenance-badge{border-radius:var(--radius-full);color:#c2410c;background:#f59e0b1a;border:1px solid #f59e0b47;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}html.dark .maintenance-badge{color:#fdba74;background:#f59e0b29;border-color:#f59e0b59}.maintenance-pulse-dot{background-color:#ea580c;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-amber;box-shadow:0 0 #ea580c99}html.dark .maintenance-pulse-dot{background-color:#fb923c;animation:2s infinite pulse-amber-dark;box-shadow:0 0 #fb923c99}@keyframes pulse-amber{0%{transform:scale(.95);box-shadow:0 0 #ea580c99}70%{transform:scale(1);box-shadow:0 0 0 7px #ea580c00}to{transform:scale(.95);box-shadow:0 0 #ea580c00}}@keyframes pulse-amber-dark{0%{transform:scale(.95);box-shadow:0 0 #fb923c99}70%{transform:scale(1);box-shadow:0 0 0 7px #fb923c00}to{transform:scale(.95);box-shadow:0 0 #fb923c00}}.maintenance-title{color:var(--text-heading);margin:4px 0 0;font-size:22px;font-weight:700;line-height:1.3}.maintenance-description{color:var(--text-secondary);max-width:440px;margin:0;font-size:13.5px;line-height:1.6}.maintenance-actions{margin-top:var(--space-3);flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.maint-viewport{color:#0f172a;box-sizing:border-box;width:100vw;height:100vh;max-height:100vh;font-family:var(--font-sans,system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background-color:#f8fafc;background-image:radial-gradient(circle at 50% 10%,#0284c70d 0%,#f8fafc 75%);justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0;overflow:hidden}.maint-viewport.is-preview{background:0 0;border-radius:12px;width:100%;height:auto;min-height:460px;max-height:none;padding:.5rem 0;position:relative;inset:auto}:root.dark .maint-viewport,html.dark .maint-viewport{color:#f8fafc;background-color:#090e17;background-image:radial-gradient(circle at 50% 10%,#38bdf80f 0%,#090e17 80%)}.maint-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:100%;max-width:580px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 10px 30px -5px #0f172a0f,0 4px 12px -2px #0f172a08}:root.dark .maint-card,html.dark .maint-card{background:#0f172a;border-color:#1e293b;box-shadow:0 15px 35px -5px #00000080,0 0 1px #38bdf833}.maint-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.35rem;display:flex}:root.dark .maint-card-header,html.dark .maint-card-header{background:#ffffff05;border-bottom-color:#1e293b}.maint-brand{align-items:center;gap:.75rem;min-width:0;display:flex}.maint-logo-img{object-fit:contain;flex-shrink:0;width:28px;height:28px}.maint-logo-placeholder{color:#0284c7;background:#0284c71a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.maint-brand-info{flex-direction:column;min-width:0;display:flex}.maint-app-name{color:#0f172a;letter-spacing:-.01em;font-size:.88rem;font-weight:700;line-height:1.25}:root.dark .maint-app-name,html.dark .maint-app-name{color:#f8fafc}.maint-satker-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:500;line-height:1.25;overflow:hidden}:root.dark .maint-satker-name,html.dark .maint-satker-name{color:#94a3b8}.maint-status-badge{color:#dc2626;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:9999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600;display:inline-flex}:root.dark .maint-status-badge,html.dark .maint-status-badge{color:#f87171;background:#ef44441f;border-color:#ef444440}.maint-status-pulse{justify-content:center;align-items:center;width:8px;height:8px;display:flex;position:relative}.maint-status-dot{background-color:#dc2626;border-radius:50%;width:6px;height:6px}:root.dark .maint-status-dot,html.dark .maint-status-dot{background-color:#ef4444}.maint-status-ping{opacity:.6;background-color:#dc2626;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(0,0,.2,1) infinite maintPing;position:absolute}:root.dark .maint-status-ping,html.dark .maint-status-ping{background-color:#ef4444}.maint-status-badge.maint-status-badge--normal{color:#059669;background:#ecfdf5;border-color:#a7f3d0}:root.dark .maint-status-badge.maint-status-badge--normal,html.dark .maint-status-badge.maint-status-badge--normal{color:#34d399;background:#10b9811f;border-color:#10b98140}.maint-status-dot.maint-status-dot--green,.maint-status-ping.maint-status-ping--green{background-color:#10b981}@keyframes maintPing{75%,to{opacity:0;transform:scale(2.2)}}.maint-card-body{flex-direction:column;gap:.9rem;padding:1.25rem 1.35rem 1.1rem;display:flex}.maint-hero-section{align-items:flex-start;gap:.8rem;display:flex}.maint-icon-badge{color:#0284c7;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:.1rem;display:flex}:root.dark .maint-icon-badge,html.dark .maint-icon-badge{color:#38bdf8;background:#0284c71f;border-color:#0284c740}.maint-title-group{flex-direction:column;gap:.25rem;display:flex}.maint-title{color:#0f172a;letter-spacing:-.015em;margin:0;font-size:1.08rem;font-weight:700;line-height:1.3}:root.dark .maint-title,html.dark .maint-title{color:#f8fafc}.maint-message{color:#475569;margin:0;font-size:.8rem;line-height:1.5}:root.dark .maint-message,html.dark .maint-message{color:#94a3b8}.maint-countdown-hero{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;gap:.65rem;padding:.85rem 1rem;display:flex;box-shadow:inset 0 1px 2px #0f172a05}:root.dark .maint-countdown-hero{background:#090e17;border-color:#1e293b;box-shadow:inset 0 1px 2px #0000004d}.maint-countdown-hero-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.maint-countdown-title-wrap{align-items:center;gap:.45rem;display:inline-flex}.maint-countdown-radar{background-color:#0284c7;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite maintRadarPulse;box-shadow:0 0 0 3px #0284c733}:root.dark .maint-countdown-radar{background-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}@keyframes maintRadarPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.maint-countdown-hero-title{text-transform:uppercase;letter-spacing:.06em;color:#0284c7;font-size:.74rem;font-weight:700}:root.dark .maint-countdown-hero-title{color:#38bdf8}.maint-countdown-target-badge{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:.15rem .5rem;font-size:.68rem;font-weight:600}:root.dark .maint-countdown-target-badge{color:#94a3b8;background:#1e293b;border-color:#334155}.maint-countdown-grid{justify-content:center;align-items:center;gap:.4rem;display:flex}.maint-digit-card{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;max-width:90px;padding:.45rem .35rem;display:flex;box-shadow:0 2px 4px #0f172a0a}:root.dark .maint-digit-card{background:#1e293b;border-color:#334155;box-shadow:0 2px 4px #0000004d}.maint-digit-number{color:#0284c7;letter-spacing:-.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.6rem;font-weight:800;line-height:1}:root.dark .maint-digit-number{color:#38bdf8}.maint-digit-unit{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.6rem;font-weight:700;line-height:1}:root.dark .maint-digit-unit{color:#94a3b8}.maint-digit-colon{color:#94a3b8;padding-bottom:.4rem;font-size:1.3rem;font-weight:800;line-height:1}.maint-countdown-timeline{color:#64748b;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding-top:.5rem;font-size:.72rem;display:flex}:root.dark .maint-countdown-timeline{color:#94a3b8;border-top-color:#1e293b}.maint-countdown-timeline strong{color:#0f172a}:root.dark .maint-countdown-timeline strong{color:#f1f5f9}.maint-timeline-bullet{color:#cbd5e1}:root.dark .maint-timeline-bullet{color:#475569}.maint-countdown-finished{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:.65rem;padding:.75rem .95rem;font-size:.76rem;display:flex}:root.dark .maint-countdown-finished{color:#93c5fd;background:#0284c71f;border-color:#0284c74d}.maint-finished-radar{background-color:#2563eb;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.5s infinite maintPing}:root.dark .maint-finished-radar{background-color:#38bdf8}.maint-finished-content{flex-direction:column;gap:.1rem;display:flex}.maint-schedule-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.65rem .85rem}:root.dark .maint-schedule-panel{background:#ffffff05;border-color:#1e293b}.maint-schedule-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.maint-schedule-item{flex-direction:column;flex:1;gap:.12rem;display:flex}.maint-schedule-divider{background-color:#e2e8f0;flex-shrink:0;width:1px;height:24px}:root.dark .maint-schedule-divider{background-color:#1e293b}.maint-meta-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.62rem;font-weight:700}.maint-meta-val{color:#0f172a;font-size:.76rem;font-weight:600}:root.dark .maint-meta-val{color:#f1f5f9}.maint-helpdesk-box{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;font-size:.72rem;display:flex}:root.dark .maint-helpdesk-box,html.dark .maint-helpdesk-box{color:#94a3b8;background:#ffffff05;border-color:#1e293b}.maint-helpdesk-icon{color:#64748b;flex-shrink:0;margin-top:.1rem}.maint-helpdesk-content{word-break:break-word;flex-direction:column;gap:.1rem;line-height:1.35;display:flex}.maint-helpdesk-label{color:#334155;text-transform:uppercase;letter-spacing:.03em;font-size:.66rem;font-weight:700}:root.dark .maint-helpdesk-label,html.dark .maint-helpdesk-label{color:#cbd5e1}.maint-helpdesk-val{color:#475569}:root.dark .maint-helpdesk-val{color:#94a3b8}.maint-actions{align-items:center;gap:.65rem;margin-top:.15rem;display:flex}.maint-btn{cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.maint-btn-primary{color:#fff;background:#0284c7;border:1px solid #0284c7;flex:1;box-shadow:0 1px 3px #0284c733}.maint-btn-primary:hover{background:#0369a1;border-color:#0369a1;box-shadow:0 2px 5px #0284c74d}.maint-btn-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1;flex:1}:root.dark .maint-btn-secondary,html.dark .maint-btn-secondary{color:#f1f5f9;background:#1e293b;border-color:#334155}.maint-btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}:root.dark .maint-btn-secondary:hover,html.dark .maint-btn-secondary:hover{color:#fff;background:#334155}.maint-btn-ghost{color:#64748b;background:0 0;border:1px solid #0000}.maint-btn-ghost:hover{color:#0f172a;background:#f1f5f9}:root.dark .maint-btn-ghost:hover,html.dark .maint-btn-ghost:hover{color:#f8fafc;background:#1e293b}.maint-btn-icon.is-spinning{animation:.7s linear infinite maintSpin}@keyframes maintSpin{to{transform:rotate(360deg)}}.maint-card-footer{color:#94a3b8;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.55rem 1.35rem;font-size:.68rem;display:flex}:root.dark .maint-card-footer,html.dark .maint-card-footer{color:#64748b;background:#ffffff04;border-top-color:#1e293b}.maint-version-tag{letter-spacing:.02em;font-weight:600}.maint-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.maint-modal{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.85rem;width:100%;max-width:420px;padding:1.25rem;animation:.15s ease-out maintModalIn;display:flex;box-shadow:0 20px 40px -5px #0003}:root.dark .maint-modal,html.dark .maint-modal{background:#0f172a;border-color:#1e293b;box-shadow:0 20px 40px -5px #0009}@keyframes maintModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.maint-modal-head{justify-content:space-between;align-items:center;display:flex}.maint-modal-icon{color:#0284c7;background:#0284c71a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.maint-modal-title{color:#0f172a;margin:0;font-size:.92rem;font-weight:700}:root.dark .maint-modal-title,html.dark .maint-modal-title{color:#f8fafc}.maint-modal-subtitle{color:#64748b;margin:.15rem 0 0;font-size:.72rem}:root.dark .maint-modal-subtitle,html.dark .maint-modal-subtitle{color:#94a3b8}.maint-modal-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;gap:3px;padding:3px;display:flex}:root.dark .maint-modal-tabs,html.dark .maint-modal-tabs{background:#090e17;border-color:#1e293b}.maint-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .6rem;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}:root.dark .maint-tab-btn,html.dark .maint-tab-btn{color:#94a3b8}.maint-tab-btn.active{color:#0284c7;background:#fff;box-shadow:0 1px 3px #00000014}:root.dark .maint-tab-btn.active,html.dark .maint-tab-btn.active{color:#38bdf8;background:#1e293b;box-shadow:0 1px 3px #0006}.maint-modal-form{flex-direction:column;gap:.75rem;display:flex}.maint-modal-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.74rem;line-height:1.35;display:flex}:root.dark .maint-modal-alert,html.dark .maint-modal-alert{color:#fca5a5;background:#ef44441f;border-color:#ef444440}.maint-form-group{text-align:left;flex-direction:column;gap:.25rem;display:flex}.maint-form-label{color:#334155;font-size:.76rem;font-weight:600}:root.dark .maint-form-label,html.dark .maint-form-label{color:#cbd5e1}.maint-form-hint{color:#64748b;font-size:.68rem;line-height:1.35}:root.dark .maint-form-hint,html.dark .maint-form-hint{color:#94a3b8}.maint-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:.45rem .7rem;font-family:inherit;font-size:.82rem;transition:border-color .15s,box-shadow .15s}:root.dark .maint-input,html.dark .maint-input{color:#f8fafc;background:#090e17;border-color:#334155}.maint-input:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 2px #0284c733}.maint-password-wrapper{align-items:center;display:flex;position:relative}.maint-pw-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:8px}.maint-pw-toggle:hover{color:#475569}:root.dark .maint-pw-toggle:hover{color:#cbd5e1}.maint-modal-actions{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.35rem;display:flex}@media (width<=540px){.maint-card-header{padding:.75rem 1rem}.maint-card-body{padding:1rem}.maint-digit-number{font-size:1.3rem}.maint-digit-card{padding:.35rem .25rem}.maint-actions{flex-direction:column}.maint-btn{width:100%}}.maintenance-settings-page{flex-direction:column;gap:.85rem;max-width:100%;padding-bottom:3.5rem;display:flex}.maintenance-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.header-page-title{color:var(--text-heading,#f1f5f9);margin:0;font-size:1.22rem;font-weight:700;line-height:1.25}.tab-pill-container{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:3px;padding:3px;display:flex;box-shadow:0 1px 2px #0f172a0a}html.dark .tab-pill-container{background:#0f172a;border-color:#334155}.tab-pill-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.tab-pill-btn:hover{color:#0f172a;background:#f1f5f9}html.dark .tab-pill-btn{color:#94a3b8}html.dark .tab-pill-btn:hover{color:#fff;background:#ffffff14}.tab-pill-btn.active{color:#fff!important;background:#0284c7!important;box-shadow:0 1px 3px #0284c74d!important}.tab-pill-btn.active svg{color:#fff!important}html.dark .tab-pill-btn.active{color:#fff!important;background:#0284c7!important}.system-status-hero-banner{border-radius:var(--radius-md,10px);border:1px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.15rem;transition:all .25s;display:flex}.system-status-hero-banner.status-success{background:#10b98114;border-color:#10b98140}.system-status-hero-banner.status-danger{background:#ef44441a;border-color:#ef44444d}.system-status-hero-banner.status-warning,.system-status-hero-banner.status-info{background:#f59e0b14;border-color:#f59e0b40}.hero-banner-left{align-items:center;gap:.75rem;min-width:0;display:flex}.hero-banner-indicator{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.status-success .pulse-dot-core{background-color:#10b981}.status-danger .pulse-dot-core{background-color:#ef4444}.status-warning .pulse-dot-core{background-color:#f59e0b}.status-info .pulse-dot-core{background-color:#0ea5e9}.pulse-dot-core{z-index:2;border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot-ring{opacity:.6;border-radius:50%;animation:1.8s cubic-bezier(.4,0,.6,1) infinite heroPulse;position:absolute;inset:0}.status-success .pulse-dot-ring{background-color:#10b981}.status-danger .pulse-dot-ring{background-color:#ef4444}.status-warning .pulse-dot-ring{background-color:#f59e0b}.status-info .pulse-dot-ring{background-color:#0ea5e9}@keyframes heroPulse{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.hero-status-title{color:var(--text-heading,#f1f5f9);font-size:.92rem;font-weight:700}.hero-status-tag{color:#ef4444;letter-spacing:.04em;background:#ef444433;border-radius:4px;padding:.1rem .4rem;font-size:.62rem;font-weight:700}.hero-status-tag.badge-warning-tag{color:#f59e0b;background:#f59e0b33}.hero-status-desc{color:var(--text-muted,#94a3b8);margin:.2rem 0 0;font-size:.72rem;line-height:1.35}.hero-current-mode-badge{color:var(--text-muted,#94a3b8);background:#0003;border:1px solid #ffffff14;border-radius:6px;padding:.35rem .8rem;font-size:.74rem;font-weight:600}.hero-current-mode-badge strong{color:var(--text-heading,#f1f5f9)}.maintenance-mode-selector-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;display:grid}@media (width<=860px){.maintenance-mode-selector-grid{grid-template-columns:1fr}}.mode-selector-card{background:var(--bg-body,#0f172a);border:1.5px solid var(--border-color,#ffffff1f);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;gap:.65rem;padding:.85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.mode-selector-card:hover{border-color:#0284c780;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.mode-selector-card.mode-card-normal.selected{background:#10b9810f;border-color:#10b981;box-shadow:0 0 0 1px #10b9814d,0 4px 12px #10b9811a}.mode-selector-card.mode-card-manual.selected{background:#ef44440f;border-color:#ef4444;box-shadow:0 0 0 1px #ef44444d,0 4px 12px #ef44441a}.mode-selector-card.mode-card-scheduled.selected{background:#f59e0b0f;border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b4d,0 4px 12px #f59e0b1a}.mode-card-top{justify-content:space-between;align-items:center;display:flex}.mode-radio-outer{border:2px solid #64748b;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.mode-selector-card.selected .mode-radio-outer{border-color:currentColor}.mode-card-normal.selected .mode-radio-outer{border-color:#10b981}.mode-card-manual.selected .mode-radio-outer{border-color:#ef4444}.mode-card-scheduled.selected .mode-radio-outer{border-color:#f59e0b}.mode-radio-inner{background-color:#10b981;border-radius:50%;width:9px;height:9px;animation:.15s ease-out radioDotPop}.mode-radio-inner.inner-danger{background-color:#ef4444}.mode-radio-inner.inner-warning{background-color:#f59e0b}@keyframes radioDotPop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.mode-icon-box{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mode-icon-box.icon-normal{color:#10b981;background:#10b98126}.mode-icon-box.icon-manual{color:#ef4444;background:#ef444426}.mode-icon-box.icon-scheduled{color:#f59e0b;background:#f59e0b26}.mode-card-content{flex-direction:column;flex:1;gap:.25rem;display:flex}.mode-option-title{color:var(--text-heading,#f1f5f9);margin:0;font-size:.84rem;font-weight:700}.mode-option-desc{color:var(--text-muted,#94a3b8);margin:0;font-size:.7rem;line-height:1.35}.mode-selected-pill{letter-spacing:.03em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.62rem;font-weight:700;display:inline-flex;position:absolute;top:-8px;right:12px;box-shadow:0 2px 5px #0003}.mode-selected-pill.pill-success{color:#fff;background:#10b981}.mode-selected-pill.pill-danger{color:#fff;background:#ef4444}.mode-selected-pill.pill-warning{color:#000;background:#f59e0b}.card-section-disabled{opacity:.72;border-style:dashed}.card-section-disabled .settings-card-header{background:#0000001f}.inactive-badge-tag{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b840;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.mode-notice-disabled{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:6px;align-items:flex-start;gap:.55rem;padding:.65rem .85rem;font-size:.74rem;line-height:1.4;display:flex}.mode-notice-disabled svg{flex-shrink:0;margin-top:1px}.maintenance-form-grid{flex-direction:column;gap:.85rem;width:100%;display:flex}.settings-card{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#ffffff1a);border-radius:var(--radius-md,10px);overflow:hidden;box-shadow:0 2px 6px #00000008}.settings-card-header{border-bottom:1px solid var(--border-color,#ffffff14);background:#ffffff05;align-items:center;gap:.65rem;padding:.65rem 1rem;display:flex}.card-header-icon{color:#0284c7;background:#0284c71f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.card-title{color:var(--text-heading,#f1f5f9);margin:0;font-size:.88rem;font-weight:700;line-height:1.25}.card-desc{color:var(--text-muted,#94a3b8);margin:.1rem 0 0;font-size:.7rem;line-height:1.3}.settings-card-body{flex-direction:column;gap:.75rem;padding:.85rem 1rem;display:flex}.quick-presets-box{background:#0284c70d;border:1px solid #0284c726;border-radius:6px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.preset-label{color:#0284c7;font-size:.72rem;font-weight:600}.preset-buttons-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.preset-btn{background:var(--bg-card,#1e293b);color:var(--text-primary,#f1f5f9);cursor:pointer;border:1px solid #0284c74d;border-radius:4px;padding:.2rem .55rem;font-size:.7rem;font-weight:600;transition:all .15s}.preset-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.preset-btn-clear{color:#ef4444;cursor:pointer;background:0 0;border:1px dashed #ef444466;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.7rem;display:inline-flex}.preset-btn-clear:hover{background:#ef44441a}.grid-2-col{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width<=640px){.grid-2-col{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.2rem;display:flex}.form-label{color:var(--text-primary,#e2e8f0);font-size:.76rem;font-weight:600}.form-input,.form-textarea{background:var(--bg-body,#0f172a);border:1px solid var(--border-color,#ffffff26);width:100%;color:var(--text-primary,#f8fafc);box-sizing:border-box;border-radius:6px;padding:.45rem .65rem;font-family:inherit;font-size:.8rem;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-textarea:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 2px #0284c733}html:not(.dark) .form-input,html:not(.dark) .form-textarea{color:#1e293b;background:#fff;border-color:#cbd5e1}.form-help-text{color:var(--text-muted,#94a3b8);font-size:.68rem;line-height:1.35}.form-check-inline{align-items:center;gap:.5rem;display:flex}.form-checkbox{accent-color:#0284c7;cursor:pointer;border-radius:3px;width:14px;height:14px}.form-check-label{color:var(--text-primary,#f1f5f9);cursor:pointer;font-size:.78rem}.role-whitelist-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.45rem;display:grid}.role-chip-card{background:var(--bg-body,#0f172a);border:1px solid var(--border-color,#ffffff1f);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .75rem;transition:all .15s;display:flex}.role-chip-card:hover{background:#0284c70a;border-color:#0284c7}.role-chip-card.selected{background:#0284c714;border-color:#0284c7}.role-chip-card.locked{cursor:not-allowed;opacity:.9}.role-chip-check{border:1px solid #94a3b8;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.role-chip-card.selected .role-chip-check{color:#fff;background:#0284c7;border-color:#0284c7}.role-chip-info{flex:1;justify-content:space-between;align-items:center;gap:.35rem;min-width:0;display:flex}.role-chip-name{color:var(--text-heading,#f1f5f9);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:600;overflow:hidden}.role-chip-badge{white-space:nowrap;letter-spacing:.02em;color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:4px;padding:.12rem .45rem;font-size:.65rem;font-weight:700}html.dark .role-chip-badge{color:#38bdf8;background:#0284c740;border-color:#38bdf859}.emergency-key-box{background:#00000026;border:1px dashed #ffffff26;border-radius:6px;margin-top:.25rem;padding:.65rem .85rem}.maintenance-sticky-actions{bottom:0;right:0;left:var(--sidebar-width,260px);box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#1e293bf0;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:48px;padding:0 1.5rem;transition:left .3s;display:flex;position:fixed;box-shadow:0 -4px 15px #0003}.layout--collapsed .maintenance-sticky-actions{left:var(--sidebar-collapsed-width,70px)}@media (width<=768px){.maintenance-sticky-actions{height:48px;padding:0 1rem;left:0}}html:not(.dark) .maintenance-sticky-actions{background:#fffffff2;border-color:#e2e8f0;box-shadow:0 -4px 15px #0000000f}.actions-right-buttons{align-items:center;gap:.55rem;display:flex}.actions-right-buttons .btn{align-items:center;height:32px;padding:.35rem .85rem;font-size:.78rem;display:inline-flex}.saving-text{color:#38bdf8;font-size:.78rem;font-weight:500}.preview-container-box{flex-direction:column;gap:.75rem;display:flex}.preview-header-notice{color:#0284c7;background:#0284c714;border:1px solid #0284c740;border-radius:7px;align-items:center;gap:.5rem;padding:.6rem .85rem;font-size:.78rem;display:flex}.preview-canvas-frame{border-radius:10px;width:100%;overflow:hidden;box-shadow:0 4px 20px #00000026}.maintenance-confirm-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.maintenance-confirm-modal{background:var(--bg-card,#1e293b);border:1px solid var(--border-color,#ffffff1f);border-radius:var(--radius-lg,12px);text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:1.35rem;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;box-shadow:0 20px 40px -10px #00000080}.confirm-icon-box{background:#ef44441f;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:.75rem;display:flex}.confirm-title{color:var(--text-heading,#f1f5f9);margin:0 0 .35rem;font-size:1.05rem;font-weight:700}.confirm-message{color:var(--text-muted,#94a3b8);margin:0 0 1.25rem;font-size:.78rem;line-height:1.45}.confirm-actions{justify-content:center;align-items:center;gap:.65rem;width:100%;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:background .15s}.btn-danger:hover{background:#dc2626}.banner-preview-box{border:1px dashed var(--border-color,#ffffff1f);background:#0f172a59;border-radius:6px;padding:.65rem .85rem}.preview-mini-title{color:var(--text-muted,#94a3b8);margin-bottom:.45rem;font-size:.72rem;font-weight:600;display:block}html:not(.dark) .maintenance-settings-page{--text-primary:#0f172a;--text-heading:#0f172a;--text-muted:#64748b;--bg-card:#fff;--border-color:#e2e8f0}html:not(.dark) .header-page-title{color:#0f172a}html:not(.dark) .header-page-desc{color:#64748b}html:not(.dark) .tab-pill-container{background:#fff;border-color:#cbd5e1}html:not(.dark) .tab-pill-btn{color:#475569}html:not(.dark) .tab-pill-btn:hover{color:#0f172a;background:#f1f5f9}html:not(.dark) .tab-pill-btn.active{color:#fff!important;background:#0284c7!important;box-shadow:0 1px 3px #0284c74d!important}html:not(.dark) .tab-pill-btn.active svg{color:#fff!important}html:not(.dark) .hero-status-title{color:#0f172a}html:not(.dark) .hero-status-desc{color:#64748b}html:not(.dark) .settings-card{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 4px #0000000a}html:not(.dark) .settings-card-header{background:#f8fafc;border-bottom-color:#e2e8f0}html:not(.dark) .card-title{color:#0f172a}html:not(.dark) .card-desc{color:#64748b}html:not(.dark) .form-label{color:#0f172a}html:not(.dark) .form-help-text{color:#64748b}html:not(.dark) .form-check-label{color:#0f172a}html:not(.dark) .preset-btn{color:#0284c7;background:#fff;border-color:#0284c759}html:not(.dark) .preset-btn:hover{color:#fff;background:#0284c7}html:not(.dark) .role-chip-name{color:#0f172a}html:not(.dark) .role-chip-card{background:#f8fafc;border-color:#e2e8f0}html:not(.dark) .role-chip-card.selected{background:#eff6ff;border-color:#0284c7}html:not(.dark) .emergency-key-box{background:#f8fafc;border-color:#cbd5e1}html:not(.dark) .banner-preview-box{background:#f1f5f9;border:1px dashed #cbd5e1}html:not(.dark) .preview-mini-title{color:#1e293b}html:not(.dark) .schedule-hint-alert{color:#92400e;background:#fffbeb;border-color:#fde68a}html:not(.dark) .maintenance-confirm-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 20px 40px #00000026}html:not(.dark) .confirm-title{color:#0f172a}html:not(.dark) .confirm-message{color:#64748b}html:not(.dark) .hero-current-mode-badge{color:#475569;background:#fff;border-color:#e2e8f0}html:not(.dark) .hero-current-mode-badge strong{color:#0f172a}html:not(.dark) .mode-selector-card{background:#fff;border-color:#e2e8f0}html:not(.dark) .mode-selector-card:hover{background:#f8fafc;border-color:#0284c7}html:not(.dark) .mode-selector-card.mode-card-normal.selected{background:#10b98114;border-color:#10b981}html:not(.dark) .mode-selector-card.mode-card-manual.selected{background:#ef444414;border-color:#ef4444}html:not(.dark) .mode-selector-card.mode-card-scheduled.selected{background:#f59e0b14;border-color:#f59e0b}html:not(.dark) .mode-option-title{color:#0f172a}html:not(.dark) .mode-option-desc{color:#64748b}html:not(.dark) .mode-notice-disabled{color:#92400e;background:#fffbeb;border-color:#fde68a}html:not(.dark) .mode-notice-disabled strong,html:not(.dark) .mode-notice-disabled em{color:#78350f}html:not(.dark) .inactive-badge-tag{color:#475569;background:#f1f5f9;border-color:#cbd5e1}html:not(.dark) .card-section-disabled .settings-card-header{background:#f8fafc}.btn-warning{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:.45rem 1rem;font-size:.8rem;font-weight:600;transition:background .15s}.btn-warning:hover{background:#d97706}.approve-data-container{gap:var(--space-5);flex-direction:column;width:100%;animation:.25s ease-out fadeIn;display:flex}.approve-data-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.approve-data-header h1{color:var(--text-heading);letter-spacing:-.01em;margin:0 0 2px;font-size:20px;font-weight:700}.approve-data-header p{color:var(--text-secondary);margin:0;font-size:12px}.approve-filter-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;display:flex}.approve-search-box{flex:1;min-width:240px;max-width:360px;position:relative}.approve-search-box input{width:100%;height:36px;font-size:var(--text-sm);padding-left:36px}.approve-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.approve-filter-actions{align-items:center;gap:var(--space-2);flex-wrap:nowrap;display:flex}.approve-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.approve-table-wrapper{min-height:280px;max-height:calc(100vh - 320px);overflow:auto}.approve-table{table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:12.5px}.approve-table thead th{background:var(--gray-100,#f1f5f9);z-index:10;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#475569);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:700;position:sticky;top:0}html.dark .approve-table thead th{color:var(--text-secondary);background:#ffffff0a}.approve-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .15s}.approve-table tbody tr:last-child{border-bottom:none}.approve-table tbody tr:hover{background-color:var(--gray-50,#f8fafc)}html.dark .approve-table tbody tr:hover{background-color:#ffffff05}.approve-table td{vertical-align:middle;border-bottom:1px solid var(--border-color);padding:6px 12px}.unit-singkatan-cell{color:var(--text-heading);letter-spacing:.2px;cursor:default;font-size:13px;font-weight:700;display:inline-block}.tahap-badge{border-radius:var(--radius-sm);letter-spacing:.3px;color:#2563eb;background:#3b82f614;border:1px solid #3b82f633;justify-content:center;align-items:center;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}html.dark .tahap-badge{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.revisi-label-badge{color:var(--text-heading);font-size:12px;font-weight:700}.valid-indicator{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.valid-indicator.lulus{color:var(--emerald-600);background:#10b9811f;border:1px solid #10b98140}html.dark .valid-indicator.lulus{color:var(--emerald-400);background:#10b98133;border-color:#10b98159}.valid-indicator.gagal{color:var(--danger);background:#ef44441a;border:1px solid #ef444440}html.dark .valid-indicator.gagal{color:#f87171;background:#ef44442e;border-color:#ef44444d}.approve-action-btn{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.approve-action-btn:hover{color:var(--primary);background:0 0;transform:translateY(-1px)}.approve-action-btn.active{color:#2563eb;background:0 0;border:none}html.dark .approve-action-btn.active{color:#60a5fa;background:0 0;border:none}.approve-toggle-wrapper{vertical-align:middle;justify-content:center;align-items:center;display:inline-flex}.approve-toggle-switch{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:9999px;align-items:center;width:44px;height:22px;padding:2px;transition:background-color .3s,border-color .3s,box-shadow .2s;display:flex;position:relative}html.dark .approve-toggle-switch{background-color:#374151;border-color:#4b5563}.approve-toggle-switch:hover:not(.disabled){border-color:#9ca3af;box-shadow:0 0 0 2px #0284c726}.approve-toggle-switch.disabled{cursor:not-allowed;opacity:.55}.approve-toggle-knob{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s;display:flex;transform:translate(0);box-shadow:0 1px 2px #00000040}.approve-toggle-knob-icon{color:#9ca3af;justify-content:center;align-items:center;transition:color .3s;display:flex}.approve-toggle-switch.checked,.approve-toggle-switch.animating{background-color:#10b981;border-color:#059669}.approve-toggle-switch.checked .approve-toggle-knob,.approve-toggle-switch.animating .approve-toggle-knob{transform:translate(22px)}.approve-toggle-switch.checked .approve-toggle-knob-icon,.approve-toggle-switch.animating .approve-toggle-knob-icon{color:#10b981}.approve-detail-row{background:var(--gray-50,#f8fafc)}html.dark .approve-detail-row{background:#ffffff05}.approve-detail-td{border-bottom:1px solid var(--border-color);padding:10px 16px 14px!important}.approve-detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:14px 18px;animation:.2s ease-out fadeIn}.approve-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 20px;display:grid}.approve-detail-item{flex-direction:column;gap:4px;display:flex}.approve-detail-item.full-width{border-top:1px dashed var(--border-color);grid-column:1/-1;padding-top:8px}.approve-detail-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:11px;font-weight:700}.approve-detail-value{color:var(--text-heading);font-size:12.5px}.approve-detail-badge{border-radius:var(--radius-sm);align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.approve-detail-badge.approved{color:var(--emerald-600);background:#10b9811f;border:1px solid #10b98140}.approve-detail-badge.pending{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b40}.approve-pagination-footer{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-wrap:wrap;padding:10px 16px;display:flex}.approve-pagination-info{color:var(--text-secondary);font-size:12px}.approve-pagination-controls{align-items:center;gap:var(--space-3);display:flex}.approve-pagesize-select{cursor:pointer;border-radius:var(--radius-sm)!important;width:60px!important;min-width:60px!important;height:28px!important;padding:2px 22px 2px 8px!important;font-size:11.5px!important}.approve-page-btn{border-radius:var(--radius-sm)!important;height:28px!important;padding:3px 9px!important;font-size:11.5px!important}.approve-page-indicator{color:var(--text-heading);padding:0 6px;font-size:11.5px;font-weight:600}.approve-empty-state{padding:var(--space-10) var(--space-4);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-muted);flex-direction:column;display:flex}@media (width<=768px){.approve-filter-bar{flex-direction:column;align-items:stretch}.approve-search-box{max-width:100%}.approve-pagination-footer{flex-direction:column;align-items:flex-start}}.tentang-container{width:100%;animation:.25s ease-out fadeIn}.tentang-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.tentang-header h1{color:var(--text-heading);letter-spacing:-.01em;margin:0 0 2px;font-size:20px;font-weight:700}.tentang-header p{color:var(--text-secondary);margin:0;font-size:12px}.tentang-version-badge{color:#059669;letter-spacing:.3px;background:#10b9811a;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}html.dark .tentang-version-badge{color:#6ee7b7;background:#10b98126;border-color:#34d39966}.tentang-tabs{border-bottom:1px solid var(--border-color);gap:24px;margin-bottom:24px;display:flex}.tentang-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 4px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:color .2s;display:flex;position:relative}.tentang-tab-btn:hover{color:var(--text-primary)}.tentang-tab-btn.active{color:var(--primary-600,#0284c7)}.tentang-tab-btn:after{content:"";background:var(--primary-600,#0284c7);width:100%;height:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.tentang-tab-btn.active:after{transform:scaleX(1)}.tentang-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .3s,box-shadow .3s;overflow:hidden}.tentang-card:hover{border-color:#0284c740}.tentang-card-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tentang-card-header h3{color:var(--text-heading);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.tentang-card-body{padding:20px}.tentang-sekilas-content{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.8}.tentang-sekilas-content:empty:before{content:"Belum ada konten. Superadmin dapat menambahkan informasi sekilas tentang aplikasi BIMA.";color:var(--text-muted);font-style:italic}.tentang-sekilas-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);width:100%;min-height:240px;color:var(--text-primary);resize:vertical;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.8;transition:border-color .2s,box-shadow .2s}.tentang-sekilas-textarea:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c72e}.tentang-sekilas-textarea::placeholder{color:var(--text-muted)}.tentang-edit-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.tentang-table-wrap{overflow-x:auto}.tentang-table{border-collapse:collapse;table-layout:fixed;width:100%}.tentang-table th{background:var(--gray-100,#f1f5f9);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid var(--border-color);text-align:left;padding:8px 12px;font-size:11px;font-weight:700}html.dark .tentang-table th{color:var(--text-secondary);background:#ffffff0a}.tentang-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-primary);padding:6px 12px;font-size:12.5px}.tentang-table tbody tr{transition:background-color .15s}.tentang-table tbody tr:hover{background:var(--bg-secondary)}.tentang-table td{color:var(--text-primary)}.tentang-col-no{text-align:center;width:50px}.tentang-col-versi{width:120px}.tentang-col-pembaruan{width:auto}.tentang-col-aksi{text-align:center;width:100px}.tentang-table .tentang-col-no,.tentang-table td.tentang-col-no,.tentang-table .tentang-col-aksi,.tentang-table td.tentang-col-aksi{text-align:center}.tentang-version-tag{color:#0284c7;background:#0284c71a;border:1px solid #0284c740;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;font-weight:700;display:inline-flex}html.dark .tentang-version-tag{color:#38bdf8;background:#38bdf826;border-color:#38bdf84d}.tentang-summary-text{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;color:var(--text-secondary);-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.tentang-btn-icon{width:auto;height:auto;box-shadow:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;margin:0 auto;padding:2px;transition:all .15s;display:inline-flex}.tentang-btn-icon:hover{color:#0284c7;background:0 0;transform:scale(1.15)}html.dark .tentang-btn-icon:hover{color:#38bdf8;background:0 0}.tentang-modal-overlay,.tentang-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:24px;z-index:9999!important;background:#00000080!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;inset:0!important}.tentang-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:10000;flex-direction:column;width:100%;max-width:640px;max-height:85vh;animation:.2s ease-out slideUp;display:flex;position:relative;box-shadow:0 20px 60px #0000004d}.tentang-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tentang-modal-header h3{color:var(--text-heading);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.tentang-modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.tentang-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.tentang-modal-body{flex:1;padding:20px;overflow-y:auto}.tentang-modal-detail-content{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.8}.tentang-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.tentang-form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.tentang-form-group label{color:var(--text-heading);font-size:12px;font-weight:600}.tentang-form-group input,.tentang-form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--text-primary);padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.tentang-form-group input:focus,.tentang-form-group textarea:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c72e}.tentang-modal-detail{color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:14px 16px;font-size:13px;line-height:1.8}.tentang-badge-ver{color:#0284c7;background:#0284c714;border:1px solid #0284c738;border-radius:5px;align-items:center;gap:3px;padding:1px 7px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:11.5px;font-weight:700;line-height:1.4;display:inline-flex}html.dark .tentang-badge-ver{color:#38bdf8;background:#38bdf81f;border-color:#38bdf847}@media (width<=768px){.tentang-container{padding:0 4px}.tentang-table th,.tentang-table td{padding:8px 10px;font-size:12px}.tentang-col-no{width:36px}.tentang-col-versi{width:90px}.tentang-col-aksi{width:60px}}.tentang-validasi-container{flex-direction:column;gap:16px;animation:.2s ease-out fadeIn;display:flex}.tentang-validasi-hero{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.tentang-validasi-hero.hero-keuangan{background:linear-gradient(135deg,#0284c70d 0%,#10b9810d 100%);border-color:#0284c733}.tentang-validasi-hero.hero-it{background:linear-gradient(135deg,#06b6d40d 0%,#6366f10d 100%);border-color:#06b6d440}.tentang-validasi-hero-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.tentang-validasi-hero-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.tentang-validasi-hero-icon.icon-keuangan{color:#0284c7;background:#0284c71f}.tentang-validasi-hero-icon.icon-it{color:#0891b2;background:#06b6d41f}.tentang-validasi-hero-title{color:var(--text-heading);letter-spacing:-.01em;margin:0 0 4px;font-size:16px;font-weight:700}.tentang-validasi-hero-desc{color:var(--text-secondary);max-width:820px;margin:0 0 10px;font-size:12.5px;line-height:1.5}.tentang-validasi-meta-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tentang-validasi-meta-item{color:var(--text-muted);align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:inline-flex}.tentang-validasi-hero-badge{border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.tentang-validasi-hero-badge.badge-keuangan{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.tentang-validasi-hero-badge.badge-it{color:#0891b2;background:#06b6d41f;border:1px solid #06b6d44d}.tentang-mandat-section-title{color:var(--text-heading);align-items:center;gap:8px;margin-top:6px;padding-left:2px;font-size:13.5px;font-weight:700;display:flex}.tentang-mandat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=860px){.tentang-mandat-grid{grid-template-columns:1fr}}.tentang-mandat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.tentang-mandat-card:hover{border-color:#0284c759;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.tentang-mandat-card-header{align-items:flex-start;gap:10px;display:flex}.tentang-mandat-no{color:#0284c7;background:#0284c71a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-family:SF Mono,Fira Code,monospace;font-size:11px;font-weight:800;display:flex}.tentang-mandat-no.no-it{color:#0891b2;background:#06b6d41a}.tentang-mandat-title-wrap{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.tentang-mandat-title{color:var(--text-heading);margin:0;font-size:12.8px;font-weight:700;line-height:1.35}.tentang-mandat-status-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.tentang-mandat-status-badge.badge-success{color:#059669;background:#10b9811a;border:1px solid #10b98140}.tentang-mandat-status-badge.badge-info{color:#0284c7;background:#0284c71a;border:1px solid #0284c740}.tentang-mandat-status-badge.badge-warning{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b40}.tentang-mandat-status-badge.badge-danger{color:#dc2626;background:#ef44441a;border:1px solid #ef444440}.tentang-mandat-card-body{flex-direction:column;gap:8px;display:flex}.tentang-mandat-row{flex-direction:column;gap:2px;display:flex}.tentang-mandat-row.evaluasi-row{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:8px 10px}.tentang-mandat-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:10.5px;font-weight:700}.tentang-mandat-text{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.45}.tentang-mandat-text.text-evaluasi{color:var(--text-primary);font-weight:500}.tentang-mandat-edit-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.tentang-mandat-edit-btn:hover{background:var(--bg-secondary);color:#0284c7;border-color:#0284c7;transform:translateY(-1px)}html.dark .tentang-mandat-edit-btn:hover{color:#38bdf8;border-color:#38bdf8}.tentang-scope-banner{border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;font-size:12.5px;display:flex}.tentang-scope-banner.banner-editable{color:#059669;background:#10b98114;border:1px solid #10b98140}.tentang-scope-banner.banner-readonly{color:#b45309;background:#f59e0b14;border:1px solid #f59e0b40}html.dark .tentang-scope-banner.banner-editable{color:#6ee7b7;background:#10b9811f;border-color:#34d3994d}html.dark .tentang-scope-banner.banner-readonly{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b4d}.tentang-mandat-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:24px;margin-bottom:14px;display:flex}.tentang-badge-pill-group{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tentang-badge-pill-option{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.tentang-badge-pill-option:hover{color:var(--text-primary);border-color:#0284c7}.tentang-badge-pill-option.active{color:#0284c7;background:#0284c71f;border-color:#0284c7;font-weight:700}html.dark .tentang-badge-pill-option.active{color:#38bdf8;background:#38bdf826;border-color:#38bdf8}html.dark .tentang-validasi-hero.hero-keuangan{background:linear-gradient(135deg,#0284c71f 0%,#10b98114 100%);border-color:#38bdf833}html.dark .tentang-validasi-hero.hero-it{background:linear-gradient(135deg,#06b6d41f 0%,#6366f114 100%);border-color:#06b6d440}html.dark .tentang-validasi-hero-badge.badge-keuangan{color:#6ee7b7;background:#34d39926;border-color:#34d39966}html.dark .tentang-validasi-hero-badge.badge-it{color:#67e8f9;background:#22d3ee26;border-color:#22d3ee66}html.dark .tentang-mandat-card{background:#111927;border-color:#1e293b}html.dark .tentang-mandat-card:hover{border-color:#38bdf859;box-shadow:0 4px 12px #0003}html.dark .tentang-mandat-row.evaluasi-row{background:#090e17;border-color:#1e293b}html.dark .tentang-mandat-status-badge.badge-success{color:#6ee7b7;background:#34d39926;border-color:#34d3994d}html.dark .tentang-mandat-status-badge.badge-info{color:#38bdf8;background:#38bdf826;border-color:#38bdf84d}html.dark .tentang-mandat-status-badge.badge-warning{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}html.dark .tentang-mandat-status-badge.badge-danger{color:#f87171;background:#ef444426;border-color:#ef44444d}.pengaturan-umum-container{width:100%;animation:.25s ease-out fadeIn}.pengaturan-umum-header{top:var(--navbar-height,48px);z-index:15;background:var(--bg-primary,#faf9f5);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:8px 0 16px;display:flex;position:sticky}.pengaturan-umum-header h1{color:var(--text-heading);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.pengaturan-header-actions{align-items:center;gap:8px;display:flex}.pengaturan-grid{grid-template-columns:340px 1fr;gap:24px;display:grid}@media (width<=900px){.pengaturan-grid{grid-template-columns:1fr;gap:20px}}.pengaturan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:24px;display:flex}.pengaturan-card-header{border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:12px}.pengaturan-card-header h2{color:var(--text-heading);align-items:center;gap:8px;margin:0 0 4px;font-size:16px;font-weight:700;display:flex}.pengaturan-card-header p{color:var(--text-secondary);margin:0;font-size:12px}.logo-upload-wrapper{text-align:center;flex-direction:column;align-items:center;display:flex}.logo-preview-box{border-radius:var(--radius-lg);border:2px dashed var(--border-color);background:var(--bg-subtle);justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.logo-preview-box:hover{border-color:var(--color-primary)}.logo-preview-img{object-fit:contain;width:100%;height:100%;padding:12px}.logo-preview-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.logo-preview-overlay{color:#fff;opacity:0;cursor:pointer;background:#00000080;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.logo-preview-box:hover .logo-preview-overlay{opacity:1}.logo-actions{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;display:flex}.logo-upload-btn{color:#fff;background:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.logo-upload-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.logo-upload-btn:disabled{opacity:.5;cursor:not-allowed}.logo-remove-btn{color:var(--color-danger);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #ef444433;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.logo-remove-btn:hover:not(:disabled){background:#ef444414}.logo-remove-btn:disabled{opacity:.5;cursor:not-allowed}.logo-guidelines{text-align:left;background:var(--bg-subtle);border-radius:var(--radius-md);color:var(--text-secondary);width:100%;padding:12px 14px;font-size:11px;line-height:1.5}.logo-guidelines strong{color:var(--text-heading);margin-bottom:4px;display:block}.logo-guidelines ul{margin:0;padding-left:16px}.branding-preview-box{border-top:1px solid var(--border-color);text-align:left;width:100%;margin-top:20px;padding-top:16px}.branding-preview-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.branding-preview-item{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.branding-preview-avatar{object-fit:contain;border-radius:4px;width:24px;height:24px}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.form-grid-2{grid-template-columns:1fr;gap:12px}}.pengaturan-form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.pengaturan-form-group.full-width{grid-column:1/-1}.pengaturan-form-group label{color:var(--text-heading);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.pengaturan-form-group label .required{color:var(--color-danger)}.pengaturan-form-group input,.pengaturan-form-group textarea{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input,var(--bg-card));width:100%;color:var(--text-primary);padding:9px 12px;font-family:inherit;font-size:13px;transition:all .2s}.pengaturan-form-group input:focus,.pengaturan-form-group textarea:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c72e}.pengaturan-form-group input:disabled,.pengaturan-form-group textarea:disabled{background:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed;opacity:.8}.pengaturan-form-help{color:var(--text-muted);font-size:11px}.pengaturan-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.btn-primary-simpan{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%);border:1px solid #0000;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0284c733,0 1px 2px #10b98126}.btn-primary-simpan:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 45%,#34d399 100%);border:1px solid #0000;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d,0 2px 6px #34d39933}.btn-primary-simpan:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-reset{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary-reset:hover:not(:disabled){background:var(--bg-subtle);color:var(--text-primary)}.btn-secondary-reset:disabled{opacity:.5;cursor:not-allowed}.pengaturan-login-page{flex-direction:column;gap:20px;padding:0;display:flex}.pengaturan-login-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pengaturan-login-title{color:var(--text-heading,#0f172a);letter-spacing:-.3px;margin:0 0 4px;font-size:20px;font-weight:700}.pengaturan-login-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:13px;line-height:1.5}.pengaturan-card{background:var(--surface-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;padding:24px;box-shadow:0 1px 3px #0000000a}html.dark .pengaturan-card{background:var(--surface-color,#1e293b);border-color:#334155}.pengaturan-card-header{border-bottom:1px solid var(--border-color,#f1f5f9);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}html.dark .pengaturan-card-header{border-bottom-color:#ffffff14}.pengaturan-card-title-group{align-items:center;gap:10px;display:flex}.pengaturan-card-title-icon{width:36px;height:36px;color:var(--primary-600,#0284c7);background:#0284c71a;border-radius:8px;justify-content:center;align-items:center;display:flex}html.dark .pengaturan-card-title-icon{color:#38bdf8;background:#38bdf826}.pengaturan-card-title{color:var(--text-heading,#0f172a);margin:0;font-size:15px;font-weight:700}.pengaturan-card-desc{color:var(--text-muted,#64748b);margin:2px 0 0;font-size:12.5px}.toggle-switch-wrapper{align-items:center;gap:12px;display:flex}.toggle-switch-label{color:var(--text-primary,#1e293b);font-size:13px;font-weight:600}.toggle-switch{cursor:pointer;width:48px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background-color:#cbd5e1;border-radius:26px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}html.dark .toggle-slider{background-color:#475569}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background-color:var(--primary-600,#0284c7)}input:checked+.toggle-slider:before{transform:translate(22px)}.layout-info-banner{background:#0284c70f;border:1px solid #0284c72e;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}html.dark .layout-info-banner{background:#38bdf814;border-color:#38bdf833}.layout-info-icon{color:var(--primary-600,#0284c7);flex-shrink:0;margin-top:1px}html.dark .layout-info-icon{color:#38bdf8}.layout-info-content{color:var(--text-primary,#334155);font-size:12.5px;line-height:1.5}html.dark .layout-info-content{color:#cbd5e1}.flyer-upload-zone{border:2px dashed var(--border-color,#cbd5e1);text-align:center;cursor:pointer;background:#f8fafc99;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;transition:all .2s;display:flex}html.dark .flyer-upload-zone{background:#1e293b66;border-color:#475569}.flyer-upload-zone:hover{border-color:var(--primary-500,#0284c7);background:#0284c70a}html.dark .flyer-upload-zone:hover{background:#38bdf80f;border-color:#38bdf8}.flyer-upload-icon-circle{width:44px;height:44px;color:var(--primary-600,#0284c7);background:#0284c71a;border-radius:50%;justify-content:center;align-items:center;display:flex}html.dark .flyer-upload-icon-circle{color:#38bdf8;background:#38bdf826}.flyer-upload-main-text{color:var(--text-heading,#0f172a);margin:0;font-size:13.5px;font-weight:600}.flyer-upload-sub-text{color:var(--text-muted,#64748b);margin:0;font-size:12px}.flyer-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:20px;display:grid}.flyer-card{background:var(--surface-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000a}html.dark .flyer-card{background:#1e293b;border-color:#334155}.flyer-card:hover{border-color:var(--primary-400,#38bdf8);box-shadow:0 6px 16px #00000014}.flyer-image-container{background:#0f172a;width:100%;padding-top:125%;position:relative;overflow:hidden}.flyer-image{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.flyer-card:hover .flyer-image{transform:scale(1.03)}.flyer-order-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172ad9;border:1px solid #fff3;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.flyer-card-actions{background:var(--surface-color,#fff);border-top:1px solid var(--border-color,#f1f5f9);justify-content:space-between;align-items:center;padding:8px 10px;display:flex}html.dark .flyer-card-actions{background:#1e293b;border-top-color:#ffffff14}.flyer-btn-group{align-items:center;gap:4px;display:flex}.flyer-action-icon-btn{border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;font-size:11px;transition:all .15s;display:inline-flex}html.dark .flyer-action-icon-btn{color:#94a3b8;border-color:#334155}.flyer-action-icon-btn:hover:not(:disabled){color:var(--primary-600,#0284c7);border-color:var(--primary-400,#38bdf8);background:#0284c71a}.flyer-action-icon-btn:disabled{opacity:.35;cursor:not-allowed}.flyer-action-icon-btn.btn-delete:hover:not(:disabled){color:#ef4444;background:#ef44441a;border-color:#ef44444d}.flyer-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.flyer-modal-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.flyer-modal-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 10px 30px #00000080}.flyer-modal-close-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:-14px;right:-14px;box-shadow:0 4px 10px #0000004d}.galeri-page{flex-direction:column;gap:20px;padding:0;display:flex}.galeri-header-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.galeri-title{color:var(--text-heading,#0f172a);letter-spacing:-.3px;margin:0 0 4px;font-size:20px;font-weight:700}.galeri-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:13px;line-height:1.5}.galeri-stats-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.galeri-stat-pill{background:var(--surface-color,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#475569);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000a}html.dark .galeri-stat-pill{color:#94a3b8;background:#1e293b;border-color:#334155}.galeri-stat-pill.highlight{color:var(--primary-600,#0284c7);background:#0284c714;border-color:#0284c740}html.dark .galeri-stat-pill.highlight{color:#38bdf8;background:#38bdf81f;border-color:#38bdf84d}.galeri-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.galeri-categories-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.galeri-category-btn{border:1px solid var(--border-color,#cbd5e1);background:var(--surface-color,#fff);color:var(--text-secondary,#475569);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}html.dark .galeri-category-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.galeri-category-btn:hover{border-color:var(--primary-500,#0284c7);color:var(--primary-600,#0284c7)}html.dark .galeri-category-btn:hover{color:#38bdf8;border-color:#38bdf8}.galeri-category-btn.active{background:var(--primary-600,#0284c7);color:#fff;border-color:var(--primary-600,#0284c7);box-shadow:0 2px 8px #0284c740}html.dark .galeri-category-btn.active{color:#fff;background:#0284c7;border-color:#0284c7}.galeri-search-box{flex:1;min-width:240px;max-width:320px;position:relative}.galeri-search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.galeri-search-input{border:1px solid var(--border-color,#cbd5e1);background:var(--surface-color,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:6px;padding:7px 12px 7px 32px;font-family:inherit;font-size:12.5px;transition:all .2s}.galeri-search-input:focus{border-color:var(--primary-500,#0284c7);outline:none;box-shadow:0 0 0 2px #0284c726}.galeri-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.galeri-item-card{background:var(--surface-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}html.dark .galeri-item-card{background:#1e293b;border-color:#334155}.galeri-item-card:hover{border-color:var(--primary-400,#38bdf8);transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.galeri-item-thumbnail{background:#090e17;width:100%;padding-top:80%;position:relative;overflow:hidden}.galeri-item-blur-bg{object-fit:cover;filter:blur(12px)brightness(.5);opacity:.6;width:120%;height:120%;position:absolute;top:-10%;left:-10%}.galeri-item-img{object-fit:contain;box-sizing:border-box;z-index:2;width:100%;height:100%;padding:6px;transition:transform .3s;position:absolute;top:0;left:0}.galeri-item-card:hover .galeri-item-img{transform:scale(1.05)}.galeri-category-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.galeri-category-badge.badge-flyers{color:#fff;background:#0284c7d9}.galeri-category-badge.badge-branding{color:#fff;background:#10b981d9}.galeri-category-badge.badge-avatars{color:#fff;background:#f59e0bd9}.galeri-category-badge.badge-other{color:#fff;background:#64748bd9}.galeri-item-info{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.galeri-item-name{color:var(--text-heading,#0f172a);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;font-weight:700;overflow:hidden}.galeri-item-meta{color:var(--text-muted,#64748b);justify-content:space-between;align-items:center;margin-top:2px;font-size:11.5px;display:flex}.galeri-item-actions{background:var(--surface-color,#fff);border-top:1px solid var(--border-color,#f1f5f9);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}html.dark .galeri-item-actions{background:#1e293b;border-top-color:#ffffff14}.galeri-action-btn{border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:5px 7px;transition:all .15s;display:inline-flex}html.dark .galeri-action-btn{color:#94a3b8;border-color:#334155}.galeri-action-btn:hover{color:var(--primary-600,#0284c7);border-color:var(--primary-400,#38bdf8);background:#0284c714}.galeri-action-btn.btn-delete:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.galeri-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.galeri-modal-card{background:var(--surface-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0006}html.dark .galeri-modal-card{background:#1e293b;border-color:#334155}.galeri-modal-header{border-bottom:1px solid var(--border-color,#f1f5f9);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}html.dark .galeri-modal-header{border-bottom-color:#334155}.galeri-modal-body{background:#090e17;justify-content:center;align-items:center;max-height:60vh;padding:20px;display:flex;overflow:auto}.galeri-modal-preview-img{object-fit:contain;border-radius:6px;max-width:100%;max-height:55vh}.galeri-modal-footer{background:var(--surface-color,#fff);border-top:1px solid var(--border-color,#f1f5f9);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}html.dark .galeri-modal-footer{background:#1e293b;border-top-color:#334155}.galeri-empty-card{text-align:center;background:var(--surface-color,#fff);border:1px dashed var(--border-color,#cbd5e1);border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}html.dark .galeri-empty-card{background:#1e293b66;border-color:#334155}.galeri-pagination-container{margin-top:24px;padding-top:6px}@media (width<=900px){.galeri-header-container{flex-direction:column;align-items:flex-start;gap:16px}.galeri-toolbar{flex-direction:column;align-items:stretch;gap:12px}.galeri-search-box{max-width:100%}.galeri-categories-pills{padding-bottom:4px;overflow-x:auto}}@media (width<=768px){.galeri-grid{grid-template-columns:repeat(3,1fr);gap:8px}.galeri-item-card{border-radius:8px}.galeri-item-thumbnail{padding-top:100%}.galeri-category-badge{letter-spacing:.1px;border-radius:3px;padding:2px 4px;font-size:7.5px;top:4px;left:4px}.galeri-item-info{gap:2px;padding:6px 5px}.galeri-item-name{font-size:10.5px;line-height:1.25}.galeri-item-meta{flex-direction:column;align-items:flex-start;gap:1px;margin-top:1px;font-size:9px}.galeri-item-actions{gap:2px;padding:4px 6px}.galeri-action-btn{padding:3px 4px;font-size:10px}.galeri-action-btn svg{width:11px;height:11px}}@media (width<=480px){.galeri-grid{grid-template-columns:repeat(3,1fr);gap:6px}.galeri-item-info{padding:4px}.galeri-item-name{font-size:9.5px}.galeri-item-meta{font-size:8.5px}.galeri-item-actions{padding:3px}}.laporan-kertas-kerja-page{flex-direction:column;gap:20px;padding:0;display:flex}.laporan-header-container{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.laporan-title{color:var(--text-heading,#0f172a);letter-spacing:-.3px;margin:0 0 4px;font-size:20px;font-weight:700}.laporan-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:13px;line-height:1.5}.laporan-tabs-bar{border-bottom:1px solid var(--border-color,#e2e8f0);align-items:center;gap:24px;margin-top:4px;display:flex}.laporan-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.laporan-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.laporan-toolbar-right{align-items:center;gap:10px;display:flex}.laporan-search-box{flex:1;min-width:240px;max-width:320px;position:relative}.laporan-search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.laporan-search-input{border:1px solid var(--border-color,#cbd5e1);background:var(--surface-color,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:6px;padding:7px 12px 7px 32px;font-family:inherit;font-size:12.5px;transition:all .2s}.laporan-search-input:focus{border-color:var(--primary-500,#0284c7);outline:none;box-shadow:0 0 0 2px #0284c726}.laporan-select-filter{border:1px solid var(--border-color,#cbd5e1);background:var(--surface-color,#fff);color:var(--text-primary,#0f172a);cursor:pointer;border-radius:6px;min-width:180px;padding:7px 12px;font-family:inherit;font-size:12.5px}.laporan-select-filter:focus{border-color:var(--primary-500,#0284c7);outline:none}.laporan-selection-badge{color:var(--primary-600,#0284c7);background:#0284c71a;border:1px solid #0284c733;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}html.dark .laporan-selection-badge{color:#38bdf8;background:#38bdf81f;border-color:#38bdf840}.laporan-table-wrapper{background:var(--surface-color,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;overflow:visible;box-shadow:0 1px 3px #0000000a}.laporan-table-container{border-radius:8px 8px 0 0;overflow-x:auto}.laporan-table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px;line-height:1.4}.laporan-table thead th{color:var(--text-secondary,#475569);border-bottom:1px solid var(--border-color,#cbd5e1);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:#f1f5f9;padding:8px 12px;font-size:12px;font-weight:700}html.dark .laporan-table thead th{color:#94a3b8;background:#1e293b;border-bottom-color:#334155}.laporan-table tbody td{border-bottom:1px solid var(--border-color,#f1f5f9);color:var(--text-primary,#1e293b);vertical-align:middle;padding:7px 12px}html.dark .laporan-table tbody td{color:#f1f5f9;border-bottom-color:#ffffff0d}.laporan-table tbody tr:hover td{background-color:#f8fafc}html.dark .laporan-table tbody tr:hover td{background-color:#ffffff05}.laporan-checkbox{cursor:pointer;width:15px;height:15px;accent-color:var(--primary-600,#0284c7);vertical-align:middle;border-radius:3px}.laporan-nominal-cell{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-heading,#0f172a);white-space:nowrap;font-weight:600}.laporan-action-btn{cursor:pointer;color:var(--text-secondary,#64748b);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}.laporan-action-btn:hover{color:var(--primary-600,#0284c7);background:#0284c714}html.dark .laporan-action-btn:hover{color:#38bdf8;background:#38bdf81a}.laporan-popover-backdrop{z-index:100;background:0 0;position:fixed;inset:0}.laporan-action-popover{background:var(--surface-color,#fff);border:1px solid var(--border-color,#e2e8f0);z-index:101;white-space:nowrap;border-radius:8px;flex-direction:column;gap:5px;min-width:130px;padding:8px;display:flex;position:absolute;top:calc(100% - 6px);right:28px;box-shadow:0 10px 25px #0000001f,0 4px 6px #0000000d}html.dark .laporan-action-popover{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px #0006}.laporan-popover-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;width:100%;padding:5px 9px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.laporan-popover-item.item-view{color:#2563eb;border-color:#3b82f666}.laporan-popover-item.item-view:hover{background:#3b82f614}html.dark .laporan-popover-item.item-view{color:#60a5fa;border-color:#60a5fa66}html.dark .laporan-popover-item.item-view:hover{background:#60a5fa26}.laporan-popover-item.item-print{color:#475569;border-color:#64748b66}.laporan-popover-item.item-print:hover{background:#64748b14}html.dark .laporan-popover-item.item-print{color:#cbd5e1;border-color:#94a3b866}html.dark .laporan-popover-item.item-print:hover{background:#94a3b826}.laporan-popover-item.item-pdf{color:#dc2626;border-color:#ef444466}.laporan-popover-item.item-pdf:hover{background:#ef444414}html.dark .laporan-popover-item.item-pdf{color:#f87171;border-color:#f8717166}html.dark .laporan-popover-item.item-pdf:hover{background:#f8717126}.laporan-empty-state{text-align:center;color:var(--text-muted,#64748b);padding:48px 24px}.laporan-empty-icon{width:48px;height:48px;color:var(--text-muted,#94a3b8);background:#64748b1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.laporan-placeholder-card{text-align:center;background:var(--surface-color,#fff);border:1px dashed var(--border-color,#cbd5e1);border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}html.dark .laporan-placeholder-card{background:#1e293b80;border-color:#334155}.panduan-page{flex-direction:column;gap:24px;width:100%;max-width:1360px;margin:0 auto;padding-bottom:60px;display:flex}.panduan-hero{border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);background:linear-gradient(135deg,#0284c714 0%,#0ea5e908 100%);justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden}html.dark .panduan-hero{background:linear-gradient(135deg,#0284c726 0%,#0f172a66 100%);border-color:#0284c733}.panduan-hero__content{flex-direction:column;gap:8px;max-width:800px;display:flex}.panduan-hero__badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panduan-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.panduan-badge--role{color:#16a34a;background:#22c55e26;border:1px solid #22c55e4d}html.dark .panduan-badge--role{color:#4ade80;background:#22c55e33}.panduan-badge--version{color:var(--color-primary,#0284c7);background:#0284c71f;border:1px solid #0284c740}.panduan-hero__title{color:var(--text-heading,var(--text-primary));letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.panduan-hero__desc{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.6}.panduan-hero__icon-wrap{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 8px 20px -4px #0284c766}.panduan-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:28px;display:grid}.panduan-toc-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);max-height:calc(100vh - 100px);padding:18px 16px;position:sticky;top:80px;overflow-y:auto;box-shadow:0 2px 8px #0000000a}.panduan-toc__header{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:10px;padding:0 8px 12px;font-size:12px;font-weight:700;display:flex}.panduan-toc__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.panduan-toc__item{width:100%}.panduan-toc__link{border-radius:var(--radius-md,8px);color:var(--text-secondary,var(--text-primary));text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:10px;width:100%;padding:8px 10px;font-size:12.5px;font-weight:500;line-height:1.4;text-decoration:none;transition:all .15s;display:flex}.panduan-toc__link:hover{color:var(--color-primary,#0284c7);background:#0284c714}.panduan-toc__link.active{color:var(--color-primary,#0284c7);background:#0284c71f;font-weight:600}.panduan-toc__num{min-width:20px;height:20px;color:var(--text-muted);background:#0000000d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:inline-flex}.panduan-toc__link.active .panduan-toc__num{background:var(--color-primary,#0284c7);color:#fff}.panduan-content{flex-direction:column;gap:32px;display:flex}.panduan-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);padding:28px 30px;scroll-margin-top:84px;box-shadow:0 2px 8px #00000005}.panduan-section__header{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.panduan-section__num-badge{width:36px;height:36px;color:var(--color-primary,#0284c7);background:linear-gradient(135deg,#0284c733 0%,#0284c714 100%);border:1px solid #0284c74d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.panduan-section__title-group{flex-direction:column;gap:4px;display:flex}.panduan-section__title{color:var(--text-heading,var(--text-primary));letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.panduan-section__subtitle{color:var(--text-muted);margin:0;font-size:13px}.panduan-section__body{color:var(--text-secondary,var(--text-primary));flex-direction:column;gap:20px;font-size:13.5px;line-height:1.65;display:flex}.panduan-section__body p{margin:0}.panduan-sub{flex-direction:column;gap:12px;margin-top:6px;display:flex}.panduan-sub__title{color:var(--text-heading,var(--text-primary));align-items:center;gap:8px;margin:0;font-size:15.5px;font-weight:700;display:flex}.panduan-sub__title-icon{color:var(--color-primary,#0284c7)}.panduan-steps{flex-direction:column;gap:12px;margin:8px 0;display:flex}.panduan-step-card{border-radius:var(--radius-md,8px);background:var(--bg-hover,#00000005);border:1px solid var(--border-color);align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.panduan-step-card__num{background:var(--color-primary,#0284c7);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:11.5px;font-weight:700;display:flex}.panduan-step-card__content{flex-direction:column;flex:1;gap:4px;font-size:13px;display:flex}.panduan-step-card__title{color:var(--text-heading,var(--text-primary));font-weight:600}.panduan-step-card__desc{color:var(--text-muted);line-height:1.5}.panduan-alert{border-radius:var(--radius-md,8px);align-items:flex-start;gap:12px;margin:6px 0;padding:14px 16px;font-size:13px;line-height:1.55;display:flex}.panduan-alert__icon{flex-shrink:0;margin-top:2px}.panduan-alert__content{flex:1}.panduan-alert__content strong{margin-bottom:3px;display:block}.panduan-alert--info{color:#0369a1;background:#0284c714;border:1px solid #0284c740}html.dark .panduan-alert--info{color:#38bdf8;background:#0284c726;border-color:#0284c74d}.panduan-alert--warning{color:#b45309;background:#f59e0b14;border:1px solid #f59e0b40}html.dark .panduan-alert--warning{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.panduan-alert--success{color:#15803d;background:#22c55e14;border:1px solid #22c55e40}html.dark .panduan-alert--success{color:#4ade80;background:#22c55e26;border-color:#22c55e4d}.panduan-alert--danger{color:#b91c1c;background:#ef444414;border:1px solid #ef444440}html.dark .panduan-alert--danger{color:#f87171;background:#ef444426;border-color:#ef44444d}.panduan-workflow{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:10px 0;display:grid}.panduan-flow-item{text-align:center;background:var(--bg-hover,#00000005);border:1px solid var(--border-color);border-radius:var(--radius-md,8px);flex-direction:column;align-items:center;gap:8px;padding:16px 14px;display:flex;position:relative}.panduan-flow-item__icon{width:38px;height:38px;color:var(--color-primary,#0284c7);background:#0284c71a;border-radius:50%;justify-content:center;align-items:center;display:flex}.panduan-flow-item__title{color:var(--text-heading,var(--text-primary));font-size:12.5px;font-weight:700}.panduan-flow-item__desc{color:var(--text-muted);font-size:11.5px;line-height:1.4}.panduan-pill{font-family:var(--font-mono,monospace);background:var(--bg-hover,#0000000d);border:1px solid var(--border-color);color:var(--color-primary,#0284c7);border-radius:4px;padding:2px 6px;font-size:11.5px;font-weight:600;display:inline-block}.panduan-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=992px){.panduan-layout{grid-template-columns:1fr}.panduan-toc-card{max-height:none;position:static}.panduan-grid-2{grid-template-columns:1fr}}@media (width<=640px){.panduan-hero{flex-direction:column;align-items:flex-start;padding:20px}.panduan-hero__icon-wrap{display:none}.panduan-section{padding:20px 16px}}.pelaporan-container{flex-direction:column;gap:1.25rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem;display:flex}.pelaporan-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.pelaporan-header-left h1{color:var(--text-primary,#0f172a);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.35rem;font-weight:700;display:flex}.pelaporan-header-left p{color:var(--text-muted,#64748b);margin:0;font-size:.875rem}.pelaporan-header-actions{align-items:center;gap:.5rem;display:flex}.pelaporan-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.875rem;display:grid}.pelaporan-stat-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;align-items:center;gap:.875rem;padding:1rem 1.125rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.pelaporan-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.stat-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon-wrapper.total{color:#334155;background:#f1f5f9}.stat-icon-wrapper.menunggu{color:#d97706;background:#fef3c7}.stat-icon-wrapper.diproses{color:#0284c7;background:#e0f2fe}.stat-icon-wrapper.selesai{color:#16a34a;background:#dcfce7}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.03em;font-size:.775rem;font-weight:500}.stat-value{color:var(--text-primary,#0f172a);font-size:1.4rem;font-weight:700;line-height:1.2}.pelaporan-filter-bar{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.filter-group-left{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;min-width:280px;display:flex}.search-box-wrapper{flex:1;min-width:200px;position:relative}.search-box-wrapper svg{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box-input{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-input,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:6px;outline:none;padding:.45rem .75rem .45rem 2rem;font-size:.8125rem;transition:border-color .15s}.search-box-input:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.filter-select{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-input,#fff);color:var(--text-primary,#0f172a);cursor:pointer;border-radius:6px;outline:none;padding:.45rem .75rem;font-size:.8125rem}.filter-select:focus{border-color:#0284c7}.pelaporan-table-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.pelaporan-table-wrapper{width:100%;overflow-x:auto}.pelaporan-table{border-collapse:collapse;text-align:left;width:100%;font-size:.8125rem}.pelaporan-table thead th{background:var(--table-header-bg,#f8fafc);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-color,#e2e8f0);white-space:nowrap;padding:.6rem .75rem;font-size:.775rem;font-weight:600}.pelaporan-table tbody td{border-bottom:1px solid var(--border-color,#f1f5f9);color:var(--text-primary,#1e293b);vertical-align:middle;padding:.55rem .75rem}.pelaporan-table tbody tr:hover{background:var(--table-row-hover,#f8fafc)}.tiket-code{color:#0284c7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:600}.badge-kategori{white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.725rem;font-weight:600;display:inline-flex}.badge-kategori.bug{color:#b91c1c;background:#fee2e2}.badge-kategori.fitur{color:#6d28d9;background:#ede9fe}.badge-kategori.pertanyaan{color:#0369a1;background:#e0f2fe}.badge-kategori.data{color:#047857;background:#d1fae5}.badge-kategori.lainnya{color:#475569;background:#f1f5f9}.badge-status{white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.725rem;font-weight:600;display:inline-flex}.badge-status.menunggu{color:#92400e;background:#fef3c7}.badge-status.diproses{color:#1e40af;background:#dbeafe}.badge-status.selesai{color:#166534;background:#dcfce7}.badge-status.ditolak{color:#991b1b;background:#fee2e2}.thumbnail-preview-btn{border:1px solid var(--border-color,#cbd5e1);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:.25rem;padding:2px;transition:transform .15s,border-color .15s;display:inline-flex}.thumbnail-preview-btn:hover{border-color:#0284c7;transform:scale(1.05)}.thumbnail-preview-btn img{object-fit:cover;border-radius:4px;width:28px;height:28px}.thumbnail-preview-btn .thumb-text{color:var(--text-muted,#64748b);padding-right:4px;font-size:.725rem}.action-btn-group{align-items:center;gap:.35rem;display:flex}.icon-action-btn{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:background .15s,color .15s,transform .15s;display:inline-flex}.icon-action-btn:hover{background:var(--bg-hover,#f1f5f9);color:#0284c7;transform:scale(1.1)}.icon-action-btn.delete:hover{color:#dc2626;background:#fee2e2}.pelaporan-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pelaporan-modal-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;width:100%;max-width:650px;max-height:90vh;animation:.2s ease-out modalScaleIn;display:flex;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.pelaporan-modal-card.wide{max-width:780px}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pelaporan-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:1.125rem 1.25rem;display:flex}.pelaporan-modal-header h3{color:var(--text-primary,#0f172a);align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.pelaporan-modal-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:color .15s,background .15s;display:flex}.pelaporan-modal-close-btn:hover{color:var(--text-primary,#0f172a);background:var(--bg-hover,#f1f5f9)}.pelaporan-modal-body{flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.pelaporan-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-modal-footer,#f8fafc);border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:flex-end;align-items:center;gap:.625rem;padding:1rem 1.25rem;display:flex}.form-group-item{flex-direction:column;gap:.35rem;display:flex}.form-group-item label{color:var(--text-primary,#334155);font-size:.8125rem;font-weight:600}.form-group-item .req{color:#ef4444}.form-input-text,.form-select,.form-textarea{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-input,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:6px;outline:none;padding:.55rem .75rem;font-size:.8125rem;transition:border-color .15s}.form-input-text:focus,.form-select:focus,.form-textarea:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.form-textarea{resize:vertical;min-height:90px;line-height:1.5}.form-hint{color:var(--text-muted,#64748b);font-size:.75rem}.dropzone-container{border:2px dashed var(--border-color,#cbd5e1);text-align:center;cursor:pointer;background:var(--bg-dropzone,#f8fafc);border-radius:8px;padding:1.25rem;transition:all .2s}.dropzone-container:hover,.dropzone-container.active{background:#0284c708;border-color:#0284c7}.dropzone-inner{flex-direction:column;align-items:center;gap:.4rem;display:flex}.dropzone-icon{color:#0284c7}.dropzone-text{color:var(--text-primary,#334155);font-size:.8125rem;font-weight:500}.dropzone-subtext{color:var(--text-muted,#64748b);font-size:.725rem}.attachment-preview-box{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-card,#fff);border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;display:flex;position:relative}.attachment-preview-img{object-fit:cover;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;width:54px;height:54px}.attachment-preview-info{flex-direction:column;flex:1;gap:.15rem;display:flex;overflow:hidden}.attachment-file-name{color:var(--text-primary,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.attachment-file-size{color:var(--text-muted,#64748b);font-size:.725rem}.attachment-remove-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.35rem .5rem;font-size:.75rem;font-weight:500;transition:background .15s;display:flex}.attachment-remove-btn:hover{background:#fecaca}.detail-info-grid{background:var(--bg-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.875rem;display:grid}.detail-info-item{flex-direction:column;gap:.15rem;display:flex}.detail-info-label{text-transform:uppercase;color:var(--text-muted,#64748b);letter-spacing:.02em;font-size:.725rem;font-weight:600}.detail-info-val{color:var(--text-primary,#0f172a);font-size:.8125rem;font-weight:600}.detail-desc-box{background:var(--bg-input,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-primary,#1e293b);white-space:pre-wrap;word-break:break-word;border-radius:8px;padding:.875rem;font-size:.8125rem;line-height:1.6}.response-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.response-box-header{color:#1e40af;justify-content:space-between;align-items:center;font-size:.775rem;font-weight:600;display:flex}.response-box-content{color:#1e293b;white-space:pre-wrap;font-size:.8125rem;line-height:1.55}.image-zoom-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.image-zoom-content{object-fit:contain;cursor:default;border-radius:8px;max-width:90vw;max-height:85vh;box-shadow:0 25px 50px -12px #00000080}html.dark .pelaporan-stat-card,html.dark .pelaporan-filter-bar,html.dark .pelaporan-table-card,html.dark .pelaporan-modal-card{background:var(--bg-card,#1e293b);border-color:var(--border-color,#334155)}html.dark .pelaporan-header-left h1,html.dark .stat-value,html.dark .pelaporan-table tbody td,html.dark .pelaporan-modal-header h3,html.dark .form-group-item label,html.dark .detail-info-val,html.dark .attachment-file-name{color:var(--text-primary,#f8fafc)}html.dark .pelaporan-table thead th{color:#94a3b8;background:#0f172a;border-color:#334155}html.dark .pelaporan-table tbody td{border-color:#334155}html.dark .pelaporan-table tbody tr:hover{background:#ffffff05}html.dark .search-box-input,html.dark .filter-select,html.dark .form-input-text,html.dark .form-select,html.dark .form-textarea,html.dark .detail-desc-box{color:#f8fafc;background:#0f172a;border-color:#334155}html.dark .pelaporan-modal-footer,html.dark .detail-info-grid,html.dark .dropzone-container,html.dark .attachment-preview-box{background:#0f172a;border-color:#334155}html.dark .stat-icon-wrapper.total{color:#f8fafc;background:#334155}html.dark .stat-icon-wrapper.menunggu{color:#fbbf24;background:#d9770633}html.dark .stat-icon-wrapper.diproses{color:#38bdf8;background:#0284c733}html.dark .stat-icon-wrapper.selesai{color:#4ade80;background:#16a34a33}html.dark .response-box{background:#1e3a8a4d;border-color:#1e3a8a}html.dark .response-box-header{color:#93c5fd}html.dark .response-box-content{color:#e2e8f0}@media (width<=768px){.pelaporan-container{padding:1rem}.pelaporan-filter-bar,.filter-group-left{flex-direction:column;align-items:stretch}.detail-info-grid{grid-template-columns:1fr}}.log-aktivitas-page{max-width:1440px;min-height:calc(100vh - 120px);margin:0 auto;padding:1.5rem 2rem}.log-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.log-header__info h1{color:var(--text-heading,#0f172a);letter-spacing:-.01em;align-items:center;gap:.6rem;margin:0 0 .35rem;font-size:1.4rem;font-weight:700;display:flex}.log-header__icon{color:var(--primary,#0284c7);display:inline-flex}.log-header__subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.85rem;line-height:1.4}.log-header__actions{align-items:center;gap:.75rem;display:flex}.log-btn-refresh{border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);color:var(--text-secondary,#334155);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.8rem;font-weight:600;transition:all .18s;display:inline-flex}.log-btn-refresh:hover:not(:disabled){background:var(--bg-secondary,#f8fafc);color:#0284c7;border-color:#0284c7}html.dark .log-btn-refresh{background:var(--bg-card,#111927);border-color:var(--border-color,#1e293b);color:var(--text-secondary,#94a3b8)}html.dark .log-btn-refresh:hover:not(:disabled){color:#38bdf8;background:#0284c726;border-color:#38bdf8}.log-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.log-btn-refresh--spinning svg{animation:.9s linear infinite logSpin}@keyframes logSpin{to{transform:rotate(360deg)}}.log-scope-badge{color:var(--primary,#0284c7);background:#0284c714;border:1px solid #0284c733;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}html.dark .log-scope-badge{color:#38bdf8;background:#0284c729;border-color:#0284c759}.log-filter-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);margin-bottom:1.25rem;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a}html.dark .log-filter-card{background:var(--bg-card,#111927);border-color:var(--border-color,#1e293b);box-shadow:var(--shadow-sm)}.log-filter-grid{grid-template-columns:2fr 1.2fr 1fr 1.2fr;align-items:center;gap:.85rem;display:grid}@media (width<=1024px){.log-filter-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.log-filter-grid{grid-template-columns:1fr}}.log-search-box{align-items:center;display:flex;position:relative}.log-search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;position:absolute;left:.75rem}.log-search-input{border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#cbd5e1);background:var(--bg-secondary,#fff);width:100%;color:var(--text-primary,#0f172a);outline:none;padding:.5rem 2rem .5rem 2.2rem;font-size:.82rem;transition:border-color .18s,box-shadow .18s,background .18s}html.dark .log-search-input{border-color:var(--border-color,#1e293b);color:var(--text-primary,#f8fafc);background:#0f172a99}.log-search-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}html.dark .log-search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.log-search-clear{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.2rem;display:flex;position:absolute;right:.6rem}.log-search-clear:hover{color:var(--text-primary,#0f172a);background:var(--gray-100,#f1f5f9)}html.dark .log-search-clear:hover{color:#fff;background:#ffffff1a}.log-select{border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#cbd5e1);background:var(--bg-secondary,#fff);width:100%;color:var(--text-primary,#0f172a);cursor:pointer;outline:none;padding:.5rem .75rem;font-size:.82rem;transition:border-color .18s,box-shadow .18s,background .18s}html.dark .log-select{border-color:var(--border-color,#1e293b);color:var(--text-primary,#f8fafc);background:#0f172a99}html.dark .log-select option{color:#f8fafc;background:#111927}.log-select:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}html.dark .log-select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.log-select-readonly{background:var(--gray-50,#f8fafc);color:var(--text-muted,#64748b);border:1px solid var(--border-color,#cbd5e1);border-radius:var(--radius-md,8px);align-items:center;padding:.5rem .75rem;font-size:.82rem;display:flex}html.dark .log-select-readonly{border-color:var(--border-color,#1e293b);color:var(--text-secondary,#94a3b8);background:#0f172a66}.log-table-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-lg,12px);overflow:hidden;box-shadow:0 1px 3px #0000000a}html.dark .log-table-card{background:var(--bg-card,#111927);border-color:var(--border-color,#1e293b);box-shadow:var(--shadow-sm)}.log-table-wrapper{width:100%;overflow-x:auto}.log-table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px;line-height:1.4}.log-table th{color:#334155;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:8px 12px;font-size:11.5px;font-weight:700}html.dark .log-table th{color:#94a3b8;background:#1e293b;border-bottom-color:#334155}.log-table td{border-bottom:1px solid var(--border-color,#f1f5f9);color:var(--text-primary,#334155);vertical-align:middle;padding:6px 12px}html.dark .log-table td{color:var(--text-secondary,#cbd5e1);border-bottom-color:#1e293b99}.log-table tr:hover td{background:var(--gray-50,#f8fafc)}html.dark .log-table tr:hover td{background:#ffffff09}.log-col-time{white-space:nowrap;min-width:130px}.log-time-rel{color:var(--text-heading,#0f172a);font-weight:600;display:block}.log-time-abs{color:var(--text-muted,#94a3b8);margin-top:1px;font-size:11px;display:block}.log-col-user{min-width:180px}.log-user-meta{align-items:center;gap:.6rem;display:flex}.log-user-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#0284c7,#0369a1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.log-user-name{color:var(--text-heading,#0f172a);font-weight:600;line-height:1.25;display:block}.log-user-sub{color:var(--text-muted,#64748b);align-items:center;gap:.35rem;margin-top:2px;font-size:11px;display:flex}.log-role-badge{border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:600;line-height:1.3;display:inline-block}.log-role-badge--fallback{color:#475569;background:#e2e8f0}html.dark .log-role-badge--fallback{color:#94a3b8;background:#1e293b;border:1px solid #334155}.log-col-unit{min-width:150px}.log-unit-name{color:var(--text-primary,#334155);font-weight:500}html.dark .log-unit-name{color:var(--text-primary,#f8fafc)}.log-unit-satker{color:var(--text-muted,#94a3b8);font-size:11px;font-style:italic}.log-col-action{min-width:170px}.log-action-pill{border-radius:9999px;align-items:center;gap:.35rem;margin-bottom:2px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.log-action-name{color:var(--text-heading,#0f172a);font-size:12px;font-weight:600;display:block}.log-col-desc{max-width:320px}.log-desc-text{color:var(--text-primary,#334155);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.log-col-actions{text-align:center;white-space:nowrap;width:50px}.log-action-btn{color:#0284c7;cursor:pointer;border-radius:var(--radius-sm,6px);background:0 0;border:none;justify-content:center;align-items:center;padding:4px 6px;transition:transform .15s,background .15s,color .15s;display:inline-flex}.log-action-btn:hover{background:#0284c71a;transform:scale(1.12)}html.dark .log-action-btn{color:#38bdf8}html.dark .log-action-btn:hover{background:#38bdf826}.log-empty-state{text-align:center;color:var(--text-muted,#64748b);padding:3rem 1.5rem}.log-empty-icon{opacity:.7;margin-bottom:.75rem;font-size:2.5rem}.log-empty-title{color:var(--text-heading,#0f172a);margin-bottom:.35rem;font-size:1rem;font-weight:600}.log-empty-desc{max-width:360px;margin:0 auto;font-size:.82rem;line-height:1.4}.log-loading-skeleton{flex-direction:column;gap:.75rem;padding:2rem;display:flex}.log-skeleton-row{background:linear-gradient(90deg, var(--gray-100,#f1f5f9) 25%, var(--border-color,#e2e8f0) 50%, var(--gray-100,#f1f5f9) 75%);border-radius:var(--radius-sm,6px);background-size:200% 100%;height:38px;animation:1.5s infinite logShimmer}html.dark .log-skeleton-row{background:linear-gradient(90deg,#1e293b99 25%,#33415599 50%,#1e293b99 75%) 0 0/200% 100%}@keyframes logShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.log-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out logFadeIn;display:flex;position:fixed;inset:0}@keyframes logFadeIn{0%{opacity:0}to{opacity:1}}.log-modal-content{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-xl,16px);flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.22s ease-out logSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000000a}html.dark .log-modal-content{border-color:var(--border-color,#1e293b);background:#111927;box-shadow:0 25px 50px -12px #0009}@keyframes logSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.log-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}html.dark .log-modal-header{border-bottom-color:var(--border-color,#1e293b);background:#111927}.log-modal-title-wrap h2{color:var(--text-heading,#0f172a);margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.log-modal-title-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.log-modal-close{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.35rem;transition:all .15s;display:flex}.log-modal-close:hover{background:var(--gray-100,#f1f5f9);color:var(--text-heading,#0f172a)}html.dark .log-modal-close:hover{color:#fff;background:#ffffff14}.log-modal-body{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.log-modal-section{margin-bottom:1.25rem}.log-modal-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#64748b);justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:flex}.log-info-grid{background:var(--gray-50,#f8fafc);border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#e2e8f0);grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.85rem 1rem;display:grid}html.dark .log-info-grid{border-color:var(--border-color,#1e293b);background:#0f172a99}.log-info-item-label{color:var(--text-muted,#64748b);margin-bottom:2px;font-size:.72rem}.log-info-item-value{color:var(--text-heading,#0f172a);word-break:break-all;font-size:.82rem;font-weight:600}.log-desc-box{background:var(--gray-50,#f8fafc);border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#e2e8f0);color:var(--text-heading,#0f172a);padding:.75rem 1rem;font-size:.82rem;line-height:1.45}html.dark .log-desc-box{border-color:var(--border-color,#1e293b);color:var(--text-heading,#fff);background:#0f172a99}.log-json-viewer{color:#38bdf8;border-radius:var(--radius-md,8px);background:#090e17;border:1px solid #1e293b;max-height:260px;padding:1rem;font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:11.5px;line-height:1.5;overflow-x:auto}.log-btn-copy-json{border:1px solid var(--border-color,#cbd5e1);color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:.3rem;padding:2px 8px;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.log-btn-copy-json:hover{background:var(--gray-100,#f1f5f9);color:var(--primary,#0284c7);border-color:var(--primary,#0284c7)}html.dark .log-btn-copy-json{color:#94a3b8;border-color:#334155}html.dark .log-btn-copy-json:hover{color:#38bdf8;background:#38bdf81f;border-color:#38bdf8}.log-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);justify-content:flex-end;padding:1rem 1.5rem;display:flex}html.dark .log-modal-footer{border-top-color:var(--border-color,#1e293b);background:#111927}.dokumen-badge-jenis{border-radius:var(--radius-full,9999px);white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.dokumen-tag-list{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.dokumen-tag-pill{background:var(--bg-tag,#f1f5f9);color:var(--text-secondary,#475569);border:1px solid var(--border-color,#e2e8f0);border-radius:6px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.72rem;font-weight:500;display:inline-flex}.dokumen-role-pills{flex-wrap:wrap;gap:.25rem;max-width:220px;display:flex}.dokumen-role-pill{color:var(--primary,#0284c7);background:#0ea5e91a;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:600;display:inline-block}.dokumen-role-pill.all-role{color:#059669;background:#10b9811f}.dokumen-link-btn{color:var(--primary,#0284c7);white-space:nowrap;background:#0284c714;border:1px solid #0284c733;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.dokumen-link-btn:hover{background:var(--primary,#0284c7);color:#fff}.dokumen-floating-batch-bar{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#cbd5e1);border-radius:var(--radius-full,9999px);z-index:100;align-items:center;gap:1rem;padding:.6rem 1.25rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUpBatch;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a}@keyframes slideUpBatch{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.dokumen-batch-info{color:var(--text-primary,#0f172a);border-right:1px solid var(--border-color,#e2e8f0);align-items:center;gap:.5rem;padding-right:.75rem;font-size:.85rem;font-weight:600;display:flex}.dokumen-batch-badge{background:var(--primary,#0284c7);color:#fff;border-radius:var(--radius-full,9999px);padding:.15rem .55rem;font-size:.75rem}.dokumen-batch-actions{align-items:center;gap:.5rem;display:flex}.dokumen-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.dokumen-modal-dialog{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-xl,16px);flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.2s ease-out modalFadeIn;display:flex;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #00000014}.dokumen-modal-dialog.modal-lg{max-width:800px}.dokumen-modal-dialog.modal-compact{max-width:520px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.dokumen-modal-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dokumen-modal-header h3{color:var(--text-primary,#0f172a);align-items:center;gap:.5rem;margin:0;font-size:1.05rem;font-weight:700;display:flex}.dokumen-modal-body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.dokumen-modal-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-surface-subtle,#f8fafc);border-bottom-left-radius:var(--radius-xl,16px);border-bottom-right-radius:var(--radius-xl,16px);justify-content:flex-end;gap:.625rem;padding:.85rem 1.25rem;display:flex}.dokumen-form-group{flex-direction:column;gap:.35rem;display:flex}.dokumen-form-label{color:var(--text-secondary,#334155);font-size:.83rem;font-weight:600}.dokumen-form-label .required{color:#ef4444;margin-left:2px}.dokumen-form-control{border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#cbd5e1);background:var(--bg-surface,#fff);width:100%;color:var(--text-primary,#0f172a);padding:.55rem .85rem;font-size:.875rem;transition:all .15s}.dokumen-form-control:focus{border-color:var(--primary,#0284c7);outline:none;box-shadow:0 0 0 3px #0284c71f}.dokumen-form-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.dokumen-roles-checklist{background:var(--bg-surface-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;max-height:180px;padding:.75rem;display:grid;overflow-y:auto}.dokumen-role-checkbox-item{color:var(--text-primary,#1e293b);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.dokumen-detail-box{background:var(--bg-surface-subtle,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);grid-template-columns:1fr 1fr;gap:.875rem;padding:1rem;display:grid}.dokumen-detail-item{flex-direction:column;gap:.2rem;display:flex}.dokumen-detail-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted,#64748b);font-size:.75rem;font-weight:600}.dokumen-detail-value{color:var(--text-primary,#0f172a);font-size:.875rem;font-weight:500}.dokumen-manage-table{border-collapse:collapse;width:100%}.dokumen-manage-table th{background:var(--bg-table-header,#f8fafc);color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color,#e2e8f0);padding:.45rem .65rem;font-size:.72rem;font-weight:600}.dokumen-manage-table td{border-bottom:1px solid var(--border-light,#f1f5f9);vertical-align:middle;padding:.45rem .65rem;font-size:.8125rem}.dokumen-manage-table tbody tr:hover{background-color:var(--bg-surface-hover,#f8fafc)}html.dark .dokumen-modal-dialog,html.dark .dokumen-floating-batch-bar{background:var(--bg-surface,#1e293b);border-color:var(--border-color,#334155)}.modal-dokumen-form{flex-direction:column;width:92%;max-height:calc(100vh - 48px);display:flex;overflow:hidden;max-width:860px!important}.dokumen-form-wrapper{flex-direction:column;flex:1;min-height:0;margin:0;display:flex;overflow:hidden}.dokumen-modal-body-scroll{flex:1;overflow-y:auto;padding:1.25rem 1.5rem!important}.dokumen-form-grid-2col{grid-template-columns:1.15fr .85fr;align-items:start;gap:1.5rem;display:grid}.dokumen-form-col{flex-direction:column;gap:.875rem;display:flex}.dokumen-form-row-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.dokumen-roles-panel{background:var(--bg-secondary,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-md,8px);flex-direction:column;gap:8px;max-height:270px;padding:10px 12px;display:flex;overflow-y:auto}.dokumen-role-all-option{cursor:pointer;border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--primary,#0284c7);-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;padding-bottom:.5rem;font-size:.78rem;font-weight:700;display:flex}.dokumen-roles-grid{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.dokumen-role-item{color:var(--text-primary,#1e293b);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.4rem;font-size:.75rem;display:flex;overflow:hidden}.dokumen-role-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html.dark .dokumen-floating-batch-bar{background:var(--bg-surface,#1e293b);border-color:var(--border-color,#334155)}html.dark .dokumen-roles-panel,html.dark .dokumen-detail-box,html.dark .dokumen-manage-add-box{border-color:var(--border-color,#334155);background:#ffffff08}html.dark .dokumen-manage-table th{color:#94a3b8;background:#0f172a;border-color:#334155}html.dark .dokumen-manage-table td{color:#f1f5f9;border-color:#1e293b}html.dark .dokumen-manage-table tbody tr:hover{background-color:#ffffff08}html.dark .dokumen-color-input{color:#f8fafc;background:#0f172a;border-color:#334155}html.dark .dokumen-tag-pill{color:#cbd5e1;background:#0f172a;border-color:#334155}html.dark .dokumen-role-item{color:#cbd5e1}.page-dokumen .table-container{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding-bottom:1rem}.page-dokumen .pagination-container{border-top:none!important;padding-top:0!important}@media (width<=768px){.dokumen-form-grid-2col{grid-template-columns:1fr;gap:1rem}.dokumen-floating-batch-bar{border-radius:var(--radius-lg,12px);flex-direction:column;gap:.5rem;width:90%}.dokumen-batch-info{border-right:none;padding-right:0}}.pengumuman-page{flex-direction:column;gap:16px;display:flex}.pengumuman-header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:2px;display:flex}.pengumuman-title{color:var(--text-heading);letter-spacing:-.4px;align-items:center;margin:0;font-size:20px;font-weight:800;display:flex}.pengumuman-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pengumuman-toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #00000008}.pengumuman-toolbar-filters{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.pengumuman-toolbar-actions{align-items:center;gap:8px;display:flex}.pengumuman-category-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.pengumuman-category-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color-hover)}.pengumuman-category-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;font-weight:600;box-shadow:0 2px 6px #0284c740}:root.dark .pengumuman-category-btn.active{color:#fff;background:#0284c7;border-color:#38bdf8;box-shadow:0 0 12px #0ea5e94d}.pengumuman-search-box{flex:1;min-width:240px;max-width:360px;position:relative}.pengumuman-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pengumuman-search-input{border:1px solid var(--border-color);background:var(--input-bg,var(--bg-card));width:100%;color:var(--text-primary);border-radius:8px;padding:6px 12px 6px 32px;font-family:inherit;font-size:13px;transition:all .15s}.pengumuman-search-input:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 2px #0284c726}.pengumuman-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.pengumuman-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.pengumuman-card:hover{border-color:#0284c766;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}:root.dark .pengumuman-card:hover{border-color:#38bdf866;box-shadow:0 8px 24px #0006,0 0 1px #38bdf84d}.pengumuman-card.is-pinned{background:linear-gradient(180deg, #f59e0b08 0%, var(--bg-card) 100px);border-color:#f59e0b66}:root.dark .pengumuman-card.is-pinned{background:linear-gradient(180deg, #f59e0b0f 0%, var(--bg-card) 100px);border-color:#f59e0b4d}.pengumuman-card-banner{cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0d9488 100%);justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.pengumuman-card-banner img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.pengumuman-card:hover .pengumuman-card-banner img{transform:scale(1.04)}.pengumuman-card-pattern{opacity:.12;background-image:radial-gradient(#fff 1.5px,#0000 1.5px);background-size:12px 12px;position:absolute;inset:0}.pengumuman-card-default-icon{color:#ffffffd9;text-transform:uppercase;letter-spacing:.8px;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.pengumuman-badge-category{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.4px;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 6px #0003}.pengumuman-badge-pinned{color:#fff;z-index:2;background:#f59e0bf2;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0003}.pengumuman-badge-countdown{z-index:2;position:absolute;bottom:10px;left:10px}.pengumuman-card-body{flex-direction:column;flex:1;padding:14px 16px;display:flex}.pengumuman-card-meta-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pengumuman-card-date{color:var(--text-muted);align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.pengumuman-status-tag{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.status-terbit{color:#15803d;background:#dcfce7}.status-terjadwal{color:#0369a1;background:#e0f2fe}.status-draf{color:#475569;background:#f1f5f9}.status-arsip{color:#b91c1c;background:#fee2e2}:root.dark .status-terbit{color:#4ade80;background:#22c55e2e}:root.dark .status-terjadwal{color:#38bdf8;background:#0ea5e92e}:root.dark .status-draf{color:#cbd5e1;background:#94a3b82e}:root.dark .status-arsip{color:#f87171;background:#ef44442e}.pengumuman-card-title{color:var(--text-heading);-webkit-line-clamp:2;line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14px;font-weight:700;line-height:1.35;transition:color .15s;display:-webkit-box;overflow:hidden}.pengumuman-card-title:hover{color:#0284c7}:root.dark .pengumuman-card-title:hover{color:#38bdf8}.pengumuman-card-excerpt{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.pengumuman-card-footer{border-top:1px solid var(--border-color);background:var(--bg-hover);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.pengumuman-card-author{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:11.5px;overflow:hidden}.pengumuman-card-actions{align-items:center;gap:4px;display:flex}.pengumuman-action-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.pengumuman-action-btn:hover{background:var(--bg-card);color:#0284c7;transform:scale(1.08)}:root.dark .pengumuman-action-btn:hover{color:#38bdf8}.pengumuman-action-btn.btn-delete:hover{color:#ef4444}.pengumuman-rich-editor-wrapper{border:1px solid var(--border-color);background:var(--bg-card);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.pengumuman-rich-toolbar{background:var(--bg-hover);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:6px 10px;display:flex}.pengumuman-toolbar-group{align-items:center;gap:3px;display:flex}.pengumuman-toolbar-btn{width:28px;height:28px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pengumuman-toolbar-btn:hover{background:var(--bg-card);border-color:var(--border-color);color:#0284c7}:root.dark .pengumuman-toolbar-btn:hover{color:#38bdf8}.pengumuman-toolbar-divider{background:var(--border-color);width:1px;height:16px;margin:0 4px}.pengumuman-editor-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.pengumuman-editor-tab-btn.active{background:var(--bg-card);color:#0284c7;border-color:var(--border-color);box-shadow:0 1px 2px #0000000d}:root.dark .pengumuman-editor-tab-btn.active{color:#38bdf8}.pengumuman-textarea-plain{width:100%;color:var(--text-primary);resize:vertical;background:0 0;border:none;min-height:160px;padding:12px;font-family:inherit;font-size:13.5px;line-height:1.6}.pengumuman-textarea-plain:focus{outline:none}.pengumuman-preview-box{background:var(--bg-hover);min-height:160px;color:var(--text-primary);padding:14px;font-size:13.5px;line-height:1.65;overflow-y:auto}.pengumuman-multirole-dropdown-wrap{position:relative}.pengumuman-multirole-dropdown-wrap.is-open{z-index:100}.pengumuman-multirole-trigger{border:1px solid var(--border-color);background:var(--input-bg,var(--bg-card));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:38px;padding:6px 12px;transition:all .15s;display:flex}.pengumuman-multirole-trigger:hover{border-color:#0284c7}.pengumuman-multirole-popover{background:var(--bg-card);border:1px solid var(--border-color);z-index:1500;border-radius:10px;flex-direction:column;width:100%;max-height:250px;animation:.15s modalScaleUp;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #00000040}:root.dark .pengumuman-multirole-popover{border-color:var(--border-color);background:#111927;box-shadow:0 16px 40px #0009}.pengumuman-multirole-search{border-bottom:1px solid var(--border-color);background:var(--bg-hover);padding:8px 10px}.pengumuman-multirole-list{flex-direction:column;gap:2px;padding:6px;display:flex;overflow-y:auto}.pengumuman-multirole-item{cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:12.5px;transition:background .15s;display:flex}.pengumuman-multirole-item:hover{background:var(--bg-hover)}.pengumuman-multirole-item input[type=checkbox]{accent-color:#0284c7;cursor:pointer;width:15px;height:15px}.pengumuman-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#0f172aa6;justify-content:center;align-items:center;padding:16px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}.pengumuman-modal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000040}.pengumuman-modal-card.modal-lg{max-width:780px}.pengumuman-modal-card.modal-2col{width:95%;max-width:980px}.pengumuman-form-grid-2col{grid-template-columns:1.15fr .85fr;align-items:start;gap:16px;display:grid}@media (width<=820px){.pengumuman-form-grid-2col{grid-template-columns:1fr}}.pengumuman-form-col{flex-direction:column;gap:10px;display:flex}.pengumuman-form-group{flex-direction:column;gap:4px;display:flex}.pengumuman-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pengumuman-modal-title{color:var(--text-heading);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.pengumuman-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.pengumuman-modal-footer{border-top:1px solid var(--border-color);background:var(--bg-hover);justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.pengumuman-formatted-content{color:var(--text-primary);word-break:break-word;font-size:14px;line-height:1.7}.pengumuman-formatted-content p{margin:0 0 10px}.pengumuman-formatted-content h1,.pengumuman-formatted-content h2,.pengumuman-formatted-content h3{color:var(--text-heading);margin:14px 0 6px;font-weight:700}.pengumuman-formatted-content h1{font-size:18px}.pengumuman-formatted-content h2{font-size:16px}.pengumuman-formatted-content h3{font-size:15px}.pengumuman-formatted-content ul,.pengumuman-formatted-content ol{margin:6px 0 12px;padding-left:24px}.pengumuman-formatted-content li{margin-bottom:4px}.pengumuman-formatted-content blockquote{color:var(--text-heading);background:#0284c70f;border-left:3px solid #0284c7;border-radius:0 6px 6px 0;margin:10px 0;padding:8px 14px;font-style:italic}:root.dark .pengumuman-formatted-content blockquote{background:#0ea5e91a;border-left-color:#38bdf8}.pengumuman-formatted-content a{color:#0284c7;font-weight:600;text-decoration:underline}:root.dark .pengumuman-formatted-content a{color:#38bdf8}.pengumuman-formatted-content u{text-decoration:underline}.pengumuman-detail-banner{object-fit:cover;border:1px solid var(--border-color);border-radius:8px;width:100%;max-height:280px;margin-bottom:14px}.pengumuman-detail-title{color:var(--text-heading);margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.4}.pengumuman-detail-meta-bar{background:var(--bg-hover);color:var(--text-muted);border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:10px 14px;font-size:12.5px;display:flex}.pengumuman-dropzone{border:1.5px dashed var(--border-color);text-align:center;cursor:pointer;background:var(--bg-hover);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:20px;transition:all .2s;display:flex}.pengumuman-dropzone:hover{background:#0284c70a;border-color:#0284c7}:root.dark .pengumuman-dropzone:hover{background:#0ea5e90f;border-color:#38bdf8}.pengumuman-dropzone-preview{border:1px solid var(--border-color);border-radius:8px;width:100%;max-height:180px;position:relative;overflow:hidden}.pengumuman-dropzone-preview img{object-fit:cover;width:100%;height:180px}.pengumuman-dropzone-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:flex;position:absolute;top:8px;right:8px}.pengumuman-dropzone-remove:hover{background:#ef4444}.pengumuman-empty{text-align:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;display:flex}.dokumen-manage-add-box{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:.5rem;padding:.65rem .85rem;display:flex}.dokumen-color-input{border:1px solid var(--border-color);cursor:pointer;background:var(--input-bg,var(--bg-card));border-radius:6px;flex-shrink:0;width:36px;height:32px;padding:2px}.dokumen-color-preview{vertical-align:middle;border:1px solid #00000026;border-radius:4px;width:18px;height:18px;display:inline-block;box-shadow:0 1px 2px #0000000d}.multirole-badge-pills{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.multirole-pill{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-300:#7dd3fc;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--emerald-50:#f0fdfa;--emerald-100:#ccfbf1;--emerald-200:#99f6e4;--emerald-300:#5eead4;--emerald-400:#2dd4bf;--emerald-500:#0d9488;--emerald-600:#0284c7;--emerald-700:#0369a1;--emerald-800:#075985;--emerald-900:#0c4a6e;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#0284c7;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-heading:#0f172a;--border-color:#e2e8f0}:root.dark{--primary-50:#081a2f;--primary-100:#0c2748;--primary-200:#113c6e;--primary-300:#0284c7;--primary-400:#38bdf8;--primary-500:#0ea5e9;--primary-600:#06b6d4;--primary-700:#2dd4bf;--primary-800:#34d399;--primary-900:#f0fdfa;--emerald-50:#081a2f;--emerald-100:#0c2748;--emerald-200:#113c6e;--emerald-300:#0284c7;--emerald-400:#38bdf8;--emerald-500:#06b6d4;--emerald-600:#2dd4bf;--emerald-700:#34d399;--emerald-800:#a7f3d0;--emerald-900:#f0fdfa;--gray-50:#0c1322;--gray-100:#111927;--gray-200:#162238;--gray-300:#1e293b;--gray-400:#334155;--gray-500:#64748b;--gray-600:#94a3b8;--gray-700:#cbd5e1;--gray-800:#e2e8f0;--gray-900:#f8fafc;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#38bdf8;--bg-primary:#090e17;--bg-secondary:#111927;--bg-card:#111927;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-heading:#fff;--border-color:#1e293b}:root{--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--sidebar-width:240px;--sidebar-collapsed:56px;--navbar-height:36px;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html.dark{--bg-primary:#090e17;--bg-secondary:#111927d9;--bg-card:#111927bf;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-heading:#fff;--border-color:#1e293bcc;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #00000059, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #00000040, 0 0 20px #0ea5e90a;--shadow-xl:0 20px 25px -5px #00000073, 0 8px 10px -6px #0000004d, 0 0 30px #0ea5e90f;--glow-emerald-sm:0 0 15px #0ea5e914;--glow-emerald-md:0 0 30px #0ea5e91f;--glow-emerald-lg:0 0 50px #0ea5e929;--glow-cyan-sm:0 0 15px #38bdf814;--glow-cyan-md:0 0 30px #38bdf81f;--glow-cyan-lg:0 0 50px #38bdf829}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);margin:0;padding:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text-primary);font-weight:700;line-height:1.3}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{color:var(--text-secondary);line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans);color:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--font-sans)}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-6) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}:root.dark ::-webkit-scrollbar-thumb{background:#4b5563}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:600;line-height:1.5;font-family:var(--font-sans);border:1px solid #0000;padding:.5rem 1rem;text-decoration:none;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:2px solid #0284c7}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%);border:1px solid #0000;box-shadow:0 1px 3px #0284c733,0 1px 2px #10b98126}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 45%,#34d399 100%);border:1px solid #0000;box-shadow:0 4px 12px #0ea5e947,0 2px 6px #34d39933}.btn-primary:active{background:linear-gradient(135deg,#0369a1 0%,#0f766e 45%,#059669 100%);border:1px solid #0000}html.dark .btn-primary{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%);border:1px solid #0000;box-shadow:0 0 14px #0284c759}html.dark .btn-primary:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 45%,#34d399 100%);border:1px solid #0000;box-shadow:0 0 18px #0ea5e973}html.dark .btn-primary:active{background:linear-gradient(135deg,#0369a1 0%,#0f766e 45%,#059669 100%);border:1px solid #0000}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--gray-100)}html.dark .btn-secondary{background:#ffffff0f;border-color:#ffffff1a}html.dark .btn-secondary:hover{background:#ffffff1a}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}html.dark .btn-danger{color:#fff;background:#dc2626;border-color:#dc2626}html.dark .btn-danger:hover{background:#ef4444;border-color:#ef4444}.btn-warning{background:var(--warning);color:#fff;border-color:var(--warning)}.btn-warning:hover{background:#d97706;border-color:#d97706}html.dark .btn-warning{color:#fff;background:#d97706;border-color:#d97706}html.dark .btn-warning:hover{background:#f59e0b;border-color:#f59e0b}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}html.dark .btn-ghost:hover{background:#ffffff14}.btn-outline{color:#0284c7;background:0 0;border:1px solid #0284c7}.btn-outline:hover{color:#0ea5e9;background:#0284c714;border:1px solid #0ea5e9}html.dark .btn-outline{color:#38bdf8;border:1px solid #38bdf8}html.dark .btn-outline:hover{color:#7dd3fc;background:#38bdf81f;border:1px solid #7dd3fc}.btn-sm{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:.25rem .625rem}.btn-lg{font-size:var(--text-base);border-radius:var(--radius-lg);padding:.75rem 1.5rem}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.btn-icon.btn-sm{color:var(--text-muted);cursor:pointer;transition:all .15s;border-radius:var(--radius-md)!important;background:0 0!important;border:1px solid #0000!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:0!important;display:inline-flex!important}.btn-icon.btn-sm:hover{color:var(--text-primary);background:var(--sidebar-item-hover,#f3f4f6b3)!important;border-color:var(--border-color)!important}html.dark .btn-icon.btn-sm:hover{border-color:var(--border-color)!important;background:#28304480!important}.btn-icon.btn-sm.btn-primary{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%)!important;border:1px solid #0000!important;box-shadow:0 1px 3px #0284c733,0 1px 2px #10b98126!important}.btn-icon.btn-sm.btn-primary:hover{color:#fff!important;background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 45%,#34d399 100%)!important}html.dark .btn-icon.btn-sm.btn-primary{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%)!important;box-shadow:0 0 14px #0284c759!important}.btn-icon.btn-sm.btn-secondary{color:var(--text-muted);box-shadow:none!important;background:0 0!important;border:none!important}.btn-icon.btn-sm.btn-secondary:hover{transform:scale(1.15);color:#0284c7!important;background:0 0!important;border:none!important}html.dark .btn-icon.btn-sm.btn-secondary:hover{color:#38bdf8!important;background:0 0!important;border:none!important}.btn-icon.btn-sm.btn-danger{color:var(--text-muted);box-shadow:none!important;background:0 0!important;border:none!important}.btn-icon.btn-sm.btn-danger:hover{transform:scale(1.15);color:#ef4444!important;background:0 0!important;border:none!important}html.dark .btn-icon.btn-sm.btn-danger:hover{color:#f87171!important;background:0 0!important;border:none!important}.btn-icon.btn-lg{width:44px;height:44px;padding:0}.input{width:100%;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);line-height:1.5;font-family:var(--font-sans);padding:.5rem .75rem}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c72e}html.dark .input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.input:disabled{opacity:.6;cursor:not-allowed;background:var(--gray-100)}html.dark .input:disabled{background:var(--gray-800)}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px #ef444426}.input-sm{font-size:var(--text-xs);padding:.25rem .5rem}.input-lg{font-size:var(--text-base);padding:.75rem 1rem}textarea.input{resize:vertical;min-height:80px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.filter-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;appearance:none;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding:.375rem 2rem .375rem .75rem;font-family:inherit}.filter-select:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c72e}html.dark .filter-select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.filter-select.select-sm{font-size:var(--text-xs);background-position:right .5rem center;padding:.25rem 1.75rem .25rem .5rem}.filter-select option,.filter-select optgroup{background-color:var(--bg-secondary);color:var(--text-primary)}html.dark .filter-select option,html.dark .filter-select optgroup{color:#f1f5f9;background-color:#1f1f1f}.search-input{position:relative}.search-input .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input .input{padding-left:2.5rem}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.form-group .form-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-group .form-error{font-size:var(--text-xs);color:var(--danger)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow var(--transition-base), transform var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.card-header h3,.card-header h4{font-size:var(--text-base);margin:0}.card-body{padding:var(--space-6)}.card-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);display:flex}.summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base);align-items:flex-start;gap:var(--space-4);display:flex}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}html.dark .summary-card:hover{box-shadow:var(--shadow-md), 0 0 20px #10b9810f;border-color:#10b98140}.summary-card .summary-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.summary-card .summary-content{flex:1;min-width:0}.summary-card .summary-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-1)}.summary-card .summary-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700;line-height:1.2}.summary-card .summary-change{align-items:center;gap:var(--space-1);font-size:var(--text-xs);margin-top:var(--space-1);font-weight:600;display:inline-flex}.summary-card .summary-change.positive{color:var(--success)}.summary-card .summary-change.negative{color:var(--danger)}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;padding:.125rem .5rem;font-weight:600;line-height:1.5;display:inline-flex}.badge-primary{color:#7e22ce;background:#f3e8ff}.badge-success{background:var(--emerald-100);color:var(--emerald-800)}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fee2e2}.badge-info{color:#1e40af;background:#dbeafe}.badge-neutral{background:var(--gray-100);color:var(--gray-700)}html.dark .badge-primary{color:#c084fc;background:#a855f726}html.dark .badge-success{color:var(--emerald-400);background:#10b98126}html.dark .badge-warning{color:#fbbf24;background:#f59e0b26}html.dark .badge-danger{color:#f87171;background:#ef444426}html.dark .badge-info{color:#60a5fa;background:#3b82f626}html.dark .badge-neutral{background:var(--gray-700);color:var(--gray-300)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid #0000;line-height:1.5;display:flex}.alert-success{background:var(--emerald-50);border-color:var(--emerald-200);color:var(--emerald-800)}.alert-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.alert-danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.alert-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}html.dark .alert-success{color:var(--emerald-300);background:#10b9811a;border-color:#10b98133}html.dark .alert-warning{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b33}html.dark .alert-danger{color:#f87171;background:#ef44441a;border-color:#ef444433}html.dark .alert-info{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633}.alert-title{margin-bottom:var(--space-1);font-weight:700}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead{background:var(--gray-100,#f1f5f9)}html.dark .table thead{background:#ffffff0a}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#475569);background:var(--gray-100,#f1f5f9);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:700}html.dark .table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:#ffffff0a}.table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle;padding:6px 12px;font-size:12.5px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--gray-50)}html.dark .table tbody tr:hover{background:#ffffff05}.table-striped tbody tr:nth-child(2n){background:var(--gray-50)}html.dark .table-striped tbody tr:nth-child(2n){background:#ffffff05}.batch-entry-table{border-collapse:collapse;border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);overflow:hidden}.batch-entry-th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#475569);background:var(--gray-100,#f1f5f9);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:9px 12px;font-weight:700}html.dark .batch-entry-th{color:var(--text-secondary);background:#ffffff0a}.batch-entry-num{text-align:center;font-size:var(--text-xs);color:var(--text-muted);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--gray-50);width:36px;padding:0 8px;font-weight:600}html.dark .batch-entry-num{background:#ffffff05}.batch-entry-cell{border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:0}.batch-entry-cell:last-child{border-right:none}.batch-entry-input{width:100%;color:var(--text-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;padding:8px 10px;font-family:inherit;transition:background .15s}.batch-entry-input:focus{background:#10b9810a;box-shadow:inset 0 0 0 2px #10b98140}html.dark .batch-entry-input:focus{background:#10b9810f}.batch-entry-input::placeholder{color:var(--text-muted);opacity:.5}.batch-entry-row--error .batch-entry-input{background:#ef44440a}.batch-entry-row--error .batch-entry-num{color:var(--danger)}.batch-entry-row--dirty .batch-entry-input{background:#f59e0b0d;border-color:#f59e0b40}.batch-entry-row--dirty .batch-entry-num{color:#d97706}.batch-entry-row--new .batch-entry-input{background:#10b9810a;border-color:#10b98133}.batch-entry-row--new .batch-entry-num{color:var(--emerald-500)}.batch-entry-remove{width:24px;height:24px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;opacity:.4;background:0 0;border:none;justify-content:center;align-items:center;margin:0 auto;transition:all .15s;display:flex}.batch-entry-remove:hover:not(:disabled){opacity:1;color:var(--danger);background:#ef444414}.batch-entry-remove:disabled{cursor:not-allowed;opacity:.15}.batch-entry-add{border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:8px;padding:6px 12px;font-family:inherit;font-weight:500;transition:all .15s;display:flex}.batch-entry-add:hover{border-color:var(--emerald-400);color:var(--emerald-600);background:#10b9810a}html.dark .batch-entry-add:hover{color:var(--emerald-400);background:#10b98114}.batch-toolbar-btn{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:3px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4;transition:all .15s;display:inline-flex}.batch-toolbar-btn:hover{border-color:var(--emerald-400);color:var(--emerald-600);background:#10b9810d}html.dark .batch-toolbar-btn:hover{color:var(--emerald-400);background:#10b9811a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);animation:fadeIn var(--transition-fast);background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}html.dark .modal-overlay{background:#0000008c}.modal{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;animation:slideInUp var(--transition-base);overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--text-lg);margin:0}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);display:flex}.modal-sm{max-width:400px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state svg,.empty-state .empty-icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--gray-300)}html.dark .empty-state svg,html.dark .empty-state .empty-icon{color:var(--gray-600)}.empty-state h3{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state p{font-size:var(--text-sm);max-width:360px;margin-bottom:var(--space-6)}.timeline{padding-left:var(--space-8);position:relative}.timeline:before{content:"";background:var(--border-color);width:2px;position:absolute;top:0;bottom:0;left:11px}.timeline-item{padding-bottom:var(--space-6);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{left:calc(-1 * var(--space-8) + 4px);border-radius:var(--radius-full);background:var(--emerald-500);border:2px solid var(--bg-card);width:14px;height:14px;box-shadow:0 0 0 2px var(--emerald-500);position:absolute;top:4px}.timeline-content{font-size:var(--text-sm)}.timeline-date{font-size:var(--text-xs);color:var(--text-muted)}.skeleton{background:var(--gray-200);border-radius:var(--radius-md);background-size:200% 100%;background-image:linear-gradient(90deg, var(--gray-200) 0%, var(--gray-100) 40%, var(--gray-200) 80%);animation:1.5s linear infinite shimmer}html.dark .skeleton{background-color:var(--gray-700);background-image:linear-gradient(90deg, var(--gray-700) 0%, var(--gray-600) 40%, var(--gray-700) 80%)}.skeleton-text{height:14px;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-heading{width:50%;height:24px;margin-bottom:var(--space-3)}.skeleton-avatar{border-radius:var(--radius-full);width:40px;height:40px}.skeleton-card{height:120px}.skeleton-image{height:200px}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:2000;gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:auto;animation:slideInUp var(--transition-base);min-width:280px;max-width:420px;display:flex}.toast-success{border-left:4px solid var(--success)}.toast-warning{border-left:4px solid var(--warning)}.toast-danger,.toast-error{border-left:4px solid var(--danger)}.toast-info{border-left:4px solid var(--info)}.toast-close{color:var(--text-muted);cursor:pointer;padding:var(--space-1);background:0 0;border:none;margin-left:auto}.progress-bar{background:var(--gray-200);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}html.dark .progress-bar{background:var(--gray-700)}.progress-bar-fill{border-radius:var(--radius-full);background:var(--emerald-500);height:100%;transition:width var(--transition-slow)}.progress-bar-fill.danger{background:var(--danger)}.progress-bar-fill.warning{background:var(--warning)}.progress-bar-fill.info{background:var(--info)}.progress-bar-sm{height:4px}.progress-bar-lg{height:12px}.chip{align-items:center;gap:var(--space-1);font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--gray-100);color:var(--text-secondary);border:1px solid var(--border-color);transition:all var(--transition-fast);padding:.25rem .75rem;font-weight:600;display:inline-flex}html.dark .chip{background:var(--gray-700)}.chip-closable{padding-right:var(--space-1)}.chip-close{border-radius:var(--radius-full);cursor:pointer;width:16px;height:16px;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.chip-close:hover{background:var(--gray-200);color:var(--text-primary)}html.dark .chip-close:hover{background:var(--gray-600)}.chip-emerald{background:var(--emerald-100);color:var(--emerald-800);border-color:var(--emerald-200)}html.dark .chip-emerald{color:var(--emerald-400);background:#10b98126;border-color:#10b98140}.file-upload{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;display:flex}.file-upload:hover{border-color:var(--emerald-400);background:var(--emerald-50);color:var(--emerald-600)}html.dark .file-upload:hover{background:#10b9810d}.file-upload.dragging{border-color:var(--emerald-500);background:var(--emerald-50)}html.dark .file-upload.dragging{background:#10b9811a}.tree-node{padding-left:var(--space-4)}.tree-node-label{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast);color:var(--text-secondary);display:flex}.tree-node-label:hover{background:var(--gray-100)}html.dark .tree-node-label:hover{background:var(--gray-700)}.tree-node-label.active{background:var(--emerald-50);color:var(--emerald-700)}html.dark .tree-node-label.active{color:var(--emerald-400);background:#10b9811a}.tree-node-children{padding-left:var(--space-4);border-left:1px solid var(--border-color);margin-left:var(--space-3)}.tabs,.tabs-nav{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-6);align-items:center;gap:24px;padding:0;list-style:none;display:flex}.tab,.tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;align-items:center;gap:8px;padding:10px 4px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:color .2s;display:inline-flex;position:relative}.tab:hover,.tab-btn:hover{color:var(--text-primary)}.tab.active,.tab-btn.active{color:var(--primary-600,#0284c7)}html.dark .tab.active,html.dark .tab-btn.active{color:var(--primary-400,#38bdf8)}.tab:after,.tab-btn:after{content:"";background:var(--primary-600,#0284c7);border-radius:2px 2px 0 0;width:100%;height:2px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}html.dark .tab:after,html.dark .tab-btn:after{background:var(--primary-400,#38bdf8)}.tab.active:after,.tab-btn.active:after{transform:scaleX(1)}.tab-content{padding:var(--space-4) 0}.dropdown{display:inline-block;position:relative}.dropdown-menu{top:calc(100% + var(--space-1));background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);z-index:500;padding:var(--space-1) 0;animation:fadeIn var(--transition-fast);position:absolute;right:0}.dropdown-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);text-align:left;width:100%;font-family:var(--font-sans);background:0 0;border:none;display:flex}.dropdown-item:hover{background:var(--gray-50);color:var(--text-primary)}html.dark .dropdown-item:hover{background:var(--gray-700)}.dropdown-divider{background:var(--border-color);height:1px;margin:var(--space-1) 0}.avatar{border-radius:var(--radius-full);background:var(--emerald-100);width:36px;height:36px;color:var(--emerald-700);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar-lg{width:48px;height:48px;font-size:var(--text-lg)}.avatar-xl{width:64px;height:64px;font-size:var(--text-xl)}.avatar-group{display:flex}.avatar-group .avatar{border:2px solid var(--bg-card);margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot-success{background:var(--success)}.status-dot-warning{background:var(--warning)}.status-dot-danger{background:var(--danger)}.status-dot-info{background:var(--info)}.status-dot-neutral{background:var(--gray-400)}.status-dot-pulse{animation:2s infinite pulse}.divider{align-items:center;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;display:flex}.divider:before,.divider:after{content:"";background:var(--border-color);flex:1;height:1px}.breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.breadcrumb-item{align-items:center;gap:var(--space-2);display:flex}.breadcrumb-item a{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--emerald-600)}.breadcrumb-item.active{color:var(--text-primary);font-weight:600}.breadcrumb-separator{color:var(--gray-300);font-size:var(--text-xs)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header-content{gap:var(--space-1);flex-direction:column;display:flex}.page-header h1,.page-title{font-size:var(--text-2xl);color:var(--text-heading);letter-spacing:-.01em;font-weight:700;line-height:1.3}.page-header p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.page-header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.btn.btn-emerald-gradient{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%)!important;border:1px solid #0000!important;box-shadow:0 2px 8px #0284c733,0 1px 3px #10b98126!important}.btn.btn-emerald-gradient:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 45%,#34d399 100%)!important;border:1px solid #0000!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px #0ea5e94d,0 2px 6px #34d39933!important}.btn.btn-emerald-gradient:active:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#0f766e 45%,#059669 100%)!important;border:1px solid #0000!important;transform:translateY(0)!important}html.dark .btn.btn-emerald-gradient{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%)!important;border:1px solid #0000!important;box-shadow:0 4px 12px #0284c740!important}html.dark .btn.btn-emerald-gradient:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 45%,#34d399 100%)!important;border:1px solid #0000!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #0ea5e959!important}html.dark .btn.btn-emerald-gradient:active:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#0f766e 45%,#059669 100%)!important;border:1px solid #0000!important;transform:translateY(0)!important}html.dark .btn.btn-glass-secondary{color:var(--text-primary)!important;background:#ffffff0f!important;border-color:#ffffff1a!important}html.dark .btn.btn-glass-secondary:hover:not(:disabled){color:var(--text-primary)!important;background:#ffffff1a!important;border-color:#fff3!important}.crud-page.page-tahun-anggaran .page-header,.crud-page.page-sumber-dana .page-header,.crud-page.page-status-pagu .page-header,.crud-page.page-jenis-belanja .page-header,.crud-page.page-kategori-unit-kerja .page-header,.crud-page.page-dokumen .page-header{margin-bottom:var(--space-6)!important}.pagination-container{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-color);flex-wrap:wrap;padding-top:1rem;padding-bottom:.5rem;display:flex}.pagination-info{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:flex}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);min-width:28px;height:28px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.pagination-btn:hover:not(:disabled):not(.active){background:var(--gray-100);color:#0284c7;border-color:#cbd5e1}html.dark .pagination-btn{border-color:var(--border-color);color:var(--text-secondary);background:#ffffff0a}html.dark .pagination-btn:hover:not(:disabled):not(.active){color:#38bdf8;background:#ffffff14;border-color:#38bdf84d}.pagination-btn.active{cursor:default;font-weight:700;box-shadow:0 1px 4px #0284c759;color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%)!important;border:1px solid #0000!important}html.dark .pagination-btn.active{box-shadow:0 0 12px #0284c773;color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0d9488 45%,#10b981 100%)!important;border:1px solid #0000!important}.pagination-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.pagination-btn.pagination-nav-btn{width:28px;min-width:28px;padding:0}.pagination-ellipsis{min-width:20px;height:28px;color:var(--text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-emerald{color:var(--emerald-600)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.pt-0{padding-top:0}.pt-2{padding-top:var(--space-2)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pb-0{padding-bottom:0}.pb-2{padding-bottom:var(--space-2)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{z-index:10;position:sticky;top:0}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.min-w-0{min-width:0}.max-w-xs{max-width:320px}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-4xl{max-width:896px}.max-w-full{max-width:100%}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.border{border:1px solid var(--border-color)}.border-top{border-top:1px solid var(--border-color)}.border-bottom{border-bottom:1px solid var(--border-color)}.border-none{border:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.bg-emerald{background-color:var(--emerald-50)}.bg-transparent{background-color:#0000}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.z-1000{z-index:1000}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideIn{animation:slideInUp var(--transition-base)}.animate-slideLeft{animation:slideInLeft var(--transition-base)}.animate-slideDown{animation:slideInDown var(--transition-base)}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-shimmer{animation:1.5s linear infinite shimmer}.animate-scaleIn{animation:scaleIn var(--transition-base)}.animate-bounceIn{animation:.5s bounceIn}@media (width<=767px){:root{font-size:13px}.hide-mobile{display:none!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.page-header-actions{justify-content:stretch;width:100%}.page-header-actions .btn{flex:1}.card-body{padding:var(--space-4)}.card-header{padding:var(--space-3) var(--space-4)}.summary-card{padding:var(--space-4)}.modal{max-width:100%;margin:var(--space-3);border-radius:var(--radius-lg)}.table th,.table td{padding:var(--space-2) var(--space-3)}.toast-container{left:var(--space-3);right:var(--space-3);bottom:var(--space-3)}.toast{min-width:auto;max-width:100%}.tabs{gap:0}.tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media (width>=768px) and (width<=1199px){.hide-tablet{display:none!important}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.show-mobile-only{display:none!important}}@media (width>=1200px){.hide-desktop{display:none!important}}.tree-row-program,.tree-row-kegiatan,.tree-row-kro,.tree-row-ro,.tree-row-komponen{align-items:center!important;min-height:28px!important;padding:4px 10px!important;display:flex!important;position:relative!important}.tree-row-program{background-color:#6366f10d!important;border-left:4px solid #6366f1!important}html.dark .tree-row-program{background-color:#6366f11f!important}.tree-row-program:hover{background-color:#6366f11a!important}html.dark .tree-row-program:hover{background-color:#6366f133!important}.tree-row-kegiatan{background-color:#10b9810d!important;border-left:4px solid #10b981!important}html.dark .tree-row-kegiatan{background-color:#10b9811f!important}.tree-row-kegiatan:hover{background-color:#10b9811a!important}html.dark .tree-row-kegiatan:hover{background-color:#10b98133!important}.tree-row-kro{background-color:#f59e0b0d!important;border-left:4px solid #f59e0b!important}html.dark .tree-row-kro{background-color:#f59e0b1f!important}.tree-row-kro:hover{background-color:#f59e0b1a!important}html.dark .tree-row-kro:hover{background-color:#f59e0b33!important}.tree-row-ro{background-color:#3b82f60d!important;border-left:4px solid #3b82f6!important}html.dark .tree-row-ro{background-color:#3b82f61f!important}.tree-row-ro:hover{background-color:#3b82f61a!important}html.dark .tree-row-ro:hover{background-color:#3b82f633!important}.tree-row-komponen{background-color:#ec48990d!important;border-left:4px solid #ec4899!important}html.dark .tree-row-komponen{background-color:#ec48991f!important}.tree-row-komponen:hover{background-color:#ec48991a!important}html.dark .tree-row-komponen:hover{background-color:#ec489933!important}.tree-children-list{border-left:1px dashed #9ca3af66!important;flex-direction:column!important;gap:4px!important;margin-top:4px!important;margin-bottom:4px!important;margin-left:16px!important;padding-left:24px!important;display:flex!important;position:relative!important}html.dark .tree-children-list{border-left-color:#64748b66!important}.tree-children-list>div>.tree-row-kegiatan:before,.tree-children-list>div>.tree-row-kro:before,.tree-children-list>div>.tree-row-ro:before,.tree-children-list>.tree-row-komponen:before{content:""!important;pointer-events:none!important;border-top:1px dashed #9ca3af66!important;width:24px!important;position:absolute!important;top:50%!important;left:-24px!important;transform:translateY(-50%)!important}html.dark .tree-children-list>div>.tree-row-kegiatan:before,html.dark .tree-children-list>div>.tree-row-kro:before,html.dark .tree-children-list>div>.tree-row-ro:before,html.dark .tree-children-list>.tree-row-komponen:before{border-top-color:#64748b66!important}.badge-code-program{color:#4f46e5!important;background:#6366f126!important}html.dark .badge-code-program{color:#a5b4fc!important;background:#6366f14d!important}.badge-code-kegiatan{color:#059669!important;background:#10b98126!important}html.dark .badge-code-kegiatan{color:#6ee7b7!important;background:#10b9814d!important}.badge-code-kro{color:#d97706!important;background:#f59e0b26!important}html.dark .badge-code-kro{color:#fcd34d!important;background:#f59e0b4d!important}.badge-code-ro{color:#2563eb!important;background:#3b82f626!important}html.dark .badge-code-ro{color:#93c5fd!important;background:#3b82f64d!important}.badge-code-komponen{color:#db2777!important;background:#ec489926!important}html.dark .badge-code-komponen{color:#f9a8d4!important;background:#ec48994d!important}.tree-text-uniform{font-size:.875rem!important;line-height:1.25rem!important}@media print{*,:before,:after{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}body{font-size:12pt;line-height:1.5}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")";color:#555;font-size:.8em}.sidebar,.navbar,.btn,.toast-container,.modal-overlay,.dropdown-menu,.hide-print{display:none!important}.card{page-break-inside:avoid;border:1px solid #ccc}.table{border-collapse:collapse}.table th,.table td{border:1px solid #ccc;padding:4px 8px}.table thead{background:#eee!important}h1,h2,h3,h4{page-break-after:avoid}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.no-page-break{page-break-inside:avoid}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.cb-akun{appearance:none;cursor:pointer;background:0 0;border:1.5px solid #9ca3af99;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:border-color .15s,background-color .15s;position:relative}.cb-akun:hover{border-color:#10b981}.cb-akun:checked{background-color:#10b981;border-color:#10b981}.cb-akun:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}html.dark .cb-akun{border-color:#94a3b873}html.dark .cb-akun:hover{border-color:#34d399}html.dark .cb-akun:checked{background-color:#34d399;border-color:#34d399}html.dark select.glass-filter-select option,html.dark .glass-filter-select option{color:#f8fafc;background-color:#111927;padding:6px 10px}html.dark select.glass-filter-select optgroup,html.dark .glass-filter-select optgroup{color:#38bdf8;background-color:#090e17;font-style:normal;font-weight:700}html.dark select.glass-filter-select optgroup option,html.dark .glass-filter-select optgroup option{color:#f8fafc;background-color:#111927;padding-left:12px;font-weight:400}select.glass-filter-select option,.glass-filter-select option{color:#1e293b;background-color:#fff}select.glass-filter-select optgroup,.glass-filter-select optgroup{color:#047857;background-color:#f1f5f9;font-style:normal;font-weight:700}select.glass-filter-select optgroup option,.glass-filter-select optgroup option{color:#1e293b;background-color:#fff;font-weight:400}