.topbar-menu-btn[data-v-d39bdc12]{display:none}@media(max-width:900px){.topbar-menu-btn[data-v-d39bdc12]{align-items:center;border-radius:10px;color:var(--text);display:inline-flex;flex-shrink:0;height:38px;justify-content:center;margin-right:4px;transition:background var(--t);width:38px}.topbar-menu-btn[data-v-d39bdc12]:hover{background:var(--surface)}}.notif-wrap[data-v-d39bdc12]{position:relative}.notif-panel[data-v-d39bdc12]{animation:notifIn-d39bdc12 .18s ease both;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:calc(100vw - 24px);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:360px;z-index:200}@keyframes notifIn-d39bdc12{0%{opacity:0;transform:translateY(-6px)}}.notif-panel-header[data-v-d39bdc12]{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:13px 16px}.notif-panel-title[data-v-d39bdc12]{color:var(--text);font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800}.notif-mark-all[data-v-d39bdc12]{align-items:center;border-radius:var(--radius-sm);color:var(--brand-600);display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;padding:4px 8px;transition:background var(--t)}.notif-mark-all[data-v-d39bdc12]:hover{background:var(--brand-50)}.notif-panel-state[data-v-d39bdc12]{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:8px;padding:36px 16px}.notif-panel-list[data-v-d39bdc12]{max-height:380px;overflow-y:auto}.notif-item[data-v-d39bdc12]{align-items:flex-start;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:10px;padding:12px 16px;text-align:left;transition:background var(--t);width:100%}.notif-item[data-v-d39bdc12]:last-child{border-bottom:none}.notif-item[data-v-d39bdc12]:hover{background:var(--surface)}.notif-item--unread[data-v-d39bdc12]{background:var(--brand-50)}.notif-item--unread[data-v-d39bdc12]:hover{background:var(--brand-100)}.notif-item-dot[data-v-d39bdc12]{background:var(--border);border-radius:50%;flex-shrink:0;height:8px;margin-top:5px;width:8px}.notif-item-dot--unread[data-v-d39bdc12]{background:var(--danger)}.notif-item-body[data-v-d39bdc12]{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-item-judul[data-v-d39bdc12]{color:var(--text);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-pesan[data-v-d39bdc12]{color:var(--text-muted);display:-webkit-box;font-size:12px;-webkit-line-clamp:2;line-height:1.45;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time[data-v-d39bdc12]{color:var(--text-subtle);font-size:11px;margin-top:2px}.notif-load-more[data-v-d39bdc12]{border-top:1px solid var(--border);color:var(--brand-600);font-size:12px;font-weight:700;padding:10px;transition:background var(--t);width:100%}.notif-load-more[data-v-d39bdc12]:hover{background:var(--brand-50)}