.modern-sidebar[data-v-69e21e2f]{background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);border-right:1px solid var(--border-color)}.sidebar-header[data-v-69e21e2f]{padding:24px 20px}.logo-section[data-v-69e21e2f]{align-items:center;background:linear-gradient(135deg,#fccc041a,#fdd8350d);border:1px solid rgba(252,204,4,.2);border-radius:12px;display:flex;gap:12px;padding:12px}.logo-icon[data-v-69e21e2f]{align-items:center;display:flex;justify-content:center}.logo-text[data-v-69e21e2f]{display:flex;flex-direction:column}.logo-title[data-v-69e21e2f]{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1;margin:0}.logo-subtitle[data-v-69e21e2f]{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:2px}.sidebar-divider[data-v-69e21e2f]{margin:0 20px;opacity:.5}.user-info-card[data-v-69e21e2f]{padding:16px 20px}.user-card-content[data-v-69e21e2f]{align-items:center;background:linear-gradient(135deg,#fccc041a,#fdd8350d);border:1px solid rgba(252,204,4,.2);border-radius:12px;display:flex;gap:12px;padding:12px}.dark-mode{background:linear-gradient(135deg,#fccc0426,#fdd83514);border:1px solid rgba(252,204,4,.3)}.user-avatar[data-v-69e21e2f]{position:relative}.avatar-circle[data-v-69e21e2f]{align-items:center;background:linear-gradient(135deg,#fccc04,#fdd835);border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.avatar-text[data-v-69e21e2f]{color:var(--text-primary);font-size:16px;font-weight:600}.online-indicator[data-v-69e21e2f]{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.user-details[data-v-69e21e2f]{flex:1;min-width:0}.user-name[data-v-69e21e2f]{color:var(--text-primary);font-size:14px;font-weight:600}.user-name[data-v-69e21e2f],.user-role[data-v-69e21e2f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role[data-v-69e21e2f]{color:var(--text-secondary);font-size:12px}.sidebar-nav[data-v-69e21e2f]{max-height:calc(100vh - 300px);overflow-y:auto;padding:8px 12px}.nav-item[data-v-69e21e2f]{align-items:center;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:all .2s}.nav-item[data-v-69e21e2f]:hover{background:#fccc0414;color:#fccc04}.nav-item--active[data-v-69e21e2f],.nav-item.nuxt-link-active[data-v-69e21e2f]{background:linear-gradient(135deg,#fccc04,#fdd835)!important;box-shadow:0 2px 8px #fccc044d;color:#1f2937!important;font-weight:600}.nav-icon[data-v-69e21e2f]{align-items:center;display:flex;justify-content:center;width:24px}.nav-content[data-v-69e21e2f]{flex:1}.nav-title[data-v-69e21e2f]{font-size:14px;font-weight:500}.nav-arrow[data-v-69e21e2f]{align-items:center;display:flex;transition:transform .2s}.nav-arrow .rotated[data-v-69e21e2f]{transform:rotate(180deg)}.nav-group[data-v-69e21e2f]{margin-bottom:4px}.nav-parent[data-v-69e21e2f]{cursor:pointer}.nav-submenu[data-v-69e21e2f]{margin-top:4px;padding-left:28px}.nav-subitem[data-v-69e21e2f]{align-items:center;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:12px;margin-bottom:2px;opacity:.8;padding:10px 16px;text-decoration:none;transition:all .2s}.nav-subitem[data-v-69e21e2f]:hover{background:#fccc040d;color:var(--text-primary);opacity:1}.nav-subitem--active[data-v-69e21e2f]{background:#fccc0440;color:#fc0!important;font-weight:600}.nav-subitem-dot[data-v-69e21e2f]{background:currentColor;border-radius:50%;height:6px;opacity:.5;width:6px}.nav-subitem-title[data-v-69e21e2f]{font-size:13px}.modern-appbar[data-v-69e21e2f]{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)}.appbar-title[data-v-69e21e2f]{color:var(--text-primary);font-size:18px;font-weight:600}.modern-main[data-v-69e21e2f]{background:var(--bg-primary)}.user-menu-btn[data-v-69e21e2f]{margin-left:4px}.user-menu-avatar[data-v-69e21e2f]{background:linear-gradient(135deg,#fccc04,#fdd835)!important}.user-menu-initials[data-v-69e21e2f]{color:#111827;font-size:13px;font-weight:700}.user-dropdown[data-v-69e21e2f]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;min-width:220px;overflow:hidden}.dropdown-user-header[data-v-69e21e2f]{align-items:center;background:#f9fafb;display:flex;gap:12px;padding:16px}.dropdown-avatar[data-v-69e21e2f]{align-items:center;background:linear-gradient(135deg,#fccc04,#fdd835);border-radius:50%;color:#111827;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:42px;justify-content:center;width:42px}.dropdown-user-info[data-v-69e21e2f]{display:flex;flex-direction:column;min-width:0}.dropdown-user-name[data-v-69e21e2f]{color:#111827;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-user-role[data-v-69e21e2f]{color:#6b7280;font-size:12px;margin-top:2px}.dropdown-divider[data-v-69e21e2f]{background:#e5e7eb;height:1px;margin:0}.dropdown-menu[data-v-69e21e2f]{padding:6px}.dropdown-item[data-v-69e21e2f]{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:Kanit,sans-serif;font-size:14px;font-weight:500;gap:10px;padding:9px 10px;text-align:left;transition:background .15s;width:100%}.dropdown-item[data-v-69e21e2f]:hover{background:#f3f4f6}.dropdown-item--danger[data-v-69e21e2f]{color:#ef4444}.dropdown-item--danger[data-v-69e21e2f]:hover{background:#fef2f2}.dropdown-item-icon[data-v-69e21e2f]{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.dropdown-item-icon--blue[data-v-69e21e2f]{background:#eff6ff;color:#3b82f6}.dropdown-item-icon--gray[data-v-69e21e2f]{background:#f3f4f6;color:#6b7280}.dropdown-item-icon--red[data-v-69e21e2f]{background:#fef2f2;color:#ef4444}