.navbar-root{z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;height:72px;font-family:Inter,system-ui,-apple-system,sans-serif;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.navbar-inner{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{align-items:center;line-height:0;text-decoration:none;display:flex}.navbar-logo-img{object-fit:contain;filter:drop-shadow(0 1px 2px #0000000d);width:auto;height:44px;transition:transform .2s;display:block}.navbar-logo:hover .navbar-logo-img{transform:scale(1.02)}.navbar-links{align-items:center;gap:10px;display:flex}.navbar-link{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.navbar-link:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;text-decoration:none}.navbar-link.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 2px 6px #0f172a26}.navbar-right{align-items:center;display:flex}.navbar-auth{align-items:center;gap:14px;display:flex}.navbar-btn-login{color:#0f172a;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.navbar-btn-login:hover{color:#0379e5;background:#f8fafc;border-color:#e2e8f0;text-decoration:none}.navbar-btn-register{background:#0379e5;border:1px solid #0266c8;border-radius:8px;justify-content:center;align-items:center;padding:9px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0379e54d;color:#fff!important}.navbar-btn-register:hover{background:#0266c8;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #0379e566}.navbar-user{position:relative}.navbar-user-btn{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;transition:all .2s;display:flex}.navbar-user-btn:hover{background:#f8fafc;border-color:#cbd5e1}.navbar-avatar{color:#fff;background:#0379e5;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.navbar-username{color:#0f172a;font-size:14px;font-weight:600}.navbar-dropdown{z-index:1050;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:240px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #00000014}.navbar-dropdown-header{color:#64748b;word-break:break-all;border-bottom:1px solid #f1f5f9;margin-bottom:4px;padding:10px 12px;font-size:13px}.navbar-dropdown-item{color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s}.navbar-dropdown-item:hover{background:#f1f5f9}.navbar-dropdown-item.logout{color:#ef4444}.navbar-dropdown-item.logout:hover{background:#fef2f2}.navbar-dropdown-divider{background:#f1f5f9;height:1px;margin:4px 0}.navbar-skeleton{background:#e2e8f0;border-radius:8px;width:120px;height:36px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}