.topbar[data-v-0b37eb01]{-webkit-backdrop-filter:blur(10px);width:100%;min-height:60px;z-index:var(--z-nav);background:#013821d1;justify-content:space-between;align-items:center;padding:5px 16px;display:flex;position:sticky;top:0}.topbar-left[data-v-0b37eb01]{align-items:center;gap:8px;display:flex}.topbar-right[data-v-0b37eb01]{align-items:center;gap:12px;display:flex}.topbar-btn[data-v-0b37eb01]{color:#ffffffd9;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.topbar-btn-spacer[data-v-0b37eb01]{width:30px;height:30px}.topbar-logo-link[data-v-0b37eb01]{align-items:center;display:flex}.topbar-logo[data-v-0b37eb01]{height:50px}.noti-btn[data-v-0b37eb01]{text-decoration:none;position:relative}.noti-badge[data-v-0b37eb01]{color:#fff;background:#e8896e;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-6px}.topbar-avatar-link[data-v-0b37eb01]{text-decoration:none}.topbar-avatar[data-v-0b37eb01]{object-fit:cover;background:#d4e8dc;border:2px solid #fff6;border-radius:50%;width:28px;height:28px}.topbar-avatar-ph[data-v-0b37eb01]{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:600;display:flex}