:root{--bg-body:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-navbar:#fff;--text-main:#1e293b;--text-muted:#64748b;--sibermu-blue:#0056b3;--sibermu-blue-rgb:0, 86, 179;--sibermu-blue-soft:#0056b314;--sibermu-border:#e2e8f0;--sidebar-text:#64748b;--sidebar-hover-bg:#0056b30f;--flyout-bg:#fff;--color-success:#15803d;--color-success-bg:#f0fdf4;--color-success-border:#bcf0da;--color-success-hover:#16a34a;--color-danger:#b91c1c;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-danger-hover:#dc2626;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-hover:#d97706;--color-info:#0284c7;--color-info-bg:#f0f9ff;--color-info-hover:#f0f9ff;--color-gray:#475569;--color-gray-bg:#f1f5f9;--color-gray-hover:#f1f5f9;--sibermu-blue-hover:#0056b3;--sibermu-blue-soft-hover:#0056b31f;--radius-md:12px;--sidebar-width:280px;--navbar-height:70px;--anim-speed:.4s;--anim-curve:cubic-bezier(.25, 1, .5, 1);--hover-speed:.3s}body.dark-mode{--bg-body:#0a1120;--bg-sidebar:#111a2e;--bg-card:#111a2e;--bg-navbar:#111a2e;--text-main:#e2e8f0;--text-muted:#94a3b8;--sibermu-blue:#3b82f6;--sibermu-blue-rgb:59, 130, 246;--sibermu-blue-soft:#3b82f61f;--sibermu-border:#1e293b;--sidebar-text:#94a3b8;--flyout-bg:#111a2e;--color-success:#4ade80;--color-success-bg:#4ade8014;--color-success-border:#4ade8033;--color-success-hover:#4ade8026;--color-danger:#f87171;--color-danger-bg:#f8717114;--color-danger-border:#f8717133;--color-danger-hover:#f8717126;--color-warning:#fbbf24;--color-warning-bg:#fbbf2414;--color-warning-border:#fbbf2433;--color-warning-hover:#fbbf2426;--color-info:#38bdf8;--color-info-bg:#38bdf81a;--color-info-hover:#38bdf82e;--color-gray:#94a3b8;--color-gray-bg:#94a3b81a;--color-gray-hover:#94a3b82e;--sibermu-blue-hover:#2563eb;--sibermu-blue-soft-hover:#3b82f62e}body{transition:background-color .4s,color .4s,border-color .4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);transition:background-color var(--hover-speed) ease;font-family:Inter,sans-serif;line-height:1.5;overflow:hidden}#wrapper{width:100%;height:100vh;display:flex;position:relative;overflow:hidden}#sidebar{min-width:var(--sidebar-width);max-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--sibermu-border);z-index:1050;height:100vh;transition:all var(--anim-speed) var(--anim-curve);flex-direction:column;display:flex}#sidebar.toggled{margin-left:calc(-1 * var(--sidebar-width))}.sidebar-header{border-bottom:1px solid var(--sibermu-border);justify-content:center;align-items:center;padding:25px 20px;display:flex}.sidebar-content{flex-grow:1;padding:15px 12px;overflow-y:auto}.sidebar-nav{list-style:none}.nav-link{color:var(--sidebar-text);transition:all var(--hover-speed) ease;cursor:pointer;border-radius:10px;align-items:center;margin-bottom:4px;padding:12.5px 18px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link i:first-child{text-align:center;width:25px;color:var(--sibermu-blue);margin-right:15px;font-size:1.1rem;transition:all .4s cubic-bezier(.25,1,.5,1)}.nav-link:hover i:first-child,.nav-link.active i:first-child,.nav-link[aria-expanded=true] i:first-child,.flyout-open>.nav-link i:first-child{transform:scale(1.15)rotate(5deg);color:var(--sibermu-blue)!important}.nav-link .arrow{margin-left:auto;font-size:.7rem;transition:transform .4s cubic-bezier(.25,1,.5,1)}.nav-link[aria-expanded=true] .arrow{transform:rotate(180deg)}.flyout-open>.nav-link .arrow{opacity:1;transform:rotate(-90deg)}.nav-link:hover,.nav-link.active{font-weight:700;background:var(--sibermu-blue-soft)!important;color:var(--sibermu-blue)!important}.sidebar-submenu{border-left:1.5px solid var(--sibermu-border);margin:4px 0 8px 18px;list-style:none;display:none;overflow:hidden}.flyout-submenu{background:var(--bg-card);border:1px solid var(--sibermu-border);z-index:1200;border-radius:12px;width:280px;padding:8px;list-style:none;display:none;position:fixed;overflow-y:auto;box-shadow:0 10px 40px #00000026}.flyout-submenu .nav-link{border-radius:8px;margin-bottom:2px;padding:10px 16px;font-size:.85rem}.flyout-submenu .nav-link:hover{background:var(--sibermu-blue-soft)}.flyout-submenu .arrow{transform:rotate(-90deg)!important}.sidebar-submenu .nav-link{padding:10px 15px;font-size:.85rem}.sidebar-submenu .nav-link i:first-child{width:20px;margin-right:10px;font-size:.9rem;transition:all .4s cubic-bezier(.25,1,.5,1)}#content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.top-navbar{height:var(--navbar-height);background:var(--bg-navbar);border-bottom:1px solid var(--sibermu-border);transition:background-color var(--hover-speed) ease;flex-shrink:0;align-items:center;padding:0 25px;display:flex}.content-body{flex-direction:column;flex:1;padding:25px;display:flex;overflow-y:auto}.content-body>.container-fluid{flex:1 0 auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.card{border:1px solid var(--sibermu-border);border-radius:var(--radius-md);transition:all var(--hover-speed) ease;margin-bottom:1.5rem;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;background:var(--bg-card)!important}.card-header{border-bottom:1px solid var(--sibermu-border);border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:#00000003;justify-content:space-between;align-items:center;padding:18px 25px;display:flex}.card-header h3{color:var(--sibermu-blue);font-size:1rem;font-weight:700}.card-body{padding:25px}.card-footer{border-top:1px solid var(--sibermu-border);border-radius:0 0 var(--radius-md) var(--radius-md);background-color:#00000003;padding:15px 25px}.btn-toggle{background:var(--sibermu-blue-soft);width:40px;height:40px;color:var(--sibermu-blue);border:1px solid var(--sibermu-border);cursor:pointer;transition:all var(--hover-speed) ease;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.btn-toggle:hover{background:var(--sibermu-blue);color:#fff;transform:scale(1.05)}.theme-switch{cursor:pointer;background:var(--sibermu-blue-soft);color:var(--sibermu-blue);transition:all var(--hover-speed) ease;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:600;display:flex}.user-box-card{background:var(--bg-card);border:1px solid var(--sibermu-border);cursor:pointer;transition:all var(--hover-speed) ease;border-radius:10px;align-items:center;display:flex;padding:5px 12px!important;text-decoration:none!important}.user-box-card:hover{border-color:var(--sibermu-blue);background:var(--sibermu-blue-soft)!important}.user-dropdown-menu{background:var(--bg-card);border:1px solid var(--sibermu-border);z-index:1000;border-radius:12px;width:200px;margin:0;padding:8px 0;list-style:none;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 40px #00000026}.user-dropdown-menu li a{color:var(--text-main);align-items:center;padding:10px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.user-dropdown-menu li a:hover{background:var(--sibermu-blue-soft);color:var(--sibermu-blue);font-weight:700}@media (width<=768px){#sidebar{margin-left:calc(-1 * var(--sidebar-width));position:fixed;left:0}#sidebar.toggled{margin-left:0}.sidebar-overlay{z-index:1040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}}.swal2-container{z-index:9999!important}.btn-sibermu{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:10px;padding:10px 24px;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.btn-sibermu:active{transform:scale(.96)}.btn-sibermu:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-sibermu-sm{border-radius:8px;padding:6px 14px;font-size:.75rem}.btn-sibermu-lg{border-radius:12px;padding:14px 30px;font-size:1rem}.btn-primary{background:var(--sibermu-blue);color:#fff;border-color:var(--sibermu-blue);box-shadow:0 4px 12px rgba(var(--sibermu-blue-rgb), .2)}.btn-primary:hover{background:var(--sibermu-blue-hover);border-color:var(--sibermu-blue-hover);box-shadow:0 8px 25px rgba(var(--sibermu-blue-rgb), .4);transform:translateY(-2px)}.btn-secondary{background:var(--sibermu-blue-soft);color:var(--sibermu-blue);border:1px solid rgba(var(--sibermu-blue-rgb), .15)}.btn-secondary:hover{background:var(--sibermu-blue);color:#fff;border-color:var(--sibermu-blue);box-shadow:0 6px 20px rgba(var(--sibermu-blue-rgb), .25);transform:translateY(-2px)}.btn-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.btn-success:hover{background:var(--color-success);color:#fff;border-color:var(--color-success);transform:translateY(-2px);box-shadow:0 6px 20px #16a34a4d}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.btn-danger:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger);transform:translateY(-2px);box-shadow:0 6px 20px #dc26264d}.btn-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.btn-warning:hover{background:var(--color-warning);color:#fff;border-color:var(--color-warning);transform:translateY(-2px);box-shadow:0 6px 20px #d977064d}.btn-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.btn-info:hover{background:var(--color-info);color:#fff;border-color:var(--color-info);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d44d}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--sibermu-blue-soft);color:var(--sibermu-blue);border-color:rgba(var(--sibermu-blue-rgb), .1);transform:translateY(-2px)}.navbar-tool-btn:hover{background:var(--sibermu-blue-soft-hover)!important;color:var(--sibermu-blue)!important}.detail-row{background-color:rgba(var(--sibermu-blue-rgb), .01)!important}.detail-row td{border:none!important;padding:2px 0 20px!important}.detail-container{border:1px solid var(--sibermu-border);background:#fff;border-radius:16px;margin:0 20px 10px 60px;padding:20px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000005,0 4px 15px #00000008}body.dark-mode .detail-container{background:#ffffff05;border-color:#ffffff0d}.detail-container:before{content:"";background:var(--sibermu-blue);opacity:.8;width:4px;position:absolute;top:0;bottom:0;left:0}.detail-container .sibermu-table thead th{background:rgba(var(--sibermu-blue-rgb), .02);letter-spacing:.05em;padding:12px 15px;font-size:.65rem}.sibermu-grid-level-1 .detail-container{margin-left:20px}.sibermu-grid-level-2 .detail-container{background-color:#fafbfc;margin-left:20px}.sibermu-table tbody tr{transition:background-color .2s}.sibermu-table tbody tr:hover{background-color:rgba(var(--sibermu-blue-rgb), .04)!important}.sibermu-table tbody tr.detail-row:hover{background-color:rgba(var(--sibermu-blue-rgb), .01)!important}.dark-mode .sibermu-table tbody tr:hover{background-color:#ffffff0d!important}.dark-mode .sibermu-table tbody tr.detail-row:hover{background-color:#ffffff03!important}.sibermu-grid-level-3 .detail-container{background-color:#f8fafc;margin-left:35px}.detail-container .detail-container{border-color:#0056b31a;box-shadow:inset 0 1px 3px #00000003,0 2px 8px #00000005}.expand-btn{background:var(--sibermu-blue-soft);width:32px;height:32px;color:var(--sibermu-blue);cursor:pointer;transition:all .3s var(--anim-curve);border:1px solid #0056b30d;border-radius:50%;justify-content:center;align-items:center;display:flex}.expand-btn:hover{background:var(--sibermu-blue);color:#fff;transform:scale(1.1);box-shadow:0 4px 10px #0056b333}.expand-btn i{transition:transform .3s var(--anim-curve);font-size:.8rem}.expand-btn.expanded{background:var(--sibermu-blue);color:#fff;box-shadow:0 4px 12px #0056b340}.expand-btn.expanded i{transform:rotate(90deg)}.sibermu-tabs{margin-bottom:25px}.tabs-nav{background:rgba(var(--sibermu-blue-rgb), .03);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--sibermu-border);border-radius:14px;align-items:center;gap:10px;margin-bottom:20px;padding:6px;display:flex}.tab-item{cursor:pointer;color:var(--text-muted);transition:all .3s var(--anim-curve);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 20px;font-size:.85rem;font-weight:700;display:inline-flex;position:relative}.tab-item i{color:var(--text-muted);transition:all .3s var(--anim-curve);font-size:1rem}.tab-item:hover{color:var(--sibermu-blue);background:var(--sibermu-blue-soft)}.tab-item:hover i{color:var(--sibermu-blue);transform:translateY(-1px)}.tab-item.active{color:var(--sibermu-blue);border-color:rgba(var(--sibermu-blue-rgb), .1);background:#fff;box-shadow:0 4px 12px #0000000d}.tab-item.active i{color:var(--sibermu-blue)}.tab-item.active:after{content:"";background:var(--sibermu-blue);height:3px;box-shadow:0 2px 6px rgba(var(--sibermu-blue-rgb), .4);border-radius:10px;position:absolute;bottom:-10px;left:20%;right:20%}.tab-content{animation:fadeInTab .4s var(--anim-curve)}.tab-pane{display:none}.tab-pane.active{display:block}@keyframes fadeInTab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark-mode .tabs-nav{background:#ffffff08}.dark-mode .tab-item.active{background:var(--bg-sidebar);box-shadow:0 4px 15px #0003}.sibermu-accordion{border:1px solid var(--sibermu-border);background:var(--bg-card);border-radius:14px;overflow:hidden}.accordion-item{border-bottom:1px solid var(--sibermu-border)}.accordion-item:last-child{border-bottom:none}.accordion-header{cursor:pointer;transition:all .3s var(--anim-curve);-webkit-user-select:none;user-select:none;background:0 0;justify-content:space-between;align-items:center;padding:18px 25px;display:flex}.accordion-header:hover{background:var(--sibermu-blue-soft)}.accordion-title{color:var(--text-main);align-items:center;gap:12px;font-size:.9rem;font-weight:700;display:flex}.accordion-title i{color:var(--sibermu-blue);font-size:1rem}.accordion-icon{color:var(--text-muted);transition:transform .4s var(--anim-curve);font-size:.8rem}.accordion-item.active .accordion-icon{color:var(--sibermu-blue);transform:rotate(180deg)}.accordion-item.active .accordion-header{background:rgba(var(--sibermu-blue-rgb), .03)}.accordion-content{background:0 0;max-height:0;transition:max-height .4s cubic-bezier(0,1,0,1);overflow:hidden}.accordion-item.active .accordion-content{max-height:1000px;transition:max-height .4s cubic-bezier(1,0,1,0)}.accordion-body{color:var(--text-muted);padding:20px 25px 25px 55px;font-size:.9rem;line-height:1.6}.sibermu-timeline{margin-top:10px;padding-left:30px;position:relative}.sibermu-timeline:before{content:"";background:var(--sibermu-border);border-radius:2px;width:2px;position:absolute;top:5px;bottom:5px;left:7px}.timeline-item{padding-bottom:30px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{border:3px solid var(--sibermu-blue);z-index:2;width:16px;height:16px;box-shadow:0 0 0 4px var(--bg-card);background:#fff;border-radius:50%;position:absolute;top:5px;left:-30px}.timeline-marker.success{border-color:var(--color-success)}.timeline-marker.danger{border-color:var(--color-danger)}.timeline-marker.warning{border-color:var(--color-warning)}.timeline-marker.info{border-color:var(--color-info)}.timeline-content{padding:0 0 0 5px}.timeline-time{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:700}.timeline-title{color:var(--text-main);margin-bottom:6px;font-size:.95rem;font-weight:800}.timeline-desc{color:var(--text-muted);font-size:.85rem;line-height:1.5}.dark-mode .timeline-marker{background:var(--bg-card)}.sibermu-multi-select{width:100%;position:relative}.multi-select-container{background:var(--bg-card);border:1px solid var(--sibermu-border);cursor:text;min-height:48px;transition:all .3s var(--anim-curve);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.multi-select-container.focused{border-color:var(--sibermu-blue);box-shadow:0 0 0 4px rgba(var(--sibermu-blue-rgb), .1);z-index:1001}.selected-tag{background:var(--sibermu-blue-soft);color:var(--sibermu-blue);animation:scaleIn .2s var(--anim-curve);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.selected-tag i{cursor:pointer;opacity:.6;font-size:.75rem;transition:opacity .2s}.selected-tag i:hover{opacity:1}.multi-select-input{min-width:60px;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:4px;font-size:.85rem}.multi-select-dropdown{background:var(--bg-card);border:1px solid var(--sibermu-border);z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:250px;animation:slideDown .3s var(--anim-curve);border-radius:14px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0003}.multi-select-dropdown.show{display:block}.dropdown-option{cursor:pointer;color:var(--text-main);justify-content:space-between;align-items:center;padding:10px 15px;font-size:.85rem;transition:all .2s;display:flex}.dropdown-option:hover{background:var(--sibermu-blue-soft);color:var(--sibermu-blue)}.dropdown-option.selected{background:rgba(var(--sibermu-blue-rgb), .05);color:var(--sibermu-blue);font-weight:700}.dropdown-option.selected:after{content:"";font-family:"Font Awesome 6 Free";font-size:.75rem;font-weight:900}.dropdown-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:.8rem}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.form-input,.form-select,.form-textarea{border:1px solid var(--sibermu-border);background:var(--bg-body);width:100%;color:var(--text-main);border-radius:8px;padding:12px 15px;font-family:inherit;font-size:.9rem;transition:all .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--sibermu-blue);box-shadow:0 0 0 3px var(--sibermu-blue-soft);outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.multi-select-container.disabled{opacity:.7;filter:grayscale(.5);background:var(--bg-body)!important;color:var(--text-muted)!important;cursor:not-allowed!important;border-color:var(--sibermu-border)!important}.form-input[readonly],.form-textarea[readonly],.multi-select-container.readonly{cursor:default;background:rgba(var(--sibermu-blue-rgb), .02)!important;border-style:dashed!important}.form-input[readonly]:focus,.form-textarea[readonly]:focus{border-color:var(--sibermu-border);box-shadow:none}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.6}input[type=checkbox]:disabled+label,input[type=radio]:disabled+label{color:var(--text-muted);cursor:not-allowed;opacity:.7}.dark-mode .multi-select-dropdown{background:rgba(var(--bg-card-rgb), .8);box-shadow:0 10px 40px #0006}