: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}}.page-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:var(--color-background, #fff);padding-top:.75rem;padding-bottom:.75rem;margin-bottom:.25rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.page-header h2{margin:0}.btn{padding:.35rem .75rem;border:1px solid var(--color-border, #d1d5db);border-radius:4px;background:var(--color-background, #fff);color:var(--color-text);cursor:pointer;font-size:.85rem}.btn:hover:not(:disabled){background:var(--color-background-soft, #f3f4f6)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger-outline{color:#dc2626;border-color:#dc2626}.btn-danger-outline:hover:not(:disabled){background:color-mix(in srgb,#dc2626 15%,var(--color-background))}.btn-warning{color:#d97706;border-color:#d97706}.btn-warning:hover:not(:disabled){background:#fef3c7}.btn-success{background:#16a34a;color:#fff;border-color:#16a34a}.btn-success:hover:not(:disabled){background:#15803d}.btn-sm{padding:.2rem .55rem;font-size:.8rem}.btn-link{background:none;border:none;color:#2563eb;font-size:.85rem;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--color-background, #fff);border-radius:8px;padding:1.5rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #00000026}.modal-title{margin:0 0 1.25rem;font-size:1.1rem;font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.form-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.form-group label{font-size:.85rem;font-weight:500;color:var(--color-text-muted, #6b7280)}.required{color:#dc2626}.form-input,.form-group input:not([type=checkbox]):not([type=radio]),.form-group select{padding:.4rem .6rem;border:1px solid var(--color-border, #d1d5db);border-radius:4px;font-size:.9rem;background:var(--color-background, #fff);color:var(--color-text);width:100%;box-sizing:border-box}.textarea{padding:.5rem .65rem;border:1px solid var(--color-border, #d1d5db);border-radius:4px;font-size:.9rem;background:var(--color-background, #fff);color:var(--color-text);resize:vertical;font-family:inherit;width:100%;box-sizing:border-box}.form-row,.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start}.form-row .form-group,.form-row-2 .form-group{min-width:0}.form-row-3{display:grid;grid-template-columns:1fr 2fr auto;gap:.75rem;align-items:start}.form-group-small{min-width:5rem}.form-group-narrow{max-width:8rem}.type-toggle{display:flex;gap:0;border:1px solid var(--color-border, #d1d5db);border-radius:4px;overflow:hidden;width:fit-content}.toggle-option{display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.85rem;font-weight:500;cursor:pointer;color:var(--color-text-muted, #6b7280);background:var(--color-background, #fff)}.toggle-option input[type=radio]{display:none}.toggle-option.active{background:#2563eb;color:#fff}.toggle-option:not(:last-child){border-right:1px solid var(--color-border, #d1d5db)}.error-box{background:color-mix(in srgb,#dc2626 15%,var(--color-background));color:#ef4444;border-radius:4px;padding:.5rem .75rem;font-size:.85rem;margin-bottom:.75rem}.form-error{background:color-mix(in srgb,#dc2626 15%,var(--color-background));color:#ef4444;border-radius:4px;padding:.5rem .75rem;font-size:.85rem;margin-top:.5rem}.mobile-page-logo{display:none}@media(max-width:640px){.mobile-page-logo{display:inline-block;width:28px;height:28px;flex-shrink:0}}@media(max-width:640px){#app{padding:0 1rem}.modal-overlay{padding-bottom:0}.modal{max-width:100%!important;max-height:100%!important;height:100%;border-radius:0!important;display:flex;flex-direction:column;padding:1rem}.modal-footer{position:sticky;bottom:0;background:var(--color-background, #fff);margin-top:auto!important;padding:1rem 0;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.notification-bell[data-v-6892e09a]{position:relative}.bell-btn[data-v-6892e09a]{background:none;border:none;cursor:pointer;padding:.2rem .4rem;position:relative;line-height:1;color:inherit}.bell-icon[data-v-6892e09a]{width:22px;height:22px;display:block}.badge[data-v-6892e09a]{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-6892e09a]{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-6892e09a]{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-6892e09a]{font-weight:600;font-size:.95rem}.mark-all-btn[data-v-6892e09a]{background:none;border:none;cursor:pointer;font-size:.75rem;color:#2563eb;padding:0}.mark-all-btn[data-v-6892e09a]:hover{text-decoration:underline}.empty-state[data-v-6892e09a]{padding:1.5rem 1rem;text-align:center;color:#6b7280;font-size:.875rem}.notification-item[data-v-6892e09a]{display:flex;gap:.75rem;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--color-border, #e2e8f0);transition:background .15s}.notification-item[data-v-6892e09a]:last-child{border-bottom:none}.notification-item[data-v-6892e09a]:hover{background:var(--color-background-soft)}.notification-item.unread[data-v-6892e09a]{background:color-mix(in srgb,#2563eb 10%,var(--color-background));border-left:3px solid #2563eb;padding-left:calc(1rem - 3px)}.notification-item.unread[data-v-6892e09a]:hover{background:color-mix(in srgb,#2563eb 18%,var(--color-background))}.notification-item.unread .notif-message[data-v-6892e09a]{font-weight:600}.notif-icon[data-v-6892e09a]{font-size:1rem;flex-shrink:0;margin-top:2px}.notif-body[data-v-6892e09a]{flex:1;min-width:0}.notif-message[data-v-6892e09a]{font-size:.875rem;line-height:1.4;color:var(--color-text, #1f2937)}.notif-meta[data-v-6892e09a]{font-size:.75rem;color:#6b7280;margin-top:2px}@media(max-width:640px){.notification-panel[data-v-6892e09a]{position:fixed;inset:auto 8px 72px;width:auto;max-height:60vh}}.app-header[data-v-10b0f186]{position:sticky;top:0;z-index:100;background:var(--color-background);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-10b0f186]{display:flex;align-items:center;gap:1.5rem}.brand-link[data-v-10b0f186]{display:flex;align-items:center;gap:.4rem;text-decoration:none;flex-shrink:0}.brand-logo[data-v-10b0f186]{width:32px;height:32px}.brand-name[data-v-10b0f186]{font-size:1.1rem;font-weight:700;color:#1239a0;letter-spacing:-.02em}.header-nav[data-v-10b0f186]{display:flex;gap:1rem}.nav-link[data-v-10b0f186]{font-size:.9rem;text-decoration:none;color:var(--color-text)}.nav-link[data-v-10b0f186]:hover,.nav-link.router-link-active[data-v-10b0f186]{color:#2563eb}.header-right[data-v-10b0f186]{display:flex;align-items:center;gap:.75rem}.user-name[data-v-10b0f186]{font-size:.9rem;color:var(--color-text)}.logout-btn[data-v-10b0f186]{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-10b0f186]:hover{background:var(--color-background-soft)}.offline-banner[data-v-10b0f186]{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-10b0f186],.more-overlay[data-v-10b0f186]{display:none}@media(max-width:640px){.app-header[data-v-10b0f186]{display:none}.page-wrapper.with-bottom-nav[data-v-10b0f186]{padding-bottom:64px}.mobile-bottom-nav[data-v-10b0f186]{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-10b0f186]{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-10b0f186],.bottom-nav-item.active[data-v-10b0f186]{color:#2563eb}.bottom-nav-icon[data-v-10b0f186]{width:22px;height:22px;flex-shrink:0}.bottom-notif-item[data-v-10b0f186] .notification-bell{display:contents}.bottom-notif-item[data-v-10b0f186] .bell-btn{padding:0;line-height:1;color:inherit}.more-overlay[data-v-10b0f186]{display:block;position:fixed;inset:0;z-index:150}.more-menu[data-v-10b0f186]{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-10b0f186]{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-10b0f186]:last-child{border-bottom:none}.more-menu-item[data-v-10b0f186]:active{background:var(--color-background-soft)}.more-menu-item.router-link-active[data-v-10b0f186]{color:#2563eb}.more-menu-logout[data-v-10b0f186]{color:#dc2626}.more-menu-icon[data-v-10b0f186]{width:18px;height:18px;flex-shrink:0}.more-menu-fade-enter-active[data-v-10b0f186],.more-menu-fade-leave-active[data-v-10b0f186]{transition:opacity .15s ease}.more-menu-fade-enter-from[data-v-10b0f186],.more-menu-fade-leave-to[data-v-10b0f186]{opacity:0}}