.topbar[data-v-3abb0f06]{background:var(--c-bg);border-bottom:1px solid var(--c-border);gap:12px;height:56px;padding:0 24px;position:sticky;top:0;z-index:50}.toggle-btn[data-v-3abb0f06],.topbar[data-v-3abb0f06]{align-items:center;display:flex}.toggle-btn[data-v-3abb0f06]{background:none;border:1.5px solid var(--c-border);border-radius:var(--radius-pill);color:var(--c-sub);cursor:pointer;flex-shrink:0;height:34px;justify-content:center;transition:all var(--transition);width:34px}.toggle-btn[data-v-3abb0f06]:hover{border-color:var(--c-text);color:var(--c-text)}.topbar-titles[data-v-3abb0f06]{display:flex;flex-direction:column;gap:1px}.topbar-title[data-v-3abb0f06]{color:var(--c-text);font-size:15px;font-weight:600}.topbar-subtitle[data-v-3abb0f06]{color:var(--c-sub);font-size:11px}.topbar-gap[data-v-3abb0f06]{flex:1}.topbar-date[data-v-3abb0f06]{border:1px solid var(--c-border);border-radius:var(--radius-pill);font-size:11px;gap:5px;padding:5px 11px;white-space:nowrap}.notif-btn[data-v-3abb0f06],.topbar-date[data-v-3abb0f06]{align-items:center;background:var(--c-surface);color:var(--c-sub);display:flex}.notif-btn[data-v-3abb0f06]{border:1.5px solid var(--c-border);border-radius:var(--radius-pill);cursor:pointer;flex-shrink:0;height:34px;justify-content:center;position:relative;transition:all var(--transition);width:34px}.notif-btn[data-v-3abb0f06]:hover{border-color:var(--c-text);color:var(--c-text)}.notif-dot[data-v-3abb0f06]{background:var(--s-err);border:1.5px solid var(--c-bg);border-radius:50%;height:6px;position:absolute;right:7px;top:7px;width:6px}@media(max-width:600px){.hide-600[data-v-3abb0f06]{display:none}}@media(max-width:420px){.hide-420[data-v-3abb0f06]{display:none}}@media(max-width:768px){.topbar[data-v-3abb0f06]{padding:0 16px}}