:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .4);--vt-c-divider-light-2: rgba(60, 60, 60, .22);--vt-c-divider-dark-1: rgba(84, 84, 84, .75);--vt-c-divider-dark-2: rgba(84, 84, 84, .58);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:960px;margin:0 auto;padding:1rem 2rem;font-weight:400}a{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}@media(max-width:640px){.modal-overlay{padding-bottom:64px}.modal{max-height:calc(100vh - 64px - 2rem)!important}}.notification-bell[data-v-3f4f816e]{position:relative}.bell-btn[data-v-3f4f816e]{background:none;border:none;cursor:pointer;padding:.2rem .4rem;position:relative;line-height:1;color:inherit}.bell-icon[data-v-3f4f816e]{width:22px;height:22px;display:block}.badge[data-v-3f4f816e]{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;border-radius:999px;font-size:.65rem;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notification-panel[data-v-3f4f816e]{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:420px;overflow-y:auto;background:var(--color-background, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:1000}.panel-header[data-v-3f4f816e]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border, #e2e8f0);position:sticky;top:0;background:var(--color-background, #fff)}.panel-title[data-v-3f4f816e]{font-weight:600;font-size:.95rem}.mark-all-btn[data-v-3f4f816e]{background:none;border:none;cursor:pointer;font-size:.75rem;color:#2563eb;padding:0}.mark-all-btn[data-v-3f4f816e]:hover{text-decoration:underline}.empty-state[data-v-3f4f816e]{padding:1.5rem 1rem;text-align:center;color:#6b7280;font-size:.875rem}.notification-item[data-v-3f4f816e]{display:flex;gap:.75rem;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--color-border, #e2e8f0);transition:background .15s}.notification-item[data-v-3f4f816e]:last-child{border-bottom:none}.notification-item[data-v-3f4f816e]:hover{background:#f8fafc}.notification-item.unread[data-v-3f4f816e]{background:#eff6ff}.notification-item.unread[data-v-3f4f816e]:hover{background:#dbeafe}.notif-icon[data-v-3f4f816e]{font-size:1rem;flex-shrink:0;margin-top:2px}.notif-body[data-v-3f4f816e]{flex:1;min-width:0}.notif-message[data-v-3f4f816e]{font-size:.875rem;line-height:1.4;color:var(--color-text, #1f2937)}.notif-meta[data-v-3f4f816e]{font-size:.75rem;color:#6b7280;margin-top:2px}@media(max-width:640px){.notification-panel[data-v-3f4f816e]{position:fixed;inset:auto 8px 72px;width:auto;max-height:60vh}}.app-header[data-v-14156255]{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.header-left[data-v-14156255]{display:flex;align-items:center;gap:1.5rem}.header-nav[data-v-14156255]{display:flex;gap:1rem}.nav-link[data-v-14156255]{font-size:.9rem;text-decoration:none;color:var(--color-text)}.nav-link[data-v-14156255]:hover,.nav-link.router-link-active[data-v-14156255]{color:#2563eb}.header-right[data-v-14156255]{display:flex;align-items:center;gap:.75rem}.user-name[data-v-14156255]{font-size:.9rem;color:var(--color-text)}.logout-btn[data-v-14156255]{font-size:.9rem;background:none;border:1px solid var(--color-border);border-radius:4px;padding:.25rem .75rem;cursor:pointer;color:var(--color-text)}.logout-btn[data-v-14156255]:hover{background:var(--color-background-soft)}.offline-banner[data-v-14156255]{position:sticky;top:0;z-index:1000;background:#d69e2e;color:#fff;text-align:center;padding:.4rem 1rem;font-size:.875rem;font-weight:500}.mobile-bottom-nav[data-v-14156255],.more-overlay[data-v-14156255]{display:none}@media(max-width:640px){.app-header[data-v-14156255]{display:none}.page-wrapper[data-v-14156255]{padding-bottom:64px}.mobile-bottom-nav[data-v-14156255]{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--color-background);border-top:1px solid var(--color-border);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item[data-v-14156255]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;text-decoration:none;color:#6b7280;font-size:.65rem;padding:.4rem .25rem;transition:color .15s;background:none;border:none;cursor:pointer}.bottom-nav-item.router-link-active[data-v-14156255],.bottom-nav-item.active[data-v-14156255]{color:#2563eb}.bottom-nav-icon[data-v-14156255]{width:22px;height:22px;flex-shrink:0}.bottom-notif-item[data-v-14156255] .notification-bell{display:contents}.bottom-notif-item[data-v-14156255] .bell-btn{padding:0;line-height:1;color:inherit}.more-overlay[data-v-14156255]{display:block;position:fixed;inset:0;z-index:150}.more-menu[data-v-14156255]{position:fixed;bottom:72px;right:8px;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 20px #00000026;min-width:210px;overflow:hidden;z-index:151}.more-menu-item[data-v-14156255]{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;color:var(--color-text);font-size:.9rem;border-bottom:1px solid var(--color-border);transition:background .15s;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;cursor:pointer}.more-menu-item[data-v-14156255]:last-child{border-bottom:none}.more-menu-item[data-v-14156255]:active{background:var(--color-background-soft)}.more-menu-item.router-link-active[data-v-14156255]{color:#2563eb}.more-menu-logout[data-v-14156255]{color:#dc2626}.more-menu-icon[data-v-14156255]{width:18px;height:18px;flex-shrink:0}.more-menu-fade-enter-active[data-v-14156255],.more-menu-fade-leave-active[data-v-14156255]{transition:opacity .15s ease}.more-menu-fade-enter-from[data-v-14156255],.more-menu-fade-leave-to[data-v-14156255]{opacity:0}}