.notification-dropdown[data-v-cf07ef93],.notification-bell[data-v-cf07ef93]{position:relative}.badge[data-v-cf07ef93]{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.notification-overlay[data-v-cf07ef93]{position:fixed;inset:0;z-index:1000}.notification-panel[data-v-cf07ef93]{width:360px;max-height:480px;background:var(--surface-elevated, var(--surface-secondary));border:1px solid var(--border-secondary);border-radius:var(--radius-xl, 12px);box-shadow:0 16px 48px #0003;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-cf07ef93]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-secondary)}.panel-header h3[data-v-cf07ef93]{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.mark-all-btn[data-v-cf07ef93]{background:none;border:none;color:var(--accent, #3b82f6);font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.mark-all-btn[data-v-cf07ef93]:hover{background:var(--surface-tertiary)}.panel-body[data-v-cf07ef93]{overflow-y:auto;flex:1}.panel-empty[data-v-cf07ef93]{padding:40px 16px;text-align:center;color:var(--text-secondary);font-size:14px}.notif-item[data-v-cf07ef93]{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s}.notif-item[data-v-cf07ef93]:hover{background:var(--surface-tertiary)}.notif-item.unread[data-v-cf07ef93]{background:var(--surface-elevated, var(--surface-secondary))}.notif-avatar[data-v-cf07ef93]{width:36px;height:36px;border-radius:50%;background:var(--accent, #3b82f6);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content[data-v-cf07ef93]{flex:1;min-width:0}.notif-message[data-v-cf07ef93]{margin:0;font-size:13px;color:var(--text-primary);line-height:1.4}.notif-time[data-v-cf07ef93]{font-size:12px;color:var(--text-secondary)}.notif-dot[data-v-cf07ef93]{width:8px;height:8px;border-radius:50%;background:var(--accent, #3b82f6);flex-shrink:0;margin-top:6px}@media(max-width:480px){.notification-panel[data-v-cf07ef93]{width:calc(100vw - 24px);right:12px!important}}.app-header[data-v-48c19967]{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--surface-secondary);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;padding:0 24px;z-index:100}.header-center[data-v-48c19967]{display:flex;align-items:center;gap:16px}.header-divider[data-v-48c19967]{width:1px;height:20px;background:var(--border-primary)}.header-actions[data-v-48c19967]{display:flex;align-items:center;gap:8px}.logo[data-v-48c19967]{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.logo-icon[data-v-48c19967]{width:32px;height:32px;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff}.logo-text[data-v-48c19967]{font-size:18px;font-weight:700;letter-spacing:-.5px}.main-nav[data-v-48c19967]{display:flex;gap:2px}.nav-item[data-v-48c19967]{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;color:var(--text-tertiary);text-decoration:none;transition:all .15s}.nav-item[data-v-48c19967]:hover,.nav-item.active[data-v-48c19967]{background:var(--surface-tertiary);color:var(--text-primary)}.icon-btn[data-v-48c19967]{width:34px;height:34px;border:1px solid var(--border-secondary);background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .15s;text-decoration:none;cursor:pointer}.icon-btn[data-v-48c19967]:hover{border-color:var(--text-muted);color:var(--text-primary)}.lang-btn[data-v-48c19967]{height:34px;padding:0 10px;border:1px solid var(--border-secondary);background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:13px;font-weight:600;transition:all .15s;cursor:pointer}.lang-btn[data-v-48c19967]:hover{border-color:var(--text-muted);color:var(--text-primary)}.nav-link-btn[data-v-48c19967]{padding:6px 14px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .15s}.nav-link-btn[data-v-48c19967]:hover{color:var(--text-primary)}@media(max-width:768px){.main-nav[data-v-48c19967]{display:none}}.app-body{flex:1;overflow-y:auto;margin-top:var(--header-height)}:root{--surface-primary: #030712;--surface-secondary: #111827;--surface-tertiary: #1f2937;--surface-elevated: rgba(31, 41, 55, .5);--text-primary: #ffffff;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--border-primary: #1f2937;--border-secondary: rgba(55, 65, 81, .5);--input-bg: rgba(17, 24, 39, .5);--hover-bg: rgba(55, 65, 81, .4);--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: #60a5fa;--accent-glow: rgba(59, 130, 246, .2);--emerald: #10b981;--emerald-glow: rgba(16, 185, 129, .2);--danger: #ef4444;--warning: #f59e0b;--success: #22c55e;--gradient-from: #3b82f6;--gradient-to: #8b5cf6;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width: 280px;--header-height: 64px}[data-theme=light]{--surface-primary: #ffffff;--surface-secondary: #f9fafb;--surface-tertiary: #f3f4f6;--surface-elevated: rgba(243, 244, 246, .8);--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #4b5563;--text-muted: #6b7280;--border-primary: #e5e7eb;--border-secondary: rgba(209, 213, 219, .5);--input-bg: rgba(249, 250, 251, .8);--hover-bg: rgba(243, 244, 246, .6);--accent-glow: rgba(59, 130, 246, .1);--emerald-glow: rgba(16, 185, 129, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);background:var(--surface-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}#app{height:100%;display:flex;flex-direction:column}a{color:var(--accent-light);text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}button{cursor:pointer;font-family:var(--font)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:600;transition:all .15s ease;cursor:pointer}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px var(--accent-glow)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-secondary)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 32px;font-size:16px}.card{background:var(--surface-elevated);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:24px;transition:all .2s ease}.card:hover{background:var(--surface-tertiary)}.input{width:100%;padding:10px 14px;border:1px solid var(--border-primary);border-radius:var(--radius);font-size:14px;font-family:var(--font);background:var(--input-bg);color:var(--text-primary);transition:border-color .15s}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}textarea.input{resize:vertical;min-height:80px}.label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--text-tertiary)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:100px;font-size:12px;font-weight:500}.badge-primary{background:#3b82f633;color:var(--accent-light)}.badge-warning{background:#f59e0b33;color:var(--warning)}.badge-danger{background:#ef444433;color:var(--danger)}.badge-success{background:#22c55e33;color:var(--success)}.text-gradient{background:linear-gradient(135deg,var(--gradient-from),var(--gradient-to));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-emerald{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-gradient{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(59,130,246,.15),transparent)}.card-gradient-blue{background:linear-gradient(135deg,#3b82f61a,#3b82f605);border-color:#3b82f633}.card-gradient-emerald{background:linear-gradient(135deg,#10b9811a,#10b98105);border-color:#10b98133}.card-gradient-purple{background:linear-gradient(135deg,#8b5cf61a,#8b5cf605);border-color:#8b5cf633}.card-gradient-yellow{background:linear-gradient(135deg,#f59e0b1a,#f59e0b05);border-color:#f59e0b33}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:16px 0 8px;color:var(--text-primary)}.markdown-content p{margin:8px 0;color:var(--text-secondary)}.markdown-content ul,.markdown-content ol{padding-left:24px;margin:8px 0;color:var(--text-secondary)}.markdown-content code{background:var(--surface-tertiary);padding:2px 6px;border-radius:4px;font-size:13px}.markdown-content pre{background:var(--surface-tertiary);padding:16px;border-radius:var(--radius);overflow-x:auto;margin:12px 0}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:3px solid var(--accent);padding-left:16px;color:var(--text-tertiary);margin:12px 0}.markdown-content table{width:100%;border-collapse:collapse;margin:12px 0}.markdown-content th,.markdown-content td{border:1px solid var(--border-primary);padding:8px 12px;text-align:left}.markdown-content th{background:var(--surface-tertiary);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface-tertiary) 25%,var(--surface-elevated) 50%,var(--surface-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}@media(max-width:768px){:root{--sidebar-width: 0px;--header-height: 56px}}