body.has-fixed-navbar{padding-top:0}.navbar,.top-bar{display:flex;align-items:center;gap:8px;padding:10px 40px;border-bottom:1px solid rgba(200,222,243,.9);position:sticky;top:0;z-index:100;background:#e8f4fcf5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;box-sizing:border-box}.top-bar{justify-content:space-between;overflow:visible}.page-landing .top-bar-landing,.page-auth .top-bar{position:static;padding:0 8px 16px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #dbe7f3}.page-auth .top-bar{border-bottom-color:#d8e7f4cc}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-link{color:inherit;text-decoration:none;cursor:pointer}.brand-link:hover .brand-name{color:var(--brand-blue, #0284c7)}.brand-icon{width:30px;height:30px;display:block;object-fit:contain;flex-shrink:0}.brand-name{font-weight:800;font-size:14px;color:#0b3450;letter-spacing:-.3px}.nav-links{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none;padding:0 4px}.nav-links::-webkit-scrollbar{display:none}.nav-btn{padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--muted);border:1px solid transparent;white-space:nowrap;background:none;transition:all .15s;cursor:pointer}.nav-btn:hover{color:var(--blue);background:#bfdbfe33;border-color:#bfdbfe80}.nav-btn.active{color:var(--blue-deep);font-weight:700;background:linear-gradient(180deg,#e4f2ff,#d9ecff);border-color:#bae6fd}.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.user-chip{font-size:11px;color:var(--muted);font-weight:500;padding:5px 11px;border-radius:999px;border:1px solid rgba(226,232,240,.9);background:linear-gradient(135deg,#fff,#fafbfc);white-space:nowrap}.btn-logout{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--red-bdr);background:linear-gradient(180deg,#fff5f5,#fff);color:var(--red);font-size:12px;font-weight:600;transition:all .15s;cursor:pointer}.btn-logout:hover{background:#fee2e2}.btn-logout .icon{font-size:12px;transform:translateY(.5px);transition:transform .2s ease}.btn-logout:hover .icon{transform:translateY(.5px) translate(2px)}.logout-form,.workspace-switch-form{margin:0}.logout-form{display:inline}.workspace-select{min-width:154px;padding:8px 28px 8px 10px;border-radius:10px;border:1px solid #c8ddf3;background:#fff;color:#0f3b57;font-size:12px;font-weight:650;cursor:pointer}.workspace-select:focus{outline:none;border-color:#2e75b6;box-shadow:0 0 0 3px #2e75b61f}@media (max-width: 960px){.navbar,.top-bar{flex-direction:column;align-items:flex-start;gap:10px;padding-inline:var(--page-gutter, 16px);max-width:100%;overflow-x:clip}.brand,.nav-links,.nav-right{max-width:100%;min-width:0}.nav-links{width:100%;flex-wrap:wrap;overflow-x:visible;padding:0;row-gap:6px}.nav-right{width:100%;flex-wrap:wrap;margin-left:0}.workspace-switch-form{flex:1 1 150px;min-width:0}.workspace-select{width:100%;min-width:0}.user-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis}}