@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:#ffffffb8;--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:#ffffffd1;--navbar-border:#10b98114;--navbar-text:#374151;--navbar-text-muted:#6b7280;--navbar-icon:#6b7280;--navbar-icon-hover:#111827;--dropdown-bg:#fffffff0;--dropdown-border:#ffffff8c;--dropdown-shadow:0 16px 48px #22292f24, 0 4px 16px #22292f0f, inset 0 1px 0 #fffc;--dropdown-item-hover:#f3f4f699;--dropdown-divider:#e5e7eb80;--content-bg:#f0f2f5;--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)}.layout--collapsed .layout__content-wrapper{margin-left:var(--sidebar-collapsed-width)}.layout__main{margin-top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height));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;align-items:center;line-height:1;text-decoration:none;display:flex}.navbar__brand-name{color:var(--navbar-text);letter-spacing:-.3px;font-size:16px;font-weight:500}.navbar__brand-name strong{font-size:18px;font-weight:900}.navbar__brand-separator{color:var(--navbar-text-muted);margin:0 8px;font-size:16px;font-weight:300}.navbar__brand-sub{color:var(--navbar-text-muted);font-size:14px;font-weight:600}.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:12px;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:9px;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:13px;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:10px;font-weight:700;display:flex}.navbar__avatar--lg{width:36px;height:36px;font-size:14px}.navbar__user-name{color:var(--navbar-text);transition:color var(--transition-fast);font-size:13px;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:2px}.sidebar__group-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--sidebar-heading);white-space:nowrap;transition:opacity var(--transition-base);padding:10px 14px 4px;font-size:10px;font-weight:700;overflow:hidden}.sidebar--collapsed .sidebar__group-label{opacity:0;height:0;padding:4px 0 0;overflow:hidden}.sidebar__item{margin:1px 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:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;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);font-weight:600}.sidebar__link--active:before{content:"";background:var(--sidebar-item-active-border);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-8px}.sidebar__link--active .sidebar__link-icon{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;transition:opacity var(--transition-base);flex:1;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 var(--transition-base)}.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-radius:6px;align-items:center;padding:5px 10px 5px 38px;font-size:12.5px;font-weight:500;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{color:var(--sidebar-item-active-text);font-weight:600}.sidebar__child-link--active:before{content:"";background:var(--sidebar-item-active-border);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.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{left:-6px}.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:11px;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);flex-shrink:0;padding:6px 8px}.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:7px 10px;font-family:inherit;font-size:12px;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 var(--transition-base)}.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{padding:6px}@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:10px 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:6px 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)}.navbar__brand-separator,.navbar__brand-sub,.navbar__user-name,.navbar__user-chevron{display:none!important}.navbar__user-btn{background:0 0;border:none;margin-left:2px;padding:0}.navbar__user-btn:hover,.navbar__user-btn--open{background:0 0}}.navbar__dropdown{background:rgba(var(--dropdown-bg-rgb), .7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);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:13px;font-weight:600}.navbar__dropdown-header-subtitle{color:var(--navbar-text-muted);margin-top:1px;font-size:11px}.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:13px;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:12px;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:12px;font-weight:600}.notification-item__message{color:var(--navbar-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1px;font-size:11px;display:-webkit-box;overflow:hidden}.notification-item__time{color:var(--sidebar-heading);margin-top:3px;font-size:10px}.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:13px;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;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 .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}}.auth-page{box-sizing:border-box;background:radial-gradient(circle,#022319 0%,#01120d 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.auth-glow-blob{filter:blur(120px);opacity:.45;z-index:1;pointer-events:none;border-radius:50%;position:absolute}.auth-glow-blob--1{background:#10b981;width:400px;height:400px;animation:12s ease-in-out infinite alternate authGlowPulse1;top:-10%;left:10%}.auth-glow-blob--2{background:#047857;width:450px;height:450px;animation:15s ease-in-out infinite alternate authGlowPulse2;bottom:-15%;right:10%}.auth-glow-blob--3{opacity:.3;background:#064e3b;width:300px;height:300px;animation:18s ease-in-out infinite alternate authGlowPulse3;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes authGlowPulse1{0%{opacity:.4;transform:translate(0)scale(1)}to{opacity:.55;transform:translate(30px,40px)scale(1.15)}}@keyframes authGlowPulse2{0%{opacity:.5;transform:translate(0)scale(1.1)}to{opacity:.35;transform:translate(-40px,-20px)scale(.9)}}@keyframes authGlowPulse3{0%{opacity:.25;transform:translate(-50%,-50%)scale(.9)}to{opacity:.4;transform:translate(-30%,-40%)scale(1.2)}}.auth-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);z-index:10;background:#ffffff06;border:1px solid #ffffff1f;border-radius:28px;width:1000px;max-width:100%;min-height:600px;animation:.8s cubic-bezier(.16,1,.3,1) forwards authCardEntrance;display:flex;overflow:hidden;box-shadow:0 24px 60px #0006,inset 0 1px #ffffff1a}@keyframes authCardEntrance{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-brand-side{box-sizing:border-box;background:#064e3b33;border-right:1px solid #ffffff14;flex-direction:column;flex:0 0 50%;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.auth-brand-content{z-index:5;margin-top:auto;margin-bottom:auto;position:relative}.auth-logo-icon{color:#10b981;background:linear-gradient(135deg,#10b98133 0%,#0596690d 100%);border:1px solid #10b98159;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:28px;animation:6s ease-in-out infinite floatBrandIcon;display:flex;box-shadow:0 8px 24px #10b98126}@keyframes floatBrandIcon{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}}.auth-logo-icon svg{filter:drop-shadow(0 0 8px #10b98180);width:36px;height:36px}.auth-logo{letter-spacing:5px;color:#fff;text-shadow:0 2px 10px #0003;margin:0 0 8px;font-family:Outfit,Inter,sans-serif;font-size:48px;font-weight:800}.auth-tagline{letter-spacing:3px;text-transform:uppercase;color:#10b981;opacity:.9;margin:0 0 24px;font-size:13px;font-weight:700}.auth-subtitle{color:#a7f3d0;opacity:.75;max-width:380px;margin:0;font-size:15px;font-weight:400;line-height:1.6}.auth-brand-footer{color:#6ee7b7;opacity:.45;letter-spacing:.5px;z-index:5;margin-top:auto;font-size:12px}.auth-floating-shape{z-index:2;pointer-events:none;background:radial-gradient(circle,#10b98114 0%,#0000 70%);border-radius:50%;position:absolute}.auth-floating-shape--1{width:350px;height:350px;top:-100px;left:-100px}.auth-floating-shape--2{width:250px;height:250px;bottom:-80px;right:-50px}.auth-form-side{box-sizing:border-box;background:#0a0f1a80;flex:0 0 50%;justify-content:center;align-items:center;padding:56px;display:flex;overflow-y:auto}.auth-form-container{width:100%;max-width:380px}.auth-form-header{margin-bottom:32px}.auth-form-title{color:#fff;letter-spacing:-.5px;margin:0 0 6px;font-size:28px;font-weight:700}.auth-form-desc{color:#94a3b8;margin:0;font-size:14px;font-weight:400}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-input-group{flex-direction:column;gap:8px;display:flex}.auth-input-group label{color:#cbd5e1;letter-spacing:.2px;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;transition:color .25s;display:flex;position:absolute;left:14px}.auth-input-icon svg{width:18px;height:18px}.auth-input-wrapper input{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-family:inherit;font-size:14px;transition:all .25s}.auth-input-wrapper input::placeholder{color:#475569}.auth-input-wrapper input:hover{background:#ffffff0f;border-color:#ffffff26}.auth-input-wrapper input:focus{background:#ffffff12;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.auth-input-wrapper:focus-within .auth-input-icon{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:all .2s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:#10b981;background:#10b9811a}.password-toggle svg{width:18px;height:18px}.auth-input-wrapper input.has-toggle{padding-right:44px}.password-strength{margin-top:2px}.password-strength-bar{background:#ffffff0f;border-radius:10px;height:4px;margin-bottom:6px;overflow:hidden}.password-strength-fill{border-radius:10px;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{letter-spacing:.3px;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-error,.auth-success{border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.auth-error{color:#f87171;background:#ef444414;border:1px solid #ef444433;animation:.4s authShake}.auth-success{color:#34d399;background:#10b98114;border:1px solid #10b98133}.auth-error svg,.auth-success svg{flex-shrink:0;width:18px;height:18px}@keyframes authShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-submit-btn{color:#fff;cursor:pointer;letter-spacing:.3px;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 .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #10b98133}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 6px 18px #10b98159}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-btn svg{width:18px;height:18px}.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;transition:color .2s}.auth-link a:hover{color:#34d399;text-decoration:underline}.auth-demo-box{background:#ffffff04;border:1px solid #ffffff14;border-radius:12px;margin-top:24px;transition:all .2s;overflow:hidden}.auth-demo-box:hover{border-color:#10b98133}.auth-demo-toggle{cursor:pointer;color:#94a3b8;background:#ffffff05;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex}.auth-demo-toggle:hover{color:#fff;background:#ffffff0a}.auth-demo-toggle svg{width:14px;height:14px}.auth-demo-content{max-height:0;padding:0 16px;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.auth-demo-content.open{border-top:1px solid #ffffff0f;max-height:520px;padding:8px 16px 16px;overflow-y:auto}.demo-group{margin-bottom:10px}.demo-group:last-child{margin-bottom:0}.demo-group__header{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 0;display:flex}.demo-group__header--clickable{cursor:pointer}.demo-group__header--clickable:hover .demo-group__label{color:#f1f5f9}.demo-group__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.demo-group__label{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;font-size:10px;font-weight:700;transition:color .2s}.demo-group__pills{flex-wrap:wrap;gap:6px;padding:6px 0 2px;display:flex}.demo-pill{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.demo-pill:hover{background:color-mix(in srgb, var(--pill-color,#10b981) 15%, transparent);border-color:color-mix(in srgb, var(--pill-color,#10b981) 40%, transparent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--pill-color,#10b981) 25%, transparent);transform:translateY(-1px)}.demo-pill:active{transform:translateY(0)}.auth-field-error{color:#f87171;margin-top:2px;font-size:11px;font-weight:500}@media (width<=992px){.auth-card{flex-direction:column;width:520px;min-height:0}.auth-brand-side{text-align:center;border-bottom:1px solid #ffffff14;border-right:none;flex:1;align-items:center;padding:40px}.auth-brand-content{flex-direction:column;align-items:center;display:flex}.auth-logo-icon{border-radius:16px;width:60px;height:60px;margin-bottom:16px}.auth-logo-icon svg{width:30px;height:30px}.auth-logo{letter-spacing:4px;font-size:38px}.auth-tagline{margin-bottom:12px;font-size:11px}.auth-subtitle{text-align:center;max-width:320px;font-size:13px}.auth-brand-footer{display:none}.auth-form-side{flex:1;padding:40px}}@media (width<=576px){.auth-page{padding:10px}.auth-card{border-radius:20px;width:100%}.auth-brand-side{padding:28px 20px}.auth-logo{font-size:32px}.auth-subtitle{display:none}.auth-form-side{padding:28px 20px}.auth-form-title{font-size:22px}}: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-family)}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:var(--text-sm)!important;font-family:var(--font-family)!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)}}.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);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;min-width:140px;padding:6px 10px;font-family:inherit;transition:border-color .15s}.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);padding:var(--space-4) 0;border-bottom:1px solid var(--border-color);align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex;position:sticky;top:0}.pagu-panel-back{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:all .15s;display:flex}.pagu-panel-back:hover{color:#178c65;background:#e9fbf580;border-color:#24db9e59}html.dark .pagu-panel-back:hover{color:#7beac5;background:#0e583f4d}.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,#f9fafb);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}.pok-usul-page{padding-bottom:80px}.pok-pagu-limit-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-sm,0 1px 3px #0000000d);margin-top:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pok-pagu-limit-card:hover{box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);border-color:var(--border-color-hover,#cbd5e1)}.pok-pagu-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.pok-pagu-col{flex-direction:column;display:flex}.pagu-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted,#64748b);margin-bottom:6px;font-size:11px;font-weight:700}.pagu-val{color:var(--text-heading,#1e293b);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800;line-height:1.1}.pok-progress-bar-bg{background:#64748b1a;border-radius:9999px;height:8px;overflow:hidden}.pok-progress-bar-fill{background:var(--primary,#10b981);border-radius:9999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.pok-progress-bar-fill.bg-danger{background:var(--danger,#ef4444)!important}.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:16px;padding:14px 20px;font-size:13px;animation:.3s ease-out fadeIn;display:flex;box-shadow:0 2px 4px #ef444405}.pok-lock-banner svg{flex-shrink:0}.pok-tree-table{border-collapse:separate;border-spacing:0;width:100%}.pok-tree-table tr{transition:background-color .2s}.pok-tree-label{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.pok-tree-label svg{color:var(--text-muted);flex-shrink:0}.pok-tr-level-1{background-color:var(--bg-card-hover,#f8fafc80);cursor:pointer}.pok-tr-level-1:hover{background-color:var(--bg-card-hover,#f8fafce6)!important}.pok-tr-level-1 td{border-bottom:2px solid var(--border-color)!important;padding-top:14px!important;padding-bottom:14px!important}.pok-tr-level-2{cursor:pointer;background-color:#0000}.pok-tr-level-2:hover{background-color:var(--bg-card-hover,#f8fafc99)!important}.pok-tr-level-2 td{border-bottom:1px solid var(--border-color)!important;padding-top:12px!important;padding-bottom:12px!important}.pok-tr-level-3{cursor:pointer;background-color:#0000}.pok-tr-level-3:hover{background-color:var(--bg-card-hover,#f8fafc66)!important}.pok-tr-level-3 td{border-bottom:1px dashed var(--border-color)!important;padding-top:10px!important;padding-bottom:10px!important}.pok-tr-level-4{background-color:#0000}.pok-tr-level-4:hover{background-color:#10b98105!important}.pok-tr-level-4 td{color:var(--text-muted);font-size:13px;border-bottom:1px solid #64748b0f!important;padding-top:8px!important;padding-bottom:8px!important}.pok-bulk-toolbar{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--radius-full,9999px);z-index:1000;justify-content:space-between;align-items:center;gap:40px;padding:12px 24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.dark .pok-bulk-toolbar{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #0000004d}.bulk-info{color:var(--text-primary);font-size:13px}.spreadsheet-table td{vertical-align:middle;padding:4px 6px!important}.spreadsheet-table select,.spreadsheet-table input{border-radius:var(--radius-md,6px);background:var(--bg-card,#fff);border:1px solid var(--border-color,#cbd5e1);width:100%;font-size:13px!important}.spreadsheet-table select:focus,.spreadsheet-table input:focus{border-color:var(--primary);outline:none}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,60px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.pok-pagu-grid{grid-template-columns:1fr;gap:12px}.pok-pagu-col{text-align:left!important}.pok-bulk-toolbar{border-radius:var(--radius-lg,12px);gap:16px;width:90vw;padding:12px 16px;bottom:16px}.pok-tree-table th:nth-child(3),.pok-tree-table th:nth-child(4),.pok-tree-table th:nth-child(5),.pok-tree-table th:nth-child(6),.pok-tree-table td:nth-child(3),.pok-tree-table td:nth-child(4),.pok-tree-table td:nth-child(5),.pok-tree-table td:nth-child(6){display:none}}.user-filter-bar{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.user-filter-bar .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);min-width:160px;padding:8px 12px}.user-filter-bar .filter-select:focus{border-color:var(--emerald-400);outline:none;box-shadow:0 0 0 3px #10b9811a}.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}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Nunito 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:#f9fafb;--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:#f9fafb;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-heading:#374151;--border-color:#e5e7eb;--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:14px;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}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)}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)}.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:hover{background:var(--gray-700)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-warning{background:var(--warning);color:#fff;border-color:var(--warning)}.btn-warning:hover{background:#d97706;border-color:#d97706}.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:var(--gray-700)}.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:hover{background:#10b9811a}.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}.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)}.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-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-success{color:var(--emerald-400);background:#10b98126}html.dark .badge-warning{color:#fbbf24;background:#f59e0b26}html.dark .badge-danger{color:#f87171;background:#ef444426}html.dark .badge-info{color:#60a5fa;background:#3b82f626}html.dark .badge-neutral{background:var(--gray-700);color:var(--gray-300)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid #0000;line-height:1.5;display:flex}.alert-success{background:var(--emerald-50);border-color:var(--emerald-200);color:var(--emerald-800)}.alert-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.alert-danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.alert-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}html.dark .alert-success{color:var(--emerald-300);background:#10b9811a;border-color:#10b98133}html.dark .alert-warning{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b33}html.dark .alert-danger{color:#f87171;background:#ef44441a;border-color:#ef444433}html.dark .alert-info{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633}.alert-title{margin-bottom:var(--space-1);font-weight:700}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table thead{background:var(--gray-50)}html.dark .table thead{background:#ffffff08}.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;overflow-x:auto}.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}.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:flex-start!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}