.layout-topbar-logo-container[data-v-9b42412b]{align-items:center;display:flex;gap:1rem}.layout-topbar-logo[data-v-9b42412b]{color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none}.layout-topbar-actions[data-v-9b42412b]{align-items:center;display:flex;gap:.5rem;margin-left:auto}.layout-menu-button[data-v-9b42412b]{margin-right:0}.user-info-container[data-v-9b42412b]{background-color:var(--surface-section);border:1px solid var(--surface-border);border-radius:.5rem;margin-right:1rem;padding:.5rem 1rem}.user-info-display[data-v-9b42412b]{align-items:center;display:flex;gap:.75rem}.user-details[data-v-9b42412b]{align-items:flex-end;display:flex;flex-direction:column;gap:.125rem}.user-name[data-v-9b42412b]{color:var(--text-color);font-size:.875rem;font-weight:600;line-height:1.2}.user-role[data-v-9b42412b]{color:var(--text-color-secondary);font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.user-avatar[data-v-9b42412b]{align-items:center;background-color:var(--primary-color);border-radius:50%;color:var(--primary-color-text);display:flex;font-size:.875rem;height:2rem;justify-content:center;width:2rem}.server-time-container[data-v-9b42412b]{background-color:var(--surface-section);border:1px solid var(--surface-border);border-radius:.5rem;margin-right:1rem;padding:.5rem 1rem}.server-time-display[data-v-9b42412b]{align-items:center;display:flex;gap:.5rem}.server-time-text[data-v-9b42412b]{color:var(--text-color);font-family:Courier New,monospace;font-size:.875rem;font-weight:500;min-width:140px}.refresh-time-button[data-v-9b42412b]{align-items:center;background:none;border:none;border-radius:.25rem;color:var(--primary-color);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.refresh-time-button[data-v-9b42412b]:hover:not(:disabled){background-color:var(--primary-color);color:var(--primary-color-text)}.refresh-time-button[data-v-9b42412b]:disabled{cursor:not-allowed;opacity:.6}.pi-spin[data-v-9b42412b]{animation:spin-9b42412b 1s linear infinite}@keyframes spin-9b42412b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.server-time-container[data-v-9b42412b],.user-info-container[data-v-9b42412b]{display:none}}@media (max-width:992px){.user-details[data-v-9b42412b]{display:none}.user-info-display[data-v-9b42412b]{gap:0}}