.ui-modal{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:9999}.ui-modal.hidden{display:none}.ui-modal-dialog{background:#fff;width:520px;max-width:90%;border-radius:12px;box-shadow:0 20px 50px #0003;overflow:hidden}.ui-modal-header,.ui-modal-footer{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.ui-modal-footer{border-top:1px solid #e5e7eb;border-bottom:none}.ui-modal-body{padding:20px}.form-group{margin-bottom:14px}.form-group label{display:block;font-weight:600;margin-bottom:4px}.form-input{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px}.ui-table{width:100%;border-collapse:collapse}.ui-table th,.ui-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb}.pekppp-ui{--color-bg: #f8fafc;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #0f172a;--color-muted: #64748b;--color-primary: #0f172a;--radius-sm: 6px;--radius-md: 10px;--shadow-sm: 0 1px 2px rgba(2,6,23,.04);--shadow-md: 0 6px 16px rgba(2,6,23,.06);margin:0}html.dark .pekppp-ui,.dark .pekppp-ui,.dark.pekppp-ui{--color-bg: #020617;--color-surface: #0b1220;--color-border: #1e293b;--color-text: #f8fafc;--color-muted: #94a3b8;--color-primary: #38bdf8}html.dark .pekppp-ui .pekppp-topbar,.dark .pekppp-ui .pekppp-topbar{background:#0b1220;border-color:#1e293b}html.dark .ui-modal-dialog,.dark .ui-modal-dialog{background:#0b1220;color:#f8fafc;border:1px solid #1e293b}html.dark .ui-modal-header,html.dark .ui-modal-footer,.dark .ui-modal-header,.dark .ui-modal-footer{border-color:#1e293b}.pekppp-ui .pekppp-layout{height:100vh;display:flex;overflow:hidden;gap:16px}.pekppp-ui .pekppp-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.pekppp-ui .pekppp-content{background:var(--color-bg);overflow:auto;padding-left:12px}.pekppp-ui .pekppp-topbar{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px #0206170a;position:relative;z-index:40}.pekppp-ui .topbar-left,.pekppp-ui .topbar-right{display:flex;align-items:center;gap:16px}.pekppp-ui .topbar-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#64748b;transition:all .12s ease}.pekppp-ui .topbar-toggle:hover{background:#0206170a;border-color:#0f172a;color:#0f172a}.pekppp-ui .topbar-toggle svg{width:20px;height:20px}.pekppp-ui .topbar-title-wrapper{display:flex;flex-direction:column;gap:2px}.pekppp-ui .topbar-title{font-size:16px;font-weight:600;color:#0f172a;line-height:1.2;margin:0}.pekppp-ui .topbar-subtitle{font-size:12px;color:#64748b;line-height:1.2;margin:0}.pekppp-ui .btn-cache-clear{padding:8px 14px;font-size:13px;font-weight:500;background:transparent;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;transition:all .12s ease}.pekppp-ui .btn-cache-clear:hover{background:#0206170a;border-color:#0f172a}.pekppp-ui .profile-widget{position:relative}.pekppp-ui .profile-btn{display:flex;align-items:center;gap:12px;padding:6px 12px 6px 6px;border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .12s ease}.pekppp-ui .profile-btn:hover{background:#0206170a;border-color:#e2e8f0}.pekppp-ui .profile-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:50%;font-size:15px;font-weight:700;flex-shrink:0}.pekppp-ui .profile-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.pekppp-ui .profile-text .name{font-size:14px;font-weight:600;color:#0f172a;line-height:1.2;white-space:nowrap}.pekppp-ui .profile-text .subtitle{font-size:12px;font-weight:400;color:#64748b;line-height:1.2;white-space:nowrap}.pekppp-ui .profile-chevron{width:18px;height:18px;color:#64748b;transition:transform .15s ease,color .15s ease;flex-shrink:0;margin-left:4px}.pekppp-ui .profile-widget.open .profile-chevron{transform:rotate(180deg);color:#0f172a}.pekppp-ui .profile-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:280px;max-width:320px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px #0f172a1a,0 4px 10px #0f172a0f;opacity:0;transform:translateY(-8px) scale(.95);pointer-events:none;transition:opacity .18s ease,transform .18s ease;overflow:hidden;z-index:50}.pekppp-ui .profile-widget.open .profile-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.pekppp-ui .profile-menu-header{padding:16px;background:linear-gradient(180deg,rgba(15,23,42,.02),transparent);border-bottom:1px solid #e2e8f0}.pekppp-ui .profile-menu-name{font-size:15px;font-weight:600;color:#0f172a;margin-bottom:4px;line-height:1.3}.pekppp-ui .profile-menu-email{font-size:13px;color:#64748b;line-height:1.3;word-break:break-word}.pekppp-ui .profile-menu-notice{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f614;border-bottom:1px solid rgba(59,130,246,.15);font-size:11px;font-weight:600;color:#2563eb;text-transform:uppercase;letter-spacing:.02em}.pekppp-ui .profile-menu-notice svg{width:16px;height:16px;flex-shrink:0}.pekppp-ui .profile-menu-section{padding:12px 16px}.pekppp-ui .profile-menu-role{padding:0}.pekppp-ui .role-title{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:4px;line-height:1.3}.pekppp-ui .role-subtitle{font-size:12px;color:#64748b;line-height:1.4}.pekppp-ui .profile-menu-divider{height:1px;background:#e2e8f0;margin:0}.pekppp-ui .profile-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;text-align:left;font-size:13px;font-weight:500;color:#0f172a;cursor:pointer;transition:background .1s ease,color .1s ease}.pekppp-ui .profile-menu-item svg{width:18px;height:18px;flex-shrink:0}.pekppp-ui .profile-menu-item:hover{background:#0206170a}.pekppp-ui .profile-menu-item.danger{color:#ef4444}.pekppp-ui .profile-menu-item.danger:hover{background:#ef444414;color:#dc2626}@media(max-width:768px){.pekppp-ui .pekppp-topbar{padding:0 16px}.pekppp-ui .topbar-left,.pekppp-ui .topbar-right{gap:12px}.pekppp-ui .btn-cache-clear,.pekppp-ui .profile-text,.pekppp-ui .profile-chevron{display:none}.pekppp-ui .profile-btn{padding:6px}.pekppp-ui .profile-menu{right:-8px;min-width:260px}}@media(max-width:480px){.pekppp-ui .topbar-title{font-size:14px}.pekppp-ui .profile-menu{right:-16px;left:16px;width:calc(100vw - 32px);min-width:unset}}.pekppp-ui .topbar-toggle:focus,.pekppp-ui .profile-btn:focus,.pekppp-ui .btn-cache-clear:focus{outline:2px solid #3b82f6;outline-offset:2px}.pekppp-ui .profile-menu-item:focus{outline:none;background:#0206170f}@media print{.pekppp-ui .pekppp-topbar{display:none}}.pekppp-ui .pekppp-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.pekppp-ui .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--color-primary);color:#fff}.pekppp-ui .ui-table-wrapper{background:transparent;border-radius:10px}.pekppp-ui .ui-table-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pekppp-ui .ui-table-scroll{overflow:auto;border-radius:10px}.pekppp-ui table.ui-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border)}.pekppp-ui table.ui-table thead th{text-align:left;padding:12px 16px;background:linear-gradient(180deg,#02061705,#02061700);font-size:13px;color:var(--color-muted);border-bottom:1px solid var(--color-border)}.pekppp-ui table.ui-table tbody td{padding:12px 16px;vertical-align:middle;border-bottom:1px solid rgba(2,6,23,.03);color:var(--color-text)}.pekppp-ui table.ui-table tbody tr:hover{background:#02061705}.pekppp-ui table.ui-table tbody tr.empty td{text-align:center;color:var(--color-muted);padding:28px 16px}.pekppp-ui .ui-table-actions{display:flex;gap:8px;align-items:center}.pekppp-ui .btn-primary{background:linear-gradient(180deg,#0f172a,#0b1530);color:#fff;border:1px solid rgba(255,255,255,.06)}.pekppp-ui .btn-secondary{background:transparent;border:1px solid rgba(2,6,23,.06);color:var(--color-text)}.pekppp-ui .btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(0,0,0,.06)}.pekppp-ui .btn-ghost{background:transparent;border:none;color:var(--color-text)}.pekppp-ui .btn-sm{padding:6px 10px;font-size:13px;border-radius:8px}@media(max-width:640px){.pekppp-ui table.ui-table thead th{padding:10px;font-size:12px}.pekppp-ui table.ui-table tbody td{padding:10px}.pekppp-ui .ui-table-controls{flex-direction:column;align-items:stretch}}.pekppp-ui .modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0f172a73}.pekppp-ui .modal.hidden{display:none}.modal-dialog{width:100%;max-width:520px;margin:auto}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026,0 4px 10px #00000014;padding:0;overflow:hidden;animation:modalFade .15s ease-out}.modal-header,.modal-footer{padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.modal-footer{border-top:1px solid #e5e7eb;border-bottom:none;display:flex;justify-content:flex-end;gap:.5rem}.modal-body{padding:1.25rem}.modal-title{font-weight:600;font-size:1rem}@keyframes modalFade{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}html.dark .modal-content,.dark .modal-content,html.dark .ui-modal-dialog,.dark .ui-modal-dialog{background:#0b1220;color:#f8fafc;border:1px solid #1e293b;box-shadow:0 20px 50px #00000080}html.dark .modal-header,html.dark .modal-footer,.dark .modal-header,.dark .modal-footer,html.dark .ui-modal-header,html.dark .ui-modal-footer,.dark .ui-modal-header,.dark .ui-modal-footer{background:#0f172a;border-color:#1e293b;color:#f8fafc}html.dark .modal-title,.dark .modal-title{color:#f8fafc}html.dark .pekppp-ui .profile-menu,.dark .pekppp-ui .profile-menu{background:#0b1220;border-color:#1e293b;box-shadow:0 10px 30px #00000080}html.dark .pekppp-ui .profile-menu-header,.dark .pekppp-ui .profile-menu-header{background:#0f172a;border-color:#1e293b}html.dark .pekppp-ui .profile-menu-name,.dark .pekppp-ui .profile-menu-name,html.dark .pekppp-ui .role-title,.dark .pekppp-ui .role-title,html.dark .pekppp-ui .profile-menu-item,.dark .pekppp-ui .profile-menu-item{color:#f8fafc}html.dark .pekppp-ui .profile-menu-item:hover,.dark .pekppp-ui .profile-menu-item:hover{background:#ffffff0d}html.dark .pekppp-ui .profile-menu-divider,.dark .pekppp-ui .profile-menu-divider{background:#1e293b}html.dark .pekppp-ui .profile-text .name,.dark .pekppp-ui .profile-text .name,html.dark .pekppp-ui .topbar-title,.dark .pekppp-ui .topbar-title{color:#f8fafc}html.dark .form-input,.dark .form-input,html.dark select.form-input,.dark select.form-input{background:#0b1220;color:#f8fafc;border-color:#1e293b}html.dark .form-group label,.dark .form-group label{color:#cbd5e1}html.dark .pekppp-ui table.ui-table,.dark .pekppp-ui table.ui-table{background:#0b1220;border-color:#1e293b}html.dark .pekppp-ui table.ui-table thead th,.dark .pekppp-ui table.ui-table thead th{background:#0f172a;border-color:#1e293b;color:#94a3b8}html.dark .pekppp-ui table.ui-table tbody td,.dark .pekppp-ui table.ui-table tbody td{border-color:#1e293b;color:#f8fafc}html.dark .pekppp-ui table.ui-table tbody tr:hover,.dark .pekppp-ui table.ui-table tbody tr:hover{background:#ffffff08}html.dark .pekppp-ui .btn-secondary,.dark .pekppp-ui .btn-secondary{background:#0f172a;border-color:#1e293b;color:#f8fafc}html.dark .pekppp-ui .btn-ghost,.dark .pekppp-ui .btn-ghost{color:#f8fafc}html.dark .f03token-summary-card,.dark .f03token-summary-card,html.dark .f03token-filter,.dark .f03token-filter,html.dark .f03token-table-wrap,.dark .f03token-table-wrap,html.dark .f03token-card,.dark .f03token-card,html.dark .pekppp-bukti-header,.dark .pekppp-bukti-header,html.dark .pks-review-header,.dark .pks-review-header,html.dark .pks-card,.dark .pks-card,html.dark .f03-dashboard-card,.dark .f03-dashboard-card,html.dark .dashboard-card,.dark .dashboard-card{background:#0b1220!important;border-color:#1e293b!important;color:#f8fafc!important}html.dark .f03token-summary-title,.dark .f03token-summary-title{color:#94a3b8!important}html.dark .f03token-summary-value,.dark .f03token-summary-value{color:#f8fafc!important}html.dark .f03token-filter input,.dark .f03token-filter input,html.dark .f03token-filter select,.dark .f03token-filter select{background:#0f172a!important;color:#f8fafc!important;border-color:#1e293b!important}html.dark .f03token-table,.dark .f03token-table{background:#0b1220!important;color:#f8fafc!important}html.dark .f03token-table th,.dark .f03token-table th{background:#0f172a!important;color:#94a3b8!important;border-color:#1e293b!important}html.dark .f03token-table td,.dark .f03token-table td{border-color:#1e293b!important;color:#f8fafc!important}html.dark .f03token-table tr:hover,.dark .f03token-table tr:hover{background:#ffffff08!important}html.dark .f03-modal-box,.dark .f03-modal-box,html.dark .modal-box,.dark .modal-box{background:#0b1220!important;border:1px solid #1e293b!important;color:#f8fafc!important}html.dark .f03-modal-header,.dark .f03-modal-header,html.dark .f03-modal-summary,.dark .f03-modal-summary{border-bottom-color:#1e293b!important}html.dark .f03-modal-title,.dark .f03-modal-title,html.dark .f03-modal-stat-value,.dark .f03-modal-stat-value,html.dark .f03-modal-item-name,.dark .f03-modal-item-name{color:#f8fafc!important}html.dark .f03-modal-item,.dark .f03-modal-item{background:#0f172a!important;border-color:#1e293b!important}html.dark .f03-modal-item:hover,.dark .f03-modal-item:hover{background:#1e293b!important}html.dark .activity-table thead th,.dark .activity-table thead th{background:#0f172a!important;border-bottom-color:#1e293b!important;color:#94a3b8!important}html.dark .activity-table tr,.dark .activity-table tr{border-bottom-color:#1e293b!important;color:#f8fafc!important}html.dark .f01-container,.dark .f01-container,html.dark .f02-filter-section,.dark .f02-filter-section,html.dark .f02-stat-card,.dark .f02-stat-card,html.dark .f02-table-card,.dark .f02-table-card{background:#0b1220!important;border-color:#1e293b!important;color:#f8fafc!important}html.dark .jawaban-value,.dark .jawaban-value{background:#0f172a!important;border-color:#1e293b!important;color:#f8fafc!important}html.dark select,.dark select,html.dark input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([class*="dark:bg-"]),.dark input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([class*="dark:bg-"]),html.dark textarea:not([class*="dark:bg-"]),.dark textarea:not([class*="dark:bg-"]){background-color:#0f172a!important;border-color:#1e293b!important;color:#f8fafc!important}html.dark select option,.dark select option{background-color:#0b1220!important;color:#f8fafc!important}html.dark [style*="background: white"],html.dark [style*="background:white"],html.dark [style*="background: #fff"],html.dark [style*="background:#fff"],html.dark [style*="background: #ffffff"],html.dark [style*="background:#ffffff"],html.dark [style*="background-color: white"],html.dark [style*="background-color:white"],html.dark [style*="background-color: #fff"],html.dark [style*="background-color:#fff"],html.dark [style*="background-color: #ffffff"],html.dark [style*="background-color:#ffffff"],.dark [style*="background: white"],.dark [style*="background:white"],.dark [style*="background: #fff"],.dark [style*="background:#fff"],.dark [style*="background: #ffffff"],.dark [style*="background:#ffffff"],.dark [style*="background-color: white"],.dark [style*="background-color:white"],.dark [style*="background-color: #fff"],.dark [style*="background-color:#fff"],.dark [style*="background-color: #ffffff"],.dark [style*="background-color:#ffffff"]{background-color:#0b1220!important;border-color:#1e293b!important;color:#f8fafc!important}html.dark [style*="border: 1px solid #e2e8f0"],html.dark [style*="border: 1px solid #d1d5db"],html.dark [style*="border: 1px solid #f0f0f0"],html.dark [style*="border-top: 1px solid #f0f0f0"],html.dark [style*="border-color: #e2e8f0"],html.dark [style*="border-color: #d1d5db"],.dark [style*="border: 1px solid #e2e8f0"],.dark [style*="border: 1px solid #d1d5db"],.dark [style*="border: 1px solid #f0f0f0"],.dark [style*="border-top: 1px solid #f0f0f0"],.dark [style*="border-color: #e2e8f0"],.dark [style*="border-color: #d1d5db"]{border-color:#1e293b!important}html.dark .card:not([class*="dark:bg-"]),.dark .card:not([class*="dark:bg-"]),html.dark .panel:not([class*="dark:bg-"]),.dark .panel:not([class*="dark:bg-"]),html.dark .box:not([class*="dark:bg-"]),.dark .box:not([class*="dark:bg-"]){background-color:#0b1220!important;border-color:#1e293b!important;color:#f8fafc!important}html.dark table:not([class*="dark:bg-"]) th,.dark table:not([class*="dark:bg-"]) th{background-color:#0f172a!important;border-color:#1e293b!important;color:#94a3b8!important}html.dark table:not([class*="dark:bg-"]) td,.dark table:not([class*="dark:bg-"]) td{border-color:#1e293b!important;color:#f8fafc!important}html.dark [style*="background: #FFFBEB"],html.dark [style*="background: #fffbeb"],html.dark [style*="background: #fef3c7"],html.dark [style*="background: #fef9c3"],html.dark [style*="background: #f0fdf4"],html.dark [style*="background: #ecfeff"],html.dark [style*="background: #f8fafc"],html.dark [style*="background: #f1f5f9"],.dark [style*="background: #FFFBEB"],.dark [style*="background: #fffbeb"],.dark [style*="background: #fef3c7"],.dark [style*="background: #fef9c3"],.dark [style*="background: #f0fdf4"],.dark [style*="background: #ecfeff"],.dark [style*="background: #f8fafc"],.dark [style*="background: #f1f5f9"]{background-color:#0f172a!important;border-color:#1e293b!important}html.dark .modal,html.dark .modal-content,html.dark .modal-dialog:not(.summary-detail-modal):not(.indicator-detail-modal),html.dark .popup,html.dark .dropdown-menu,.dark .modal,.dark .modal-content,.dark .modal-dialog:not(.summary-detail-modal):not(.indicator-detail-modal),.dark .popup,.dark .dropdown-menu{background-color:#0b1220!important;border-color:#1e293b!important;color:#f8fafc!important}html.dark .modal-header,html.dark .modal-footer,.dark .modal-header,.dark .modal-footer{border-color:#1e293b!important}.pekppp-ui .pekppp-sidebar{--sidebar-width: 272px;--sidebar-width-collapsed: 80px;width:var(--sidebar-width);flex:0 0 var(--sidebar-width);height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#060d19,#0a1628,#060d19);color:#cfe3f6;border-right:1px solid rgba(255,255,255,.07);box-shadow:4px 0 24px #02061773;box-sizing:border-box;position:relative;transition:width .24s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.pekppp-ui .sidebar-inner{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.pekppp-ui .sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff04;gap:10px;flex-shrink:0}.pekppp-ui .brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;flex:1}.pekppp-ui .brand-logo-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:3px;box-shadow:0 2px 8px #00000040;transition:transform .18s ease,box-shadow .18s ease}.pekppp-ui .brand-link:hover .brand-logo-wrapper{transform:scale(1.05);box-shadow:0 0 12px #38bdf859;border-color:#38bdf866}.pekppp-ui .brand-logo-badge{width:100%;height:100%;object-fit:contain;display:block}.pekppp-ui .brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.pekppp-ui .brand-text .title{color:#fff;font-weight:800;font-size:.95rem;letter-spacing:-.01em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pekppp-ui .brand-text .subtitle{color:#38bdf8;font-size:.72rem;font-weight:600;margin:2px 0 0;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pekppp-ui .sidebar-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;cursor:pointer;flex-shrink:0;transition:all .16s ease}.pekppp-ui .sidebar-collapse-btn:hover{background:#38bdf826;border-color:#38bdf859;color:#fff;transform:scale(1.06)}.pekppp-ui .sidebar-collapse-btn:active{transform:scale(.95)}.pekppp-ui .sidebar-collapse-btn svg{width:14px;height:14px;transition:transform .24s ease}.pekppp-ui .sidebar-nav{padding:12px 10px;overflow-y:auto!important;overflow-x:hidden!important;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.25) transparent}.pekppp-ui .sidebar-nav::-webkit-scrollbar{width:4px}.pekppp-ui .sidebar-nav::-webkit-scrollbar-track{background:transparent}.pekppp-ui .sidebar-nav::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:9999px}.pekppp-ui .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b866}.pekppp-ui .nav-category{margin-top:14px;margin-bottom:4px}.pekppp-ui .nav-category:first-child{margin-top:2px}.pekppp-ui .nav-category-header{display:flex;align-items:center;gap:8px;padding:6px 10px 4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.pekppp-ui .nav-category-header:after{content:"";flex:1;height:1px;background:#ffffff0f}.pekppp-ui .nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:2px 0;border-radius:12px;color:#cbd5e1;text-decoration:none;font-weight:600;font-size:.85rem;border:1px solid transparent;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.pekppp-ui .nav-item:hover{background:#ffffff0d;color:#fff;transform:translate(2px)}.pekppp-ui .nav-item:active{transform:scale(.98)}.pekppp-ui .nav-item .label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.pekppp-ui .nav-item.active{background:linear-gradient(90deg,#0284c73d,#0284c714);border-color:#38bdf859;color:#fff;font-weight:700;box-shadow:0 4px 14px #02061740}.pekppp-ui .nav-item.active:after{content:"";width:6px;height:6px;border-radius:9999px;background:#38bdf8;box-shadow:0 0 8px #38bdf8e6;margin-left:auto;flex-shrink:0}.pekppp-ui .nav-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#ffffff0a;color:#94a3b8;border:1px solid rgba(255,255,255,.07);flex-shrink:0;transition:all .16s cubic-bezier(.4,0,.2,1)}.pekppp-ui .nav-item:hover .nav-icon{background:#38bdf81f;color:#38bdf8;border-color:#38bdf847;transform:scale(1.06)}.pekppp-ui .nav-item.active .nav-icon{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#38bdf899;box-shadow:0 0 12px #0284c773}.pekppp-ui .nav-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pekppp-ui .accordion-section{margin:2px 0}.pekppp-ui .accordion-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:none;color:#cbd5e1;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.pekppp-ui .accordion-toggle:hover{background:#ffffff0d;color:#fff}.pekppp-ui .accordion-section.expanded>.accordion-toggle{color:#fff;background:#ffffff08}.pekppp-ui .accordion-content{display:inline-flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left}.pekppp-ui .accordion-content span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.pekppp-ui .accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#ffffff0a;color:#94a3b8;border:1px solid rgba(255,255,255,.07);flex-shrink:0;transition:all .16s ease}.pekppp-ui .accordion-toggle:hover .accordion-icon,.pekppp-ui .accordion-section.expanded>.accordion-toggle .accordion-icon{background:#38bdf81f;color:#38bdf8;border-color:#38bdf847}.pekppp-ui .accordion-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pekppp-ui .accordion-arrow{width:16px;height:16px;color:#64748b;transition:transform .22s ease,color .22s ease;flex-shrink:0}.pekppp-ui .accordion-toggle:hover .accordion-arrow{color:#cbd5e1}.pekppp-ui .accordion-section.expanded>.accordion-toggle .accordion-arrow{transform:rotate(180deg);color:#38bdf8}.pekppp-ui .accordion-items{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.4,0,.2,1)}.pekppp-ui .accordion-section.expanded>.accordion-items{grid-template-rows:1fr}.pekppp-ui .accordion-items-inner{overflow:hidden;min-height:0;position:relative;margin-left:20px;padding-left:10px;border-left:1px solid rgba(255,255,255,.1);margin-top:2px;margin-bottom:4px}.pekppp-ui .accordion-items .nav-item{padding:7px 10px;font-size:.8125rem;font-weight:500;color:#94a3b8}.pekppp-ui .accordion-items .nav-item:hover{color:#fff}.pekppp-ui .accordion-items .nav-item.active{color:#fff;font-weight:700}.pekppp-ui .accordion-items .nav-icon{width:26px;height:26px;border-radius:8px}.pekppp-ui .accordion-items .nav-icon svg{width:14px;height:14px}.pekppp-ui .pekppp-sub-section{margin:3px 0}.pekppp-ui .pekppp-sub-toggle{padding:6px 8px;border-radius:8px;font-size:.78rem;font-weight:700;letter-spacing:.03em;color:#38bdf8;background:#38bdf80f;border:1px solid rgba(56,189,248,.15)}.pekppp-ui .pekppp-sub-toggle:hover{background:#38bdf81f;color:#7dd3fc}.pekppp-ui .pekppp-sub-section.expanded>.pekppp-sub-toggle{background:#38bdf826;border-color:#38bdf84d}.pekppp-ui .pekppp-sub-section .accordion-items-inner{margin-left:10px;padding-left:8px;border-left:1px solid rgba(56,189,248,.25)}.pekppp-ui .sidebar-footer{padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);background:#ffffff04;flex-shrink:0}.pekppp-ui .sidebar-footer-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);box-shadow:0 1px 4px #0003}.pekppp-ui .sidebar-footer-info{display:flex;flex-direction:column;min-width:0}.pekppp-ui .sidebar-footer-title{font-size:.72rem;font-weight:700;color:#e2e8f0;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pekppp-ui .sidebar-footer-sub{font-size:.68rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.pekppp-ui .sidebar-footer-status{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:9999px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:.65rem;font-weight:700;font-family:var(--font-mono, monospace);flex-shrink:0}.pekppp-ui .sidebar-footer-status-dot{width:5px;height:5px;border-radius:9999px;background:#10b981;box-shadow:0 0 6px #10b981}.pekppp-ui .pekppp-sidebar.collapsed{width:var(--sidebar-width-collapsed);flex:0 0 var(--sidebar-width-collapsed)}.pekppp-ui .pekppp-sidebar.collapsed .sidebar-brand{padding:14px 6px;flex-direction:column;align-items:center;gap:10px}.pekppp-ui .pekppp-sidebar.collapsed .brand-link{justify-content:center;gap:0;width:auto}.pekppp-ui .pekppp-sidebar.collapsed .brand-text{display:none!important}.pekppp-ui .pekppp-sidebar.collapsed .sidebar-collapse-btn{position:static;display:inline-flex!important;width:28px;height:28px;transform:rotate(180deg)}.pekppp-ui .pekppp-sidebar.collapsed .nav-category-header span{display:none!important}.pekppp-ui .pekppp-sidebar.collapsed .nav-category-header{padding:6px 14px}.pekppp-ui .pekppp-sidebar.collapsed .nav-item{justify-content:center;padding:8px 0;width:100%}.pekppp-ui .pekppp-sidebar.collapsed .nav-item .label{display:none!important}.pekppp-ui .pekppp-sidebar.collapsed .nav-item:after{display:none!important}.pekppp-ui .pekppp-sidebar.collapsed .nav-icon,.pekppp-ui .pekppp-sidebar.collapsed .accordion-icon{margin:0 auto}.pekppp-ui .pekppp-sidebar.collapsed .accordion-toggle{justify-content:center;padding:8px 0;width:100%}.pekppp-ui .pekppp-sidebar.collapsed .accordion-content span:last-child{display:none!important}.pekppp-ui .pekppp-sidebar.collapsed .accordion-arrow{display:none!important}.pekppp-ui .pekppp-sidebar.collapsed .accordion-items-inner{margin-left:0;padding-left:0;border-left:none}.pekppp-ui .pekppp-sidebar.collapsed .sidebar-footer{padding:10px 8px}.pekppp-ui .pekppp-sidebar.collapsed .sidebar-footer-card{justify-content:center;padding:8px 0}.pekppp-ui .pekppp-sidebar.collapsed .sidebar-footer-info{display:none!important}.pekppp-ui .pekppp-sidebar.collapsed .sidebar-footer-status{padding:4px;border-radius:9999px}.pekppp-ui .pekppp-sidebar.collapsed .sidebar-footer-status span:last-child{display:none!important}.pekppp-ui .sidebar-backdrop{position:fixed;inset:0;background-color:#030712b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:45;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s cubic-bezier(.4,0,.2,1),visibility .24s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.pekppp-ui .pekppp-sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:280px;flex:0 0 280px;transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 35px #000000a6}.pekppp-ui .pekppp-sidebar.open{transform:translate(0)}.pekppp-ui .pekppp-sidebar.open+.sidebar-backdrop,.pekppp-ui .pekppp-sidebar.open~.sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto}.pekppp-ui .sidebar-collapse-btn{display:inline-flex!important}}