.koi-sidebar[data-v-0c0df3eb]{background:linear-gradient(180deg,#1e1b4b,#312e81 50%,#3730a3);box-shadow:4px 0 24px #00000026;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:9999}.koi-sidebar[data-v-0c0df3eb]:before{background:radial-gradient(ellipse at top left,rgba(139,92,246,.15) 0,transparent 50%),radial-gradient(ellipse at bottom right,rgba(99,102,241,.1) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.koi-sidebar.collapsed[data-v-0c0df3eb]{width:80px}.sidebar-header[data-v-0c0df3eb]{border-bottom:1px solid hsla(0,0%,100%,.08);justify-content:space-between;padding:1.25rem 1rem;position:relative;z-index:1}.sidebar-brand[data-v-0c0df3eb],.sidebar-header[data-v-0c0df3eb]{align-items:center;display:flex}.sidebar-brand[data-v-0c0df3eb]{color:#fff;gap:.875rem;min-width:0;text-decoration:none;transition:all .3s ease}.sidebar-brand[data-v-0c0df3eb]:hover{transform:scale(1.02)}.brand-icon[data-v-0c0df3eb]{align-items:center;background:linear-gradient(135deg,#8b5cf666,#6366f166);border-radius:14px;box-shadow:0 4px 12px #8b5cf64d;display:flex;height:44px;justify-content:center;min-width:44px;transition:all .3s ease;width:44px}.sidebar-brand:hover .brand-icon[data-v-0c0df3eb]{background:linear-gradient(135deg,#8b5cf699,#6366f199);transform:rotate(-5deg)}.brand-text[data-v-0c0df3eb]{background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;font-size:1.25rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.collapse-btn[data-v-0c0df3eb]{align-items:center;background:#ffffff14;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;transition:all .2s ease;width:32px}.collapse-btn[data-v-0c0df3eb]:hover{background:#ffffff26;color:#fff}.collapsed .collapse-btn[data-v-0c0df3eb]{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f166;position:absolute;right:-16px;top:50%;transform:translateY(-50%)}.sidebar-nav[data-v-0c0df3eb]{flex:1;overflow-x:hidden;overflow-y:auto;padding:1rem 0;position:relative;z-index:1}.sidebar-nav[data-v-0c0df3eb]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-0c0df3eb]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-0c0df3eb]::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.nav-section[data-v-0c0df3eb]{margin-bottom:1.5rem}.section-header[data-v-0c0df3eb]{padding:.5rem 1.25rem .75rem}.section-title[data-v-0c0df3eb]{color:#ffffff73;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.section-divider[data-v-0c0df3eb]{background:#ffffff14;height:1px;margin:.75rem 1rem}.nav-list[data-v-0c0df3eb]{list-style:none;margin:0;padding:0}.nav-item[data-v-0c0df3eb],.nav-link[data-v-0c0df3eb]{position:relative}.nav-link[data-v-0c0df3eb]{align-items:center;border-radius:12px;color:#ffffffbf;display:flex;gap:.875rem;margin:.125rem .75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-link[data-v-0c0df3eb]:hover{background:#ffffff14;color:#fff}.nav-link.active[data-v-0c0df3eb]{background:linear-gradient(135deg,#8b5cf640,#6366f140);color:#fff}.active-indicator[data-v-0c0df3eb]{background:linear-gradient(180deg,#a78bfa,#8b5cf6);border-radius:0 3px 3px 0;box-shadow:0 0 8px #a78bfa80;height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon-wrapper[data-v-0c0df3eb]{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;height:36px;justify-content:center;min-width:36px;transition:all .2s ease;width:36px}.nav-link:hover .nav-icon-wrapper[data-v-0c0df3eb]{background:#ffffff1a}.nav-link.active .nav-icon-wrapper[data-v-0c0df3eb]{background:linear-gradient(135deg,#8b5cf64d,#6366f14d);box-shadow:0 2px 8px #8b5cf633}.nav-icon[data-v-0c0df3eb]{font-size:1.1rem}.nav-label[data-v-0c0df3eb]{flex:1;font-size:.9rem;font-weight:500;white-space:nowrap}.nav-badge[data-v-0c0df3eb]{background:#8b5cf64d;border-radius:6px;color:#c4b5fd;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.nav-badge.badge-success[data-v-0c0df3eb]{background:#10b98133;color:#6ee7b7}.nav-badge.badge-warning[data-v-0c0df3eb]{background:#f59e0b33;color:#fcd34d}.nav-badge.badge-danger[data-v-0c0df3eb]{background:#ef444433;color:#fca5a5}.submenu-arrow[data-v-0c0df3eb]{font-size:.7rem;opacity:.6;transition:transform .3s ease}.submenu-arrow.rotated[data-v-0c0df3eb]{transform:rotate(180deg)}.submenu[data-v-0c0df3eb]{list-style:none;margin:0;overflow:hidden;padding:.25rem 0 .5rem}.submenu-item[data-v-0c0df3eb],.submenu-link[data-v-0c0df3eb]{position:relative}.submenu-link[data-v-0c0df3eb]{align-items:center;color:#fff9;display:flex;font-size:.85rem;gap:.75rem;padding:.625rem 1rem .625rem 3.75rem;text-decoration:none;transition:all .2s ease}.submenu-link[data-v-0c0df3eb]:before{background:#ffffff1a;bottom:0;content:"";left:2.5rem;position:absolute;top:0;width:1px}.submenu-link[data-v-0c0df3eb]:hover{color:#fff}.submenu-link.active[data-v-0c0df3eb]{color:#a78bfa}.submenu-dot[data-v-0c0df3eb]{background:#ffffff4d;border-radius:50%;height:6px;transition:all .2s ease;width:6px}.submenu-link:hover .submenu-dot[data-v-0c0df3eb]{background:#fff9;transform:scale(1.2)}.submenu-link.active .submenu-dot[data-v-0c0df3eb]{background:#a78bfa;box-shadow:0 0 8px #a78bfa80}.submenu-label[data-v-0c0df3eb]{white-space:nowrap}.sidebar-footer[data-v-0c0df3eb]{padding:1rem 0;position:relative;z-index:1}.footer-divider[data-v-0c0df3eb]{background:#ffffff14;height:1px;margin:0 1rem 1rem}.footer-link[data-v-0c0df3eb]{align-items:center;border-radius:12px;color:#fff9;display:flex;gap:.875rem;margin:.125rem .75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.footer-link[data-v-0c0df3eb]:hover{background:#ffffff14;color:#fff}.footer-link.active[data-v-0c0df3eb]{color:#a78bfa}.fade-text-enter-active[data-v-0c0df3eb],.fade-text-leave-active[data-v-0c0df3eb]{transition:opacity .2s ease,transform .2s ease}.fade-text-enter-from[data-v-0c0df3eb],.fade-text-leave-to[data-v-0c0df3eb]{opacity:0;transform:translate(-10px)}.submenu-enter-active[data-v-0c0df3eb],.submenu-leave-active[data-v-0c0df3eb]{max-height:300px;transition:all .3s cubic-bezier(.4,0,.2,1)}.submenu-enter-from[data-v-0c0df3eb],.submenu-leave-to[data-v-0c0df3eb]{max-height:0;opacity:0;transform:translateY(-10px)}.fade-enter-active[data-v-0c0df3eb],.fade-leave-active[data-v-0c0df3eb]{transition:opacity .3s ease}.fade-enter-from[data-v-0c0df3eb],.fade-leave-to[data-v-0c0df3eb]{opacity:0}.mobile-backdrop[data-v-0c0df3eb]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;inset:0;position:fixed;z-index:-1}@media (max-width:1024px){.koi-sidebar[data-v-0c0df3eb]{display:none;height:calc(100vh - 70px);height:100vh;left:0;top:0;width:280px!important}.koi-sidebar.mobile-open[data-v-0c0df3eb]{display:flex!important;transform:none!important}.desktop-only[data-v-0c0df3eb]{display:none}.mobile-backdrop[data-v-0c0df3eb]{display:block}.collapsed .collapse-btn[data-v-0c0df3eb]{display:none}}@media (max-width:480px){.koi-sidebar[data-v-0c0df3eb]{max-width:320px;width:100%!important}}.koi-topbar[data-v-a08b1b45]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.06);height:70px;left:280px;position:fixed;right:0;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:999}.koi-topbar.sidebar-collapsed[data-v-a08b1b45]{left:80px}.topbar-container[data-v-a08b1b45]{height:100%;justify-content:space-between;max-width:100%;padding:0 .5rem 0 1.5rem;width:100%}.topbar-container[data-v-a08b1b45],.topbar-left[data-v-a08b1b45]{align-items:center;display:flex}.topbar-left[data-v-a08b1b45]{gap:.5rem}.menu-toggle[data-v-a08b1b45]{background:#f3f4f6;border:none;border-radius:12px;cursor:pointer;display:none;height:44px;position:relative;width:44px}.menu-toggle[data-v-a08b1b45]:hover{background:#e5e7eb}.toggle-bar[data-v-a08b1b45]{left:50%;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:20px}.toggle-bar[data-v-a08b1b45],.toggle-bar[data-v-a08b1b45]:after,.toggle-bar[data-v-a08b1b45]:before{background:#374151;border-radius:2px;height:2px;position:absolute;transition:all .3s ease}.toggle-bar[data-v-a08b1b45]:after,.toggle-bar[data-v-a08b1b45]:before{content:"";left:0;width:100%}.toggle-bar[data-v-a08b1b45]:before{top:-6px}.toggle-bar[data-v-a08b1b45]:after{bottom:-6px}.toggle-bar.active[data-v-a08b1b45]{background:transparent}.toggle-bar.active[data-v-a08b1b45]:before{top:0;transform:rotate(45deg)}.toggle-bar.active[data-v-a08b1b45]:after{bottom:0;transform:rotate(-45deg)}.page-info[data-v-a08b1b45]{display:flex;flex-direction:column}.page-title[data-v-a08b1b45]{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.page-subtitle[data-v-a08b1b45]{color:#6b7280;font-size:.8rem;margin:0}.topbar-right[data-v-a08b1b45]{gap:.5rem;margin-left:auto}.topbar-btn[data-v-a08b1b45],.topbar-right[data-v-a08b1b45]{align-items:center;display:flex}.topbar-btn[data-v-a08b1b45]{background:#f3f4f6;border:none;border-radius:12px;color:#6b7280;cursor:pointer;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.topbar-btn[data-v-a08b1b45]:hover{background:#e5e7eb;color:#374151}.search-wrapper[data-v-a08b1b45]{align-items:center;display:flex;position:relative}.search-input[data-v-a08b1b45]{background:#f3f4f6;border:none;border-radius:12px;color:#1f2937;font-size:.9rem;margin-right:0;padding:0;transition:all .3s ease;width:0}.search-wrapper.expanded .search-input[data-v-a08b1b45]{margin-right:.5rem;padding:.75rem 1rem;width:220px}.search-input[data-v-a08b1b45]::-moz-placeholder{color:#9ca3af}.search-input[data-v-a08b1b45]::placeholder{color:#9ca3af}.search-input[data-v-a08b1b45]:focus{background:#e5e7eb;outline:none}.notification-wrapper[data-v-a08b1b45]{position:relative}.notification-btn.has-notifications[data-v-a08b1b45]:after{background:#ef4444;border-radius:50%;content:"";height:8px;position:absolute;right:10px;top:10px;width:8px}.notification-badge[data-v-a08b1b45]{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-4px;top:-4px}.notification-panel[data-v-a08b1b45],.user-panel[data-v-a08b1b45]{background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + .75rem);z-index:100}.notification-panel[data-v-a08b1b45]{width:360px}.panel-header[data-v-a08b1b45]{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1rem 1.25rem}.panel-header h6[data-v-a08b1b45]{color:#1f2937;font-weight:600;margin:0}.mark-read-btn[data-v-a08b1b45]{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.8rem;transition:color .2s ease}.mark-read-btn[data-v-a08b1b45]:hover{color:#4f46e5}.panel-body[data-v-a08b1b45]{max-height:320px;overflow-y:auto}.empty-state[data-v-a08b1b45]{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:2rem}.empty-state p[data-v-a08b1b45]{font-size:.9rem;margin-top:.75rem}.notification-list[data-v-a08b1b45]{display:flex;flex-direction:column}.notification-item[data-v-a08b1b45]{align-items:flex-start;border-left:3px solid transparent;display:flex;gap:.75rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s ease}.notification-item[data-v-a08b1b45]:hover{background:#f9fafb}.notification-item.unread[data-v-a08b1b45]{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-left-color:#6366f1}.notification-icon[data-v-a08b1b45]{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-icon.type-info[data-v-a08b1b45]{background:#3b82f61a;color:#3b82f6}.notification-icon.type-success[data-v-a08b1b45]{background:#10b9811a;color:#10b981}.notification-icon.type-warning[data-v-a08b1b45]{background:#f59e0b1a;color:#f59e0b}.notification-icon.type-error[data-v-a08b1b45]{background:#ef44441a;color:#ef4444}.notification-content[data-v-a08b1b45]{flex:1;min-width:0}.notification-message[data-v-a08b1b45]{color:#374151;font-size:.875rem;line-height:1.4;margin:0 0 .25rem}.notification-time[data-v-a08b1b45]{color:#9ca3af;font-size:.75rem}.panel-footer[data-v-a08b1b45]{border-top:1px solid #f3f4f6;padding:.75rem 1.25rem;text-align:center}.panel-footer a[data-v-a08b1b45]{color:#6366f1;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.panel-footer a[data-v-a08b1b45]:hover{color:#4f46e5}.user-wrapper[data-v-a08b1b45]{position:relative}.user-btn[data-v-a08b1b45]{align-items:center;background:#f3f4f6;border:none;border-radius:14px;color:#374151;cursor:pointer;display:flex;gap:.75rem;padding:.375rem .875rem .375rem .375rem;transition:all .3s ease}.user-btn[data-v-a08b1b45]:hover{background:#e5e7eb}.user-avatar[data-v-a08b1b45]{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;color:#fff;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.user-avatar.large[data-v-a08b1b45]{border-radius:14px;height:48px;width:48px}.user-avatar img[data-v-a08b1b45]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-info[data-v-a08b1b45]{align-items:flex-start;display:flex;flex-direction:column;line-height:1.2}.user-name[data-v-a08b1b45]{color:#1f2937;font-size:.875rem;font-weight:600}.user-role[data-v-a08b1b45]{color:#6b7280;font-size:.7rem}.user-arrow[data-v-a08b1b45]{color:#9ca3af;font-size:.7rem;transition:transform .3s ease}.user-arrow.rotated[data-v-a08b1b45]{transform:rotate(180deg)}.user-panel[data-v-a08b1b45]{width:280px}.user-panel-header[data-v-a08b1b45]{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;padding:1.25rem}.user-details[data-v-a08b1b45]{display:flex;flex-direction:column}.user-details .user-name[data-v-a08b1b45]{color:#1f2937;font-weight:600}.user-email[data-v-a08b1b45]{color:#6b7280;font-size:.8rem}.user-panel-body[data-v-a08b1b45]{padding:.5rem}.user-menu-item[data-v-a08b1b45]{align-items:center;border-radius:10px;color:#374151;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.user-menu-item[data-v-a08b1b45]:hover{background:#f3f4f6;transform:translate(4px)}.user-menu-item.danger[data-v-a08b1b45]{color:#ef4444}.user-menu-item.danger[data-v-a08b1b45]:hover{background:#ef44441a}.search-enter-active[data-v-a08b1b45],.search-leave-active[data-v-a08b1b45]{transition:all .3s ease}.search-enter-from[data-v-a08b1b45],.search-leave-to[data-v-a08b1b45]{opacity:0;width:0!important}.badge-enter-active[data-v-a08b1b45],.badge-leave-active[data-v-a08b1b45]{transition:all .3s ease}.badge-enter-from[data-v-a08b1b45],.badge-leave-to[data-v-a08b1b45]{transform:scale(0)}.panel-enter-active[data-v-a08b1b45],.panel-leave-active[data-v-a08b1b45]{transition:all .3s ease}.panel-enter-from[data-v-a08b1b45],.panel-leave-to[data-v-a08b1b45]{opacity:0;transform:translateY(-10px) scale(.95)}@media (max-width:1024px){.koi-topbar[data-v-a08b1b45]{left:0!important;width:100%}.menu-toggle[data-v-a08b1b45]{display:block}.page-subtitle[data-v-a08b1b45]{display:none}.topbar-container[data-v-a08b1b45]{padding:0 1rem}.koi-topbar[data-v-a08b1b45]{left:0!important}.menu-toggle[data-v-a08b1b45]{display:flex}}@media (max-width:768px){.topbar-container[data-v-a08b1b45]{justify-content:space-between;padding:0 1rem}.page-title[data-v-a08b1b45]{font-size:1rem}.page-subtitle[data-v-a08b1b45],.user-info[data-v-a08b1b45]{display:none}.user-btn[data-v-a08b1b45]{padding:.375rem}.search-wrapper.expanded .search-input[data-v-a08b1b45]{width:160px}.notification-panel[data-v-a08b1b45]{max-height:70vh}.notification-panel[data-v-a08b1b45],.user-panel[data-v-a08b1b45]{border-radius:20px 20px 0 0;inset:auto 0 0;position:fixed;width:100%}}