@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:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--sidebar-bg:#ffffffd1;--sidebar-border:#e5e7eb99;--sidebar-text:#6b7280;--sidebar-text-hover:#111827;--sidebar-heading:#9ca3af;--sidebar-icon:#9ca3af;--sidebar-icon-active:var(--emerald-600);--sidebar-item-hover:#f3f4f6b3;--sidebar-item-active-bg:#10b98114;--sidebar-item-active-text:var(--emerald-700);--sidebar-item-active-border:var(--emerald-500);--sidebar-scrollbar-thumb:#d1d5db80;--sidebar-scrollbar-track:transparent;--navbar-bg:#ffffffd9;--navbar-border:#10b98114;--navbar-text:#374151;--navbar-text-muted:#6b7280;--navbar-icon:#6b7280;--navbar-icon-hover:#111827;--dropdown-bg:#fff;--dropdown-border:#e5e7eb;--dropdown-shadow:0 16px 48px #22292f24, 0 4px 16px #22292f0f;--dropdown-item-hover:#f3f4f699;--dropdown-divider:#e5e7eb80;--content-bg:#faf9f5;--content-text:#1f2937;--breadcrumb-text:#6b7280;--breadcrumb-active:#1f2937;--breadcrumb-separator:#d1d5db;--backdrop-bg:#00000059;--badge-danger-bg:#ef4444;--badge-danger-text:#fff;--glass-blur:16px;--glass-border-light:#ffffff4d;--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:#141414eb;--sidebar-border:#10b98114;--sidebar-text:#94a3b8;--sidebar-text-hover:#f1f5f9;--sidebar-heading:#64748b;--sidebar-icon:#64748b;--sidebar-icon-active:var(--emerald-400);--sidebar-item-hover:#10b9810f;--sidebar-item-active-bg:#10b9811f;--sidebar-item-active-text:var(--emerald-400);--sidebar-item-active-border:var(--emerald-400);--sidebar-scrollbar-thumb:#10b98126;--navbar-bg:#141414f2;--navbar-border:#10b9811f;--navbar-text:#e2e8f0;--navbar-text-muted:#94a3b8;--navbar-icon:#94a3b8;--navbar-icon-hover:#f1f5f9;--dropdown-bg:#1e1e1e;--dropdown-border:#10b98126;--dropdown-shadow:0 16px 48px #0009, 0 4px 16px #0006, 0 0 1px #10b98133;--dropdown-item-hover:#10b98114;--dropdown-divider:#ffffff0f;--content-bg:#171717;--content-text:#f1f5f9;--breadcrumb-text:#94a3b8;--breadcrumb-active:#f1f5f9;--breadcrumb-separator:#475569;--backdrop-bg:#000000a6;--glass-blur:20px;--glass-border-light:#10b9810f}.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);flex-direction:column;display:flex}.layout--collapsed .layout__content-wrapper{margin-left:var(--sidebar-collapsed-width)}.layout__main{margin-top:var(--navbar-height);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__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,#10b981 0%,#059669 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:#10b981}.navbar__brand-sub{color:var(--navbar-text-muted);font-size:15px;font-weight:600;transition:color .2s}.navbar__brand:hover .navbar__brand-sub{color:var(--navbar-text)}.navbar__spacer{flex:1}.navbar__actions{align-items:center;gap:2px;display:flex}.navbar__dropdown-wrap{position:relative}.navbar__ta-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:6px;align-items:center;gap:5px;padding:3px 10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.navbar__ta-btn:hover{border-color:var(--emerald-400);background:#10b9810f}.navbar__ta-icon{width:12px;height:12px;color:var(--emerald-500)}.navbar__ta-chevron{width:12px;height:12px;color:var(--navbar-text-muted);transition:transform var(--transition-fast)}.navbar__ta-btn--open .navbar__ta-chevron{transform:rotate(180deg)}.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:8px;margin-left:4px;padding:3px 8px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.navbar__user-btn:hover{border-color:var(--emerald-400);background:#10b9810f}.navbar__user-btn--open{border-color:var(--emerald-500);background:#10b9811a}.navbar__avatar{background:linear-gradient(135deg, var(--emerald-400), var(--emerald-600));color:#fff;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:14px;font-weight:600}.navbar__user-btn:hover .navbar__user-name{color:var(--emerald-600)}:root.dark .navbar__user-btn:hover .navbar__user-name{color:var(--emerald-400)}.navbar__user-chevron{width:14px;height:14px;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-color:var(--sidebar-item-active-border);font-weight:600}.sidebar__link--active .sidebar__link-icon{color:var(--sidebar-icon-active)}.sidebar__link--parent-active{color:var(--sidebar-item-active-text);border:1px solid #0000;font-weight:600}.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{text-overflow:ellipsis;opacity:1;flex:1;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:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;padding:2.5px 9px 2.5px 37px;font-size:14px;font-weight:400;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-color:var(--sidebar-item-active-border);font-weight:600}.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:7px 10px}.sidebar--collapsed:hover .sidebar__item{margin:1px 8px}.sidebar--collapsed:hover .sidebar__link--active:before{left:-8px}.sidebar--collapsed:hover .sidebar__collapse-label{display:block!important}.sidebar--collapsed:hover .sidebar__collapse-btn{justify-content:flex-start;gap:8px;padding:7px 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__dropdown-body{padding:4px}.navbar__dropdown-item{width:100%;color:var(--navbar-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;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)}.navbar__dropdown-item--active{background:var(--sidebar-item-active-bg);color:var(--sidebar-item-active-text)}.navbar__dropdown-item--danger:hover{color:#ef4444;background:#ef444414}.navbar__dropdown-item-icon{flex-shrink:0;width:16px;height:16px}.navbar__dropdown-item-label{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:var(--emerald-600);font-size:13px;font-weight:600;text-decoration:none}.navbar__dropdown-footer-link:hover{color:var(--emerald-700)}:root.dark .navbar__dropdown-footer-link{color:var(--emerald-400)}:root.dark .navbar__dropdown-footer-link:hover{color:var(--emerald-300)}.navbar__dropdown--ta{min-width:200px}.navbar__dropdown-ta-year{flex:1}.navbar__dropdown-ta-check{width:16px;height:16px;color:var(--emerald-500)}.navbar__dropdown--notifications{min-width:320px;max-width:360px}.notification-item{cursor:pointer;transition:background var(--transition-fast);border-radius:6px;align-items:flex-start;gap:10px;padding:10px;display:flex;position:relative}.notification-item:hover{background:var(--dropdown-item-hover)}.notification-item--unread{background:#10b9810a}.notification-item__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.notification-item__icon svg{width:14px;height:14px}.notification-item__icon--info{color:#3b82f6;background:#3b82f61a}.notification-item__icon--success{color:#10b981;background:#10b9811a}.notification-item__icon--warning{color:#f59e0b;background:#f59e0b1a}.notification-item__content{flex:1;min-width:0}.notification-item__title{color:var(--navbar-text);font-size:13px;font-weight:600}.notification-item__message{color:var(--navbar-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1px;font-size:12px;display:-webkit-box;overflow:hidden}.notification-item__time{color:var(--sidebar-heading);margin-top:3px;font-size:11px}.notification-item__dot{background:var(--emerald-500);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.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%,#10b9814d 30%,#10b98180 50%,#10b9814d 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%,#10b9810a 0%,#0000 50%),radial-gradient(at 85% 90%,#05966908 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 #10b98114}:root.dark .sidebar:after{content:"";pointer-events:none;background:linear-gradient(#10b98133 0%,#10b98114 50%,#10b98133 100%);width:1px;position:absolute;top:0;bottom:0;right:-1px}@media (width>=769px){:root.dark .sidebar--collapsed:hover{box-shadow:8px 0 28px #0000004d,4px 0 20px #10b9810d}}:root.dark .navbar__dropdown{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1e1e1e}@media print{.sidebar,.navbar,.sidebar__backdrop,.breadcrumb{display:none!important}.layout__content-wrapper{margin-left: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)}}.auth-page{min-height:100vh;font-family:var(--font-sans);box-sizing:border-box;background:#021a12;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:400px;padding:40px 32px;animation:.4s cubic-bezier(.16,1,.3,1) forwards authCardEntrance;box-shadow:0 16px 32px #0000004d}@keyframes authCardEntrance{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-card-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.auth-logo-icon{color:#10b981;background:linear-gradient(135deg,#10b98126 0%,#0596690d 100%);border:1px solid #10b98140;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.auth-logo-icon img{object-fit:contain;width:36px;height:36px}.auth-logo{letter-spacing:1.5px;color:#fff;margin:0 0 6px;font-size:26px;font-weight:800}.auth-form-desc{color:#94a3b8;margin:0;font-size:14px;font-weight:400}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-input-group label{color:#cbd5e1;font-size:13px;font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#64748b;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.auth-input-icon svg{width:18px;height:18px}.auth-input-wrapper input,.auth-input-wrapper select{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-family:inherit;font-size:14px;transition:all .2s}.auth-input-wrapper select{appearance:none;cursor:pointer}.auth-input-wrapper select option{color:#fff;background:#0a0f1a}.auth-input-wrapper input::placeholder{color:#475569}.auth-input-wrapper input:focus,.auth-input-wrapper select:focus{background:#ffffff14;border-color:#10b981}.password-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:#10b981}.password-toggle svg{width:18px;height:18px}.auth-error,.auth-success{border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.auth-error{color:#f87171;background:#ef444414;border:1px solid #ef444433}.auth-success{color:#34d399;background:#10b98114;border:1px solid #10b98133}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:8px;padding:14px 24px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-link{text-align:center;color:#94a3b8;margin-top:24px;font-size:13px}.auth-link a{color:#10b981;margin-left:4px;font-weight:700;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-footer-credit{text-align:center;color:#a7f3d0;opacity:.4;margin-top:24px;font-size:12px}.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}: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-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-header-left{gap:var(--space-1);flex-direction:column;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-secondary)}.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{background-color:var(--emerald-50);color:var(--emerald-600)}.summary-card-icon.icon-blue{background-color:var(--color-info-bg);color:var(--color-info)}.summary-card-icon.icon-amber{background-color:var(--color-warning-bg);color:var(--color-warning)}.summary-card-icon.icon-purple{color:#7c3aed;background-color:#f5f3ff}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{border-color:var(--emerald-500);box-shadow:var(--shadow-md)}.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{border-color:var(--emerald-500);box-shadow:var(--shadow-md)}.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{background-color:var(--emerald-50);color:var(--emerald-600)}.activity-icon.tipe-pagu{background-color:var(--color-info-bg);color:var(--color-info)}.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{border-color:var(--emerald-300);box-shadow:var(--shadow-sm)}.announcement-card.pinned{border-left:3px solid var(--emerald-500);background-color:var(--emerald-50)}html.dark .announcement-card.pinned{background-color:#10b9810f}.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:var(--emerald-500);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:var(--emerald-600);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:var(--emerald-700);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{border-color:var(--emerald-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.quick-action-icon{border-radius:var(--radius-md);background-color:var(--emerald-50);width:2.5rem;height:2.5rem;color:var(--emerald-600);flex-shrink:0;justify-content:center;align-items:center;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 .summary-card-icon.icon-emerald{color:var(--emerald-400);background-color:#10b9811f}html.dark .summary-card-icon.icon-blue{color:#60a5fa;background-color:#3b82f61f}html.dark .summary-card-icon.icon-amber{color:#fbbf24;background-color:#f59e0b1f}html.dark .chart-card:hover,html.dark .bottom-card:hover,html.dark .quick-action-btn:hover{box-shadow:var(--shadow-md), 0 0 20px #10b9810f;border-color:#10b9814d}html.dark .activity-icon.tipe-pok{color:var(--emerald-400);background-color:#10b9811f}html.dark .activity-icon.tipe-pagu{color:#60a5fa;background-color:#3b82f61f}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:var(--emerald-400);background-color:#10b9811f}html.dark .announcement-card:hover{border-color:#10b98140}html.dark .view-all-link{color:var(--emerald-400)}html.dark .view-all-link:hover{color:var(--emerald-300)}@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)}}.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{background:linear-gradient(135deg, var(--emerald-500), var(--emerald-600));color:#fff;transition:all var(--transition-fast);border:none;font-weight:600;box-shadow:0 4px 14px #10b9814d}.btn-emerald-gradient:hover:not(:disabled){background:linear-gradient(135deg, var(--emerald-600), var(--emerald-700));transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-emerald-gradient:active:not(:disabled){transform:translateY(0)}.btn-glass-secondary{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff4d;font-weight:600;border:1px solid #10b98173!important}.btn-glass-secondary:hover:not(:disabled){color:var(--emerald-600);background:#10b98114;border-color:#10b981a6!important}html.dark .btn-glass-secondary{background:#1e1e1e8c;border-color:#10b98166!important}html.dark .btn-glass-secondary:hover:not(:disabled){color:var(--emerald-400);background:#10b9811f;border-color:#10b98199!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}@media (width<=768px){.glass-table th{padding:6px 8px;font-size:9px}.glass-table td{padding:6px 8px;font-size:11.5px}}.glass-table tr.row-checked td{background:#10b98112}html.dark .glass-table tr.row-checked td{background:#10b9811f}.glass-checkbox{appearance:none;cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);background:var(--bg-card);border:2px solid #10b98166;border-radius:4px;outline:none;justify-content:center;align-items:center;display:inline-flex}.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{background:linear-gradient(135deg, var(--emerald-500), var(--emerald-600));transition:all var(--transition-fast);font-weight:600;box-shadow:0 4px 14px #10b9814d;color:#fff!important;border:none!important}.crud-page .btn-emerald-gradient:hover:not(:disabled){background:linear-gradient(135deg, var(--emerald-600), var(--emerald-700));transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.crud-page .btn-emerald-gradient:active:not(:disabled){transform:translateY(0)}.crud-page .btn-glass-secondary{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff4d;font-weight:600;border:1px solid #10b98173!important}.crud-page .btn-glass-secondary:hover:not(:disabled){color:var(--emerald-600);background:#10b98114;border-color:#10b981a6!important}html.dark .crud-page .btn-glass-secondary{background:#1e1e1e8c;border-color:#10b98166!important}html.dark .crud-page .btn-glass-secondary:hover:not(:disabled){color:var(--emerald-400);background:#10b9811f;border-color:#10b98199!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{color:var(--emerald-800);text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#10b98114;border-bottom:2px solid #10b9812e;padding:8px 10px;font-size:10px;font-weight:700}html.dark .glass-table th{color:var(--emerald-300);background:#10b9811f;border-bottom-color:#10b9814d}.glass-table td{color:var(--text-primary);transition:background-color var(--transition-fast);border-bottom:1px solid #10b9810f;padding:8px 10px;font-size:12.5px}html.dark .glass-table td{border-bottom-color:#10b9811a}@media (width<=768px){.glass-table th{padding:6px 8px;font-size:9px}.glass-table td{padding:6px 8px;font-size:11.5px}}.glass-table tr:last-child td{border-bottom:none}.glass-table tr{transition:transform .2s}.glass-table tr:hover td{background:#10b9810d}html.dark .glass-table tr:hover td{background:#10b98114}.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:#10b9810d;border-top:2px solid #10b9812e;font-weight:700}html.dark .glass-table tr.pagu-total-row td{background:#10b98114;border-top-color:#10b9814d}.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 #10b98133!important}.page-penetapan-pagu .pagu-panel-back{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;color:var(--text-primary)!important;box-shadow:none!important;background:#ffffff4d!important;border:1px solid #10b98173!important}.page-penetapan-pagu .pagu-panel-back:hover{transform:translateY(-1px);color:var(--emerald-600)!important;background:#10b98114!important;border-color:#10b981a6!important}html.dark .page-penetapan-pagu .pagu-panel-back{background:#1e1e1e8c!important;border-color:#10b98166!important}html.dark .page-penetapan-pagu .pagu-panel-back:hover{color:var(--emerald-400)!important;background:#10b9811f!important;border-color:#10b98199!important}.page-penetapan-pagu .pagu-hero-card{-webkit-backdrop-filter:blur(12px)saturate(120%)!important;backdrop-filter:blur(12px)saturate(120%)!important;box-shadow:0 4px 20px 0 #10b9810d, var(--shadow-sm)!important;background:#fffc!important;border:1px solid #10b98126!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{background:#17171773!important;border-color:#10b98133!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:#10b98114!important;border-bottom-color:#0000!important}html.dark .page-penetapan-pagu .row-expanded-parent td{background:#10b98126!important}.page-penetapan-pagu .pagu-expand-row td{background:#10b98105!important;border-bottom:1px solid #10b9811f!important;padding:0 16px 12px!important}html.dark .page-penetapan-pagu .pagu-expand-row td{background:#10b9810a!important;border-bottom-color:#10b98133!important}.page-penetapan-pagu .pagu-expand-row:hover td{background:#10b98105!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;border:1px solid #10b9812e!important;border-left:3px solid var(--emerald-500)!important;box-shadow:inset 0 2px 4px #10b98105, var(--shadow-sm)!important;background:#fffc!important;border-radius:6px!important;margin:4px 0 10px!important;padding:12px 16px!important}html.dark .page-penetapan-pagu .pagu-expand-content{border-color:#10b98140!important;border-left-color:var(--emerald-400)!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(--emerald-600)!important}.page-penetapan-pagu .pagu-link:hover{text-decoration:underline;color:var(--emerald-700)!important}html.dark .page-penetapan-pagu .pagu-link{color:var(--emerald-400)!important}html.dark .page-penetapan-pagu .pagu-link:hover{color:var(--emerald-300)!important}.page-penetapan-pagu .empty-state{background:#ffffff73!important;border:1px dashed #10b98133!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;text-align:center!important;padding:4px 8px!important}.pagu-main-table td{white-space:nowrap;border:1px solid var(--border-color);line-height:1.8;padding:0 8px!important}.pagu-main-table .pagu-total-row td{background:#10b9810d;padding:4px 8px}html.dark .pagu-main-table .pagu-total-row td{background:#10b98114}.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(--emerald-600,#059669);background:var(--emerald-600,#059669);color:#fff;font-size:var(--text-sm);cursor:pointer;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;box-shadow:0 2px 8px #10b98140}.pagu-panel-back:hover{background:var(--emerald-700,#047857);border-color:var(--emerald-700,#047857);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #10b98166}.pagu-panel-back:active{transform:translateY(0)}html.dark .pagu-panel-back{background:var(--emerald-600,#059669);border-color:var(--emerald-600,#059669);color:#fff}html.dark .pagu-panel-back:hover{background:var(--emerald-500,#10b981);border-color:var(--emerald-500,#10b981);color:#fff;box-shadow:0 4px 16px #10b9818c}.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(--emerald-600,#059669);word-break:break-all;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.pagu-expand-link:hover{text-decoration:underline}html.dark .pagu-expand-link{color:var(--emerald-400,#34d399)}.row-selected{background:#e9fbf566!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:var(--emerald-600,#059669);border-color:var(--border-color)}html.dark .btn-icon-sm:hover{color:var(--emerald-400,#34d399)}.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{color:var(--emerald-800);text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#10b98114;border-bottom:2px solid #10b9812e;padding:8px 10px;font-size:10px;font-weight:700}html.dark .page-riwayat-pagu .glass-table th{color:var(--emerald-300);background:#10b9811f;border-bottom-color:#10b9814d}.page-riwayat-pagu .glass-table td{color:var(--text-primary);transition:background-color var(--transition-fast);border-bottom:1px solid #10b9810f;padding:8px 10px;font-size:12.5px}html.dark .page-riwayat-pagu .glass-table td{border-bottom-color:#10b9811a}@media (width<=768px){.page-riwayat-pagu .glass-table th{padding:6px 8px;font-size:9px}.page-riwayat-pagu .glass-table td{padding:6px 8px;font-size:11.5px}}.page-riwayat-pagu .glass-table tr:last-child td{border-bottom:none}.page-riwayat-pagu .glass-table tr{transition:transform .2s}.page-riwayat-pagu .glass-table tr:hover td{background:#10b9810d}html.dark .page-riwayat-pagu .glass-table tr:hover td{background:#10b98114}.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(--bg-card);color:var(--text-heading);text-transform:uppercase;letter-spacing:.5px;text-align:center;border-bottom:2px solid var(--border-color);border-right:1px solid var(--border-color);z-index:10;background-clip:padding-box;padding:6px 8px;font-size:12px;font-weight:600;position:sticky;top:0;box-shadow:0 4px 6px -4px #0000001f,0 2px 4px -2px #00000014}html.dark .pok-spreadsheet-table th{background:#1e1e1e;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:#00000005}.pok-row.selected{background-color:#10b9810d}.pok-cell{vertical-align:middle;color:var(--text-primary);border-right:1px solid var(--border-color);padding:4px 8px;font-size:13px}.pok-cell:last-child{border-right:none}.row-level-jb{color:#4f46e5;background-color:#4f46e51f;font-weight:800}.row-level-sk{color:var(--emerald-800);background-color:#10b9811a;font-weight:800}.row-level-ak{background-color:#f59e0b12;font-weight:400}.row-level-it{background-color:#0000;font-weight:400}html.dark .row-level-jb{color:#818cf8;background-color:#6366f138}html.dark .row-level-sk{color:var(--emerald-400);background-color:#10b9812e}html.dark .row-level-ak{background-color:#f59e0b24}.indent-0{padding-left:12px!important}.indent-1{padding-left:28px!important}.indent-2{padding-left:44px!important}.indent-3{padding-left:60px!important}.inline-input{width:100%;font-size:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:2px 6px;font-family:inherit;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}.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 #10b98133;color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important}.volume-btn-apply:hover{box-shadow:0 4px 8px #10b9814d;background:linear-gradient(135deg,#059669 0%,#047857 100%)!important}.volume-btn-apply:active{transform:translateY(.5px)}.level-selector-group{background:#10b9810f;border:1px solid #10b98133;border-radius:8px;gap:2px;padding:2px;display:flex}html.dark .level-selector-group{background:#10b98114;border-color:#10b98140}.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:var(--emerald-600)!important;background:#10b98114!important}html.dark .level-selector-group button:hover{color:var(--emerald-400)!important;background:#10b98126!important}.level-selector-group button.active{color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:0 2px 4px #10b98126!important}html.dark .level-selector-group button.active{color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#047857 100%)!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:#10b98114}.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:#0284c7;background-color:#0284c72e;font-weight:800}html.dark .row-level-sd{color:#38bdf8;background-color:#0284c74d}.badge-sd{color:#0284c7;background:#0284c726;border:1px solid #0284c740}html.dark .badge-sd{color:#38bdf8;background:#38bdf833}.indent-4{padding-left:76px!important}.indent-5{padding-left:92px!important}.indent-6{padding-left:108px!important}.row-level-prog{background-color:#4f46e50f;font-weight:800}html.dark .row-level-prog{background-color:#4f46e526}.row-level-keg{background-color:#6366f10d;font-weight:700}html.dark .row-level-keg{background-color:#6366f11f}.row-level-kro{background-color:#8b5cf60a;font-weight:700}html.dark .row-level-kro{background-color:#8b5cf61a}.row-level-ro{background-color:#a855f70a;font-weight:700}html.dark .row-level-ro{background-color:#a855f71a}.row-level-komp{background-color:#ec48990a;font-weight:700}html.dark .row-level-komp{background-color:#ec48991a}.inline-textarea{white-space:pre-wrap;word-break:break-word;min-height:24px;font-family:inherit;line-height:1.4;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(--emerald-600)!important;background-color:#10b9811f!important}html.dark .filter-dropdown-option.active-option{color:var(--emerald-400)!important}.custom-multiselect-trigger{outline:none;border:1px solid var(--border-color)!important}.custom-multiselect-trigger:hover{background:var(--bg-primary)!important;border-color:#10b98173!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:800!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}.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{background:#10b98114!important}.pok-row.diff-row-modified td{border-left:3px solid #10b98166}.pok-row.diff-row-modified:hover{background:#10b9811f!important}.pok-row.diff-row-added{background:#10b9811a!important}.pok-row.diff-row-added td{border-left:3px solid #10b98180}.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-modified{background:#10b9811f!important}html.dark .pok-row.diff-row-added{background:#10b98124!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:#10b9810a!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{background:linear-gradient(135deg, var(--emerald-500), var(--emerald-600));transition:all var(--transition-fast);font-weight:600;box-shadow:0 4px 14px #10b9814d;color:#fff!important;border:none!important}.page-usul-pok .btn-emerald-gradient:hover:not(:disabled){background:linear-gradient(135deg, var(--emerald-600), var(--emerald-700));transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.page-usul-pok .btn-glass-secondary{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff4d;font-weight:600;border:1px solid #10b98173!important}.page-usul-pok .btn-glass-secondary:hover:not(:disabled){color:var(--emerald-600);background:#10b98114;border-color:#10b981a6!important}html.dark .page-usul-pok .btn-glass-secondary{background:#1e1e1e8c;border-color:#10b98166!important}html.dark .page-usul-pok .btn-glass-secondary:hover:not(:disabled){color:var(--emerald-400);background:#10b9811f;border-color:#10b98199!important}.page-usul-pok .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}.page-usul-pok .glass-card:hover{box-shadow:0 10px 40px 0 #10b98114, var(--shadow-lg)}html.dark .page-usul-pok .glass-card{background:#17171773;border:1px solid #10b98133;box-shadow:0 8px 32px #0006,0 0 20px #10b98105}.page-usul-pok .pok-pagu-limit-card{-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;align-items:center;gap:16px;padding:12px 20px;display:flex;position:relative;overflow:hidden}.page-usul-pok .pok-pagu-limit-card:hover{box-shadow:0 10px 40px 0 #10b98114, var(--shadow-md);border-color:#10b9814d}html.dark .page-usul-pok .pok-pagu-limit-card{background:#17171773;border-color:#10b98140;box-shadow:0 8px 32px #0006,0 0 20px #10b98105}.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;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:1px solid #10b98126;border-radius:8px;padding-left:10px;padding-right:1.8rem;font-size:12px}.page-usul-pok .glass-filter-select:focus{border-color:var(--emerald-500);background-color:#ffffffd9;outline:none;box-shadow:0 0 0 3px #10b98133}html.dark .page-usul-pok .glass-filter-select{background-color:#17171773;border-color:#10b9812e}.page-usul-pok .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}.page-usul-pok .glass-input:focus{border-color:var(--emerald-500);background:#ffffffd9;outline:none;box-shadow:0 0 0 3px #10b98133}html.dark .page-usul-pok .glass-input{background:#17171773;border-color:#10b9812e}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='%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}.page-usul-pok .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-usul-pok .glass-table-container{background:#14141440;border-color:#10b98126}.page-usul-pok .glass-table{border-collapse:separate;border-spacing:0;width:100%}.page-usul-pok .glass-table th{color:var(--emerald-800);text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#10b98114;border-bottom:2px solid #10b9812e;padding:8px 10px;font-size:10px;font-weight:700}html.dark .page-usul-pok .glass-table th{color:var(--emerald-300);background:#10b9811f;border-bottom-color:#10b9814d}.page-usul-pok .glass-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #10b9810f;padding:8px 10px;font-size:12.5px}.page-usul-pok .glass-checkbox{appearance:none;cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);background:var(--bg-card);border:2px solid #10b98166;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:#10b98180!important}.page-usul-pok .glass-checkbox:checked{background:var(--emerald-500)!important;border-color:var(--emerald-500)!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{cursor:pointer;background-color:#10b9810a}.page-usul-pok .pok-tr-level-1:hover td{background-color:#10b98114!important}.page-usul-pok .pok-tr-level-1 td{border-bottom:2px solid #10b98126!important;padding-top:10px!important;padding-bottom:10px!important}.page-usul-pok .pok-tr-level-2{cursor:pointer;background-color:#0000}.page-usul-pok .pok-tr-level-2:hover td{background-color:#10b9810a!important}.page-usul-pok .pok-tr-level-2 td{border-bottom:1px solid #10b9811a!important;padding-top:8px!important;padding-bottom:8px!important}.page-usul-pok .pok-tr-level-3{cursor:pointer;background-color:#0000}.page-usul-pok .pok-tr-level-3:hover td{background-color:#10b98108!important}.page-usul-pok .pok-tr-level-3 td{border-bottom:1px dashed #10b98114!important;padding-top:8px!important;padding-bottom:8px!important}.page-usul-pok .pok-tr-level-4{background-color:#0000}.page-usul-pok .pok-tr-level-4:hover td{background-color:#10b98105!important}.page-usul-pok .pok-tr-level-4 td{color:var(--text-primary);font-size:12.5px;border-bottom:1px solid #10b9810d!important;padding-top:6px!important;padding-bottom:6px!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:translate(-50%,60px)}to{opacity:1;transform:translate(-50%)}}@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{background:0 0;border:1px solid #10b98140;border-radius:12px;margin-bottom:0}.page-usul-pok .glass-tab-btn.glass-tab-btn-all:hover{color:var(--emerald-600,#059669);border-color:var(--emerald-500,#10b981);background:#10b9810d}html.dark .page-usul-pok .glass-tab-btn.glass-tab-btn-all{background:0 0;border-color:#10b98133}html.dark .page-usul-pok .glass-tab-btn.glass-tab-btn-all:hover{color:var(--emerald-400,#34d399);border-color:var(--emerald-400,#34d399);background:#10b98114}.page-usul-pok .glass-tab-btn.glass-tab-btn-all.active{z-index:6;font-weight:800;color:var(--emerald-600,#059669)!important;border:2px solid var(--emerald-500,#10b981)!important;border-bottom:2px solid var(--emerald-500,#10b981)!important;box-shadow:none!important;background:0 0!important}html.dark .page-usul-pok .glass-tab-btn.glass-tab-btn-all.active{color:var(--emerald-400,#34d399)!important;border:2px solid var(--emerald-400,#34d399)!important;border-bottom:2px solid var(--emerald-400,#34d399)!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}.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:#171717}.pok-editor-overlay-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #10b9812e;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;box-shadow:0 4px 20px -2px #0000000d,0 2px 4px -1px #00000008}html.dark .pok-editor-overlay-header{background:#141414d9;border-bottom-color:#10b98140;box-shadow:0 4px 20px #0006}.overlay-back-btn{border-radius:var(--radius-md,8px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--emerald-800);font-size:var(--text-sm,14px);cursor:pointer;background:#ffffff4d;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-weight:700;transition:all .15s;display:flex;border:1px solid #10b98173!important}html.dark .overlay-back-btn{color:var(--emerald-400);background:#1e1e1e66;border-color:#10b9814d!important}.overlay-back-btn:hover{color:var(--emerald-600);background:#10b98114;transform:translateY(-1px);border-color:#10b981a6!important}html.dark .overlay-back-btn:hover{color:var(--emerald-300);background:#10b9811f;border-color:#10b98180!important}.overlay-header-divider{background:#10b98126;width:1px;height:32px;margin:0 16px}.overlay-header-left{flex-direction:column;gap:2px;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);margin:0;font-size:1.15rem;font-weight:800}.overlay-header-tabs-wrapper{flex:1;justify-content:center;padding:0 20px;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:130px;padding:6px 18px;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(--emerald-600,#059669);font-weight:700;box-shadow:0 4px 12px #10b98140;color:#fff!important}html.dark .overlay-tab-btn.active{background:var(--emerald-500,#10b981);box-shadow:0 4px 14px #10b98166}.overlay-tab-btn.overlay-tab-btn-all{background:0 0;border:1px solid #10b98140}.overlay-tab-btn.overlay-tab-btn-all:hover{color:var(--emerald-600,#059669);background:#10b9810d}html.dark .overlay-tab-btn.overlay-tab-btn-all{border-color:#10b98133}html.dark .overlay-tab-btn.overlay-tab-btn-all:hover{color:var(--emerald-400,#34d399);background:#10b98114}.overlay-tab-btn.overlay-tab-btn-all.active{font-weight:800;color:var(--emerald-600,#059669)!important;border:2px solid var(--emerald-500,#10b981)!important;box-shadow:none!important;background:0 0!important}html.dark .overlay-tab-btn.overlay-tab-btn-all.active{color:var(--emerald-400,#34d399)!important;border:2px solid var(--emerald-400,#34d399)!important;box-shadow:none!important;background:0 0!important}.overlay-tab-btn .tab-title-text{font-size:13px;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-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:12px;height:auto;padding:12px 16px}.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{border-top:1px solid #10b9811a;justify-content:space-between;width:100%;margin-top:4px;padding-top:8px}}@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}.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:13px}.review-sheet-table th{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);text-align:left;padding:8px 12px;font-weight:700}.review-sheet-table td{border:1px solid var(--border-color);background:var(--bg-card);padding:10px 12px}.review-sheet-table tr.row-level-jb td{background:#10b98105;font-weight:700}.review-sheet-table tr.row-level-sk td{background:#10b9810d;font-weight:700}.review-sheet-table tr.row-level-ak td{background:#64646405}@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 tbody tr{transition:background-color .2s}.page-validasi-pok .crud-table tbody tr:hover{background-color:#10b9810a!important}html.dark .page-validasi-pok .crud-table tbody tr:hover{background-color:#10b98114!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}.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}@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}}.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:#10b98133}html.dark .role-card:hover{box-shadow:var(--shadow-md), 0 0 16px #10b9810d}.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(--bg-secondary);color:var(--text-primary);z-index:2;font-weight:600;position:sticky;top:0}.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{gap:var(--space-2);border-bottom:2px solid var(--border-color);padding-bottom:0;display:flex}.role-tab{font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 16px;font-weight:600}.role-tab:hover{color:var(--text-primary)}.role-tab.active{color:var(--emerald-600);border-bottom-color:var(--emerald-500)}html.dark .role-tab.active{color:var(--emerald-400);border-bottom-color:var(--emerald-400)}.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{transition:all .25s cubic-bezier(.4,0,.2,1)!important}.btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:0 6px 16px #10b98159!important}.btn-primary:active{transform:translateY(0)}.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}}:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-200:#a7f3d0;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-800:#065f46;--emerald-900:#064e3b;--gray-50:#f6f4eb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-primary:#faf9f5;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-heading:#374151;--border-color:#e5e7eb}:root.dark{--emerald-50:#064e3b;--emerald-100:#065f46;--emerald-200:#047857;--emerald-300:#059669;--emerald-400:#10b981;--emerald-500:#34d399;--emerald-600:#6ee7b7;--emerald-700:#a7f3d0;--emerald-800:#d1fae5;--emerald-900:#ecfdf5;--gray-50:#18181b;--gray-100:#27272a;--gray-200:#3f3f46;--gray-300:#52525b;--gray-400:#71717a;--gray-500:#a1a1aa;--gray-600:#d4d4d8;--gray-700:#e4e4e7;--gray-800:#f4f4f5;--gray-900:#fafafa;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--bg-primary:#121212;--bg-secondary:#1c1c1c;--bg-card:#1c1c1c;--text-primary:#f9fafb;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-heading:#fff;--border-color:#27272a}: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:#171717;--bg-secondary:#1e1e1ed9;--bg-card:#1e1e1ebf;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-heading:#e2e8f0;--border-color:#10b9811a;--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 #10b9810a;--shadow-xl:0 20px 25px -5px #00000073, 0 8px 10px -6px #0000004d, 0 0 30px #10b9810f;--glow-emerald-sm:0 0 15px #10b9810f;--glow-emerald-md:0 0 30px #10b98114;--glow-emerald-lg:0 0 50px #10b9811a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);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:2px solid var(--emerald-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--emerald-600);color:#fff;border-color:var(--emerald-600)}.btn-primary:hover{background:var(--emerald-700);border-color:var(--emerald-700)}.btn-primary:active{background:var(--emerald-800)}html.dark .btn-primary{color:#fff;background:#059669;border-color:#059669;box-shadow:0 0 12px #10b98133}html.dark .btn-primary:hover{background:#10b981;border-color:#10b981;box-shadow:0 0 16px #10b9814d}html.dark .btn-primary:active{background:#047857;border-color:#047857}.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:var(--emerald-600);border-color:var(--emerald-600);background:0 0}.btn-outline:hover{background:var(--emerald-50)}html.dark .btn-outline{color:#34d399;border-color:#34d399}html.dark .btn-outline:hover{background:#10b9811f}.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-secondary{color:var(--text-muted);background:0 0!important;border:1px solid #0000!important}.btn-icon.btn-sm.btn-secondary:hover{color:var(--emerald-600);background:var(--sidebar-item-hover,#f3f4f6b3)!important;border-color:var(--border-color)!important}html.dark .btn-icon.btn-sm.btn-secondary:hover{color:var(--emerald-400);border-color:var(--border-color)!important;background:#28304480!important}.btn-icon.btn-sm.btn-danger{color:var(--text-muted);background:0 0!important;border:1px solid #0000!important}.btn-icon.btn-sm.btn-danger:hover{color:var(--danger);background:#ef444414!important;border-color:#ef444433!important}html.dark .btn-icon.btn-sm.btn-danger:hover{color:#f87171;background:#ef444426!important;border-color:#ef44444d!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:var(--emerald-500);outline:none;box-shadow:0 0 0 3px #10b98126}.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:var(--emerald-500);outline:none;box-shadow:0 0 0 3px #10b98126}.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,html.dark .table thead{background:0 0}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);color:var(--text-secondary);vertical-align:middle}.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);color:var(--text-muted);background:var(--gray-50);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:8px 10px;font-weight:600}html.dark .batch-entry-th{background:#ffffff08}.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{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{border-bottom:2px solid var(--border-color);align-items:center;gap:0;display:flex}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:600;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--emerald-600);border-bottom-color:var(--emerald-600)}html.dark .tab.active{color:var(--emerald-400);border-bottom-color:var(--emerald-400)}.tab-content{padding:var(--space-6) 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}html.dark .btn.btn-emerald-gradient{color:#fff!important;background:#059669!important;border-color:#059669!important;box-shadow:0 4px 12px #10b98140!important}html.dark .btn.btn-emerald-gradient:hover:not(:disabled){background:#10b981!important;border-color:#10b981!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #10b98159!important}html.dark .btn.btn-emerald-gradient:active:not(:disabled){background:#047857!important;border-color:#047857!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{margin-bottom:var(--space-6)!important}.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 spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@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:#e2e8f0;background-color:#1e1e1e;padding:6px 10px}html.dark select.glass-filter-select optgroup,html.dark .glass-filter-select optgroup{color:#34d399;background-color:#171717;font-style:normal;font-weight:700}html.dark select.glass-filter-select optgroup option,html.dark .glass-filter-select optgroup option{color:#e2e8f0;background-color:#1e1e1e;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}