.user-profile-box[data-v-6267f44c]{align-items:center;gap:12px;display:flex}.on-sidebar[data-v-6267f44c]{border-radius:var(--radius-full);color:var(--bg-sidebar);background:#fff;padding:8px 12px}.clickable[data-v-6267f44c]{cursor:pointer;transition:all .2s ease-in-out}.clickable[data-v-6267f44c]:hover{filter:brightness(.95);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.avatar[data-v-6267f44c]{background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.username[data-v-6267f44c]{font-size:14px;font-weight:600}.header-logout-btn[data-v-6267f44c]{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.header-logout-btn[data-v-6267f44c]:hover{color:#fff;background:#ef4444;border-color:#ef4444}.header-logout-btn span[data-v-6267f44c]{display:inline-block}@media (width<=640px){.header-logout-btn span[data-v-6267f44c]{display:none}}.sidebar-container[data-v-278ad778]{width:var(--sidebar-width);flex-shrink:0}.sidebar[data-v-278ad778]{width:var(--sidebar-width);background:var(--bg-sidebar);color:#fff;z-index:100;flex-direction:column;height:100dvh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:4px 0 10px #0000001a}.hamburger-btn[data-v-278ad778],.sidebar-backdrop[data-v-278ad778]{display:none}.sidebar-header[data-v-278ad778]{border-bottom:1px solid #ffffff1a;flex:none;padding:30px 20px}.logo[data-v-278ad778]{flex-direction:column;display:flex}.logo-text[data-v-278ad778]{color:var(--accent-blue);font-size:24px;font-style:italic;font-weight:800}.logo-subtext[data-v-278ad778]{color:var(--text-white);font-size:18px;font-weight:600}.sidebar-nav[data-v-278ad778]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:auto;min-height:0;padding:20px 0;overflow:hidden auto}.sidebar-nav[data-v-278ad778]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-278ad778]::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.nav-section[data-v-278ad778]{margin-bottom:10px}.nav-item[data-v-278ad778]{cursor:pointer;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.nav-item[data-v-278ad778]:hover{background:#ffffff0d}.nav-section.active .nav-item[data-v-278ad778]{background:#312e81}.dropdown-toggle[data-v-278ad778]{justify-content:space-between}.submenu[data-v-278ad778]{background:#0003;overflow:hidden}.submenu-item[data-v-278ad778]{color:#cbd5e1;cursor:pointer;padding:10px 20px 10px 52px;font-size:13px;transition:all .2s;display:block}.submenu-item[data-v-278ad778]:hover,.submenu-item.active[data-v-278ad778]{color:#fff;background:#ffffff0d}.submenu-item.active[data-v-278ad778]{border-left:3px solid var(--accent-blue);padding-left:49px}.rotate-180[data-v-278ad778]{transition:transform .2s;transform:rotate(180deg)}.sidebar-footer[data-v-278ad778]{padding-bottom:max(16px, env(safe-area-inset-bottom));border-top:1px solid #ffffff1a;flex-direction:column;flex:none;gap:16px;padding-top:20px;padding-left:20px;padding-right:20px;display:flex}.logout-btn[data-v-278ad778]{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.logout-btn[data-v-278ad778]:hover{color:#fff;background:#ef4444;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.slide-enter-active[data-v-278ad778],.slide-leave-active[data-v-278ad778]{max-height:400px;transition:max-height .3s ease-out}.slide-enter-from[data-v-278ad778],.slide-leave-to[data-v-278ad778]{max-height:0}@media (width<=1024px){.sidebar-container[data-v-278ad778]{flex-shrink:0;width:0}.hamburger-btn[data-v-278ad778]{z-index:160;background:var(--bg-sidebar);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:fixed;top:12px;left:12px;box-shadow:0 2px 8px #0003}.hamburger-btn[data-v-278ad778]:hover{background:var(--primary-color)}.sidebar-backdrop[data-v-278ad778]{z-index:140;-webkit-tap-highlight-color:transparent;background:#00000080;width:100%;height:100%;display:block;position:fixed;top:0;left:0}.sidebar[data-v-278ad778]{z-index:150;transition:transform .3s;transform:translate(-100%)}.sidebar.sidebar-visible[data-v-278ad778]{transform:translate(0)}}