[data-v-d9fa3e1a]{box-sizing:border-box;margin:0;padding:0}.header-container[data-v-d9fa3e1a]{font-family:Segoe UI,Roboto,system-ui,sans-serif}.main-header[data-v-d9fa3e1a]{height:56px;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #0000000d}.header-inner[data-v-d9fa3e1a]{width:100%;display:flex;justify-content:space-between;align-items:center}.left-section[data-v-d9fa3e1a]{display:flex;align-items:center}.menu-toggle[data-v-d9fa3e1a]{background:none;border:none;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.menu-toggle[data-v-d9fa3e1a]:hover{background-color:#f1f5f9}.role-section[data-v-d9fa3e1a]{display:flex;align-items:center}.avatar-wrapper[data-v-d9fa3e1a]{width:38px;height:38px;position:relative;flex-shrink:0}.avatar[data-v-d9fa3e1a]{width:100%;height:100%;border-radius:8px;object-fit:cover;border:1px solid #f0f4f8}.status-indicator-login[data-v-d9fa3e1a]{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background-color:#36d399;border:2px solid white}.status-indicator-unlogin[data-v-d9fa3e1a]{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background-color:#6e6464;border:2px solid white}.role-name-container[data-v-d9fa3e1a]{min-width:0}.role-name[data-v-d9fa3e1a]{font-size:15px;font-weight:600;color:#fff;dark-mode:color #e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-section[data-v-d9fa3e1a]{display:flex;align-items:center}.time-display[data-v-d9fa3e1a]{color:#64748b;font-size:13px;white-space:nowrap}.dropdown-container[data-v-d9fa3e1a]{position:relative}.dropdown-trigger[data-v-d9fa3e1a]{width:36px;height:36px;border-radius:6px;border:none;background-color:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.dropdown-trigger[data-v-d9fa3e1a]:hover{background-color:#f1f5f9;dark-mode:background-color #334155}.dropdown-menu[data-v-d9fa3e1a]{position:absolute;top:44px;right:0;min-width:160px;background-color:#fff;dark-mode:background-color #1e293b;border-radius:8px;border:1px solid #e2e8f0;dark-mode:border-color #334155;box-shadow:0 2px 10px #0000001a;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(5px);transition:all .2s ease;z-index:100}.dropdown-menu.show[data-v-d9fa3e1a]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item[data-v-d9fa3e1a]{width:100%;padding:9px 16px;text-align:left;background:none;border:none;color:#334155;dark-mode:color #e2e8f0;font-size:14px;display:flex;align-items:center;cursor:pointer}.dropdown-item[data-v-d9fa3e1a]:hover{background-color:#f1f5f9;dark-mode:background-color #334155}.mobile-menu[data-v-d9fa3e1a]{background-color:#fff;dark-mode:background-color #1e293b;border-bottom:1px solid #e4e7eb;dark-mode:border-bottom-color #334155;max-height:0;overflow:hidden;transition:max-height .2s ease}.mobile-menu.show[data-v-d9fa3e1a]{max-height:150px}.mobile-menu-items[data-v-d9fa3e1a]{padding:8px 10px}.mobile-menu-item[data-v-d9fa3e1a]{width:100%;padding:8px 12px;text-align:left;background:none;border:none;color:#334155;dark-mode:color #e2e8f0;font-size:14px;display:flex;align-items:center;border-radius:6px}.mobile-menu-item[data-v-d9fa3e1a]:hover{background-color:#f1f5f9;dark-mode:background-color #334155}@media (min-width: 768px){.header-inner[data-v-d9fa3e1a]{padding:0 8px}.role-section[data-v-d9fa3e1a]{gap:12px}.time-display[data-v-d9fa3e1a]{margin-right:4px}}@media (max-width: 767px){.header-inner[data-v-d9fa3e1a]{padding:0 4px}.left-section[data-v-d9fa3e1a],.right-section[data-v-d9fa3e1a]{gap:2px}.role-section[data-v-d9fa3e1a]{gap:8px}.avatar-wrapper[data-v-d9fa3e1a]{width:34px;height:34px}.role-name[data-v-d9fa3e1a]{font-size:14px}.time-display[data-v-d9fa3e1a]{font-size:12px}.dropdown-trigger[data-v-d9fa3e1a]{width:32px;height:32px}}.dark .status-indicator[data-v-d9fa3e1a]{border-color:#1e293b}.dark .dropdown-trigger[data-v-d9fa3e1a]{color:#94a3b8}.container[data-v-bf4bb079]{width:100%;padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto;box-sizing:border-box}@media (min-width: 576px){.container[data-v-bf4bb079]{max-width:540px}}@media (min-width: 768px){.container[data-v-bf4bb079]{max-width:720px}}@media (min-width: 992px){.container[data-v-bf4bb079]{max-width:960px}}.touch-target[data-v-bf4bb079]{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}button[data-v-bf4bb079],.btn[data-v-bf4bb079],.nav-item[data-v-bf4bb079]{@extend .touch-target;}