.app-header[data-v-8bb7f192]{display:flex;align-items:center;height:60px;padding:0 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:1.5rem;z-index:100;position:relative}.header-brand[data-v-8bb7f192]{flex-shrink:0}.brand-link[data-v-8bb7f192]{display:flex;align-items:center;gap:.5rem;color:var(--color-text);font-weight:700;font-size:1.1rem;text-decoration:none}.brand-icon[data-v-8bb7f192]{font-size:1.3rem}.header-nav[data-v-8bb7f192]{display:flex;gap:1rem;flex:1}.nav-link[data-v-8bb7f192]{color:var(--color-text-muted);font-size:.9rem;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:color .15s}.nav-link[data-v-8bb7f192]:hover,.nav-link.router-link-active[data-v-8bb7f192]{color:var(--color-text)}.header-actions[data-v-8bb7f192]{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.user-name[data-v-8bb7f192]{font-size:.875rem;color:var(--color-text-muted)}.btn-ghost[data-v-8bb7f192]{background:transparent;color:var(--color-text-muted);padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.875rem;transition:color .15s;text-decoration:none}.btn-ghost[data-v-8bb7f192]:hover{color:var(--color-text)}.btn-primary[data-v-8bb7f192]{background:var(--color-primary);color:#fff;padding:.4rem .9rem;border-radius:var(--radius-sm);font-size:.875rem;text-decoration:none;transition:background .15s}.btn-primary[data-v-8bb7f192]:hover{background:var(--color-primary-hover)}.bell-wrapper[data-v-8bb7f192]{position:relative}.bell-btn[data-v-8bb7f192]{position:relative;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.35rem;border-radius:var(--radius-sm);transition:color .15s}.bell-btn[data-v-8bb7f192]:hover{color:var(--color-text)}.badge[data-v-8bb7f192]{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.notif-dropdown[data-v-8bb7f192]{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0006;z-index:200;overflow:hidden}.notif-header[data-v-8bb7f192]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.notif-title[data-v-8bb7f192]{font-size:.875rem;font-weight:600}.mark-all-btn[data-v-8bb7f192]{background:transparent;border:none;color:var(--color-primary, #3b82f6);font-size:.75rem;cursor:pointer;padding:0}.mark-all-btn[data-v-8bb7f192]:hover{text-decoration:underline}.notif-empty[data-v-8bb7f192]{padding:1.25rem 1rem;font-size:.875rem;color:var(--color-text-muted);text-align:center}.notif-list[data-v-8bb7f192]{list-style:none;max-height:320px;overflow-y:auto}.notif-item[data-v-8bb7f192]{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .12s}.notif-item[data-v-8bb7f192]:last-child{border-bottom:none}.notif-item[data-v-8bb7f192]:hover{background:#ffffff0a}.notif-item.unread[data-v-8bb7f192]{border-left:3px solid #3b82f6;padding-left:calc(1rem - 3px)}.notif-message[data-v-8bb7f192]{font-size:.8125rem;color:var(--color-text);line-height:1.4}.notif-time[data-v-8bb7f192]{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.toast-container[data-v-d7abd7ea]{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}.toast[data-v-d7abd7ea]{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;min-width:240px;max-width:360px;box-shadow:var(--shadow-md)}.toast.success[data-v-d7abd7ea]{background:#166534;color:#bbf7d0}.toast.error[data-v-d7abd7ea]{background:#7f1d1d;color:#fecaca}.toast.info[data-v-d7abd7ea]{background:#1e3a5f;color:#bfdbfe}.toast.warning[data-v-d7abd7ea]{background:#78350f;color:#fde68a}.toast-enter-active[data-v-d7abd7ea],.toast-leave-active[data-v-d7abd7ea]{transition:all .25s ease}.toast-enter-from[data-v-d7abd7ea],.toast-leave-to[data-v-d7abd7ea]{opacity:0;transform:translate(40px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app-root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0f172a;color:#f1f5f9}.main-content{height:calc(100vh - 60px);overflow:hidden}:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-raised: #334155;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-accent: #06b6d4;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-border: #334155;--color-danger: #ef4444;--color-success: #22c55e;--color-warning: #f59e0b;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none}a{color:var(--color-primary);text-decoration:none}