#navbar{padding:var(--spacing-md)20px;justify-content:space-between;align-items:center;gap:var(--spacing-lg);background-color:var(--navbar-bg);border-bottom:1px solid var(--border-color);flex-direction:row;display:flex}.navbar-left{gap:var(--spacing-lg);flex-direction:row;align-items:center;display:flex}.navbar-right{gap:var(--spacing-md);flex-direction:row;align-items:center;margin-left:auto;display:flex}#navbar a{color:var(--text-primary);transition:color var(--transition-fast);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);text-decoration:none}#navbar a:hover{cursor:pointer;color:var(--primary-color);background-color:var(--accent-light)}#navbar a.active{color:var(--primary-color);font-weight:600}.settings-link{justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex;padding:0!important}.navbar-username{color:var(--secondary-color);font-size:.9rem}html[data-theme=project] .navbar-username{color:var(--rust-orange)}.logout-btn{background:var(--primary-color);color:#fff;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:.9rem}.logout-btn:hover{background:var(--primary-color);opacity:.85}@media (max-width:768px){#navbar{padding:var(--spacing-sm)var(--spacing-sm);gap:var(--spacing-xs);flex-wrap:nowrap;overflow:auto hidden}.navbar-left{gap:var(--spacing-xs);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:1;min-width:0;display:flex;overflow:auto hidden}.navbar-left::-webkit-scrollbar{display:none}.navbar-right{gap:var(--spacing-xs);margin-left:var(--spacing-sm);flex-shrink:0}#navbar a{padding:var(--spacing-xs)var(--spacing-sm);white-space:nowrap;flex-shrink:0;font-size:.85rem}.navbar-username{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:80px;font-size:.8rem;overflow:hidden}.logout-btn{padding:var(--spacing-xs)var(--spacing-sm);white-space:nowrap;flex-shrink:0;font-size:.8rem}.settings-link{flex-shrink:0;width:32px;height:32px;font-size:1rem}}@media (max-width:480px){#navbar{padding:var(--spacing-xs)var(--spacing-xs)}.navbar-left{gap:2px}#navbar a{padding:var(--spacing-xs);font-size:.8rem}.navbar-username{display:none}.logout-btn{padding:var(--spacing-xs);font-size:.75rem}.settings-link{width:28px;height:28px;font-size:.9rem}}.loading-layout{background-color:var(--background-color);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-container{align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.loading-spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--text-secondary);font-size:1rem}