@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.sidebar[data-v-0137e8db]{position:fixed;left:0;top:0;bottom:0;width:280px;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:50;transition:transform var(--transition-normal)}.sidebar-header[data-v-0137e8db]{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.logo[data-v-0137e8db]{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-text[data-v-0137e8db]{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.sidebar-nav[data-v-0137e8db]{flex:1;padding:var(--spacing-md);overflow-y:auto}.sidebar-nav ul[data-v-0137e8db]{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item[data-v-0137e8db]{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left}.nav-item[data-v-0137e8db]:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-item.active[data-v-0137e8db]{background-color:var(--color-accent-light);color:var(--color-accent)}.nav-icon[data-v-0137e8db]{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.sidebar-footer[data-v-0137e8db]{padding:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-xs)}.signout[data-v-0137e8db]{color:var(--color-error)}.signout[data-v-0137e8db]:hover{background-color:#ef44441a;color:var(--color-error)}@media (max-width: 768px){.sidebar[data-v-0137e8db]{transform:translate(-100%);width:min(280px,84vw)}.sidebar.open[data-v-0137e8db]{transform:translate(0)}.nav-item[data-v-0137e8db]{min-height:44px}}.notif[data-v-64426b07]{position:relative}.notif-btn[data-v-64426b07]{position:relative;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);display:flex}.notif-btn[data-v-64426b07]:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.notif-badge[data-v-64426b07]{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background-color:var(--color-danger, #dc2626);color:#fff;font-size:.65rem;font-weight:700;line-height:16px;text-align:center}.notif-panel[data-v-64426b07]{position:absolute;right:0;top:calc(100% + 8px);width:360px;max-width:90vw;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 30px #00000040;z-index:50;overflow:hidden}.notif-head[data-v-64426b07]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.notif-head-actions[data-v-64426b07]{display:flex;gap:var(--spacing-sm)}.link-btn[data-v-64426b07]{background:none;border:none;color:var(--color-accent);font-size:.8125rem;cursor:pointer;padding:0}.link-btn.danger[data-v-64426b07]{color:var(--color-danger, #dc2626)}.link-btn[data-v-64426b07]:hover{text-decoration:underline}.notif-list[data-v-64426b07]{max-height:60vh;overflow-y:auto}@media (max-width: 768px){.notif-panel[data-v-64426b07]{position:fixed;top:64px;left:8px;right:8px;width:auto;max-width:none;max-height:calc(100dvh - 80px);display:flex;flex-direction:column}.notif-head[data-v-64426b07]{flex-shrink:0}.notif-list[data-v-64426b07]{max-height:none;flex:1;min-height:0}}.notif-empty[data-v-64426b07]{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:.875rem}.notif-empty.error[data-v-64426b07]{color:var(--color-danger, #dc2626)}.notif-item[data-v-64426b07]{display:flex;gap:var(--spacing-sm);align-items:flex-start;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.notif-item.unread[data-v-64426b07]{background-color:var(--color-bg-tertiary)}.notif-item.clickable[data-v-64426b07]{cursor:pointer}.notif-item.clickable[data-v-64426b07]:hover{background-color:var(--color-bg-tertiary)}.dot[data-v-64426b07]{width:8px;height:8px;margin-top:6px;border-radius:50%;background-color:var(--color-accent);flex-shrink:0}.notif-body[data-v-64426b07]{flex:1;min-width:0}.notif-title[data-v-64426b07]{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.notif-text[data-v-64426b07]{font-size:.8125rem;color:var(--color-text-secondary);margin-top:2px;word-break:break-word}.notif-time[data-v-64426b07]{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.notif-actions[data-v-64426b07]{display:flex;gap:4px;flex-shrink:0}.icon-mini[data-v-64426b07]{width:24px;height:24px;border:none;border-radius:var(--radius-sm);background-color:var(--color-bg-primary);color:var(--color-text-muted);cursor:pointer;font-size:.75rem;line-height:1}.icon-mini[data-v-64426b07]:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.app-header[data-v-2502a79d]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30}.header-left[data-v-2502a79d]{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-menu[data-v-2502a79d]{display:none;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md)}.mobile-menu[data-v-2502a79d]:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.page-info[data-v-2502a79d]{display:flex;flex-direction:column;min-width:0}.page-title[data-v-2502a79d]{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-date[data-v-2502a79d]{font-size:.875rem;color:var(--color-text-muted)}.header-right[data-v-2502a79d]{display:flex;align-items:center;gap:var(--spacing-md)}.ai-chat-btn[data-v-2502a79d]{gap:var(--spacing-sm)}.ai-label[data-v-2502a79d]{display:inline}.user-menu[data-v-2502a79d]{position:relative}.user-avatar[data-v-2502a79d]{width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;text-transform:uppercase}@media (max-width: 768px){.mobile-menu[data-v-2502a79d]{display:flex}.ai-label[data-v-2502a79d],.page-date[data-v-2502a79d]{display:none}}@media (max-width: 480px){.app-header[data-v-2502a79d]{padding:var(--spacing-sm) var(--spacing-md)}.header-left[data-v-2502a79d],.header-right[data-v-2502a79d]{gap:var(--spacing-sm);min-width:0}.page-title[data-v-2502a79d]{font-size:1.0625rem}.ai-chat-btn[data-v-2502a79d]{padding:var(--spacing-sm)}}.ai-chat-panel[data-v-cefcc8ac]{position:fixed;right:var(--spacing-md);bottom:var(--spacing-md);width:400px;max-width:calc(100vw - 2rem);height:600px;max-height:calc(100vh - 2rem);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);z-index:100;animation:slideUp-cefcc8ac var(--transition-normal) ease-out}@keyframes slideUp-cefcc8ac{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header[data-v-cefcc8ac]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.chat-title[data-v-cefcc8ac]{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-text-primary)}.chat-messages[data-v-cefcc8ac]{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-welcome[data-v-cefcc8ac]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl);height:100%}.welcome-icon[data-v-cefcc8ac]{color:var(--color-accent);margin-bottom:var(--spacing-md)}.chat-welcome h3[data-v-cefcc8ac]{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.chat-welcome p[data-v-cefcc8ac]{color:var(--color-text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg)}.suggestions[data-v-cefcc8ac]{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.suggestions button[data-v-cefcc8ac]{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);text-align:left}.suggestions button[data-v-cefcc8ac]:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-accent)}.message[data-v-cefcc8ac]{display:flex;gap:var(--spacing-sm);align-items:flex-start}.message.user[data-v-cefcc8ac]{flex-direction:row-reverse}.message-avatar[data-v-cefcc8ac]{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.message.user .message-avatar[data-v-cefcc8ac]{background-color:var(--color-accent);color:#fff}.message.assistant .message-avatar[data-v-cefcc8ac]{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.message-content[data-v-cefcc8ac]{max-width:80%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg)}.message.user .message-content[data-v-cefcc8ac]{background-color:var(--color-accent);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message.assistant .message-content[data-v-cefcc8ac]{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm)}.message-content p[data-v-cefcc8ac]{font-size:.875rem;line-height:1.5;white-space:pre-wrap}.message-time[data-v-cefcc8ac]{display:block;font-size:.625rem;margin-top:var(--spacing-xs);opacity:.7}.typing-indicator[data-v-cefcc8ac]{display:flex;gap:4px;padding:var(--spacing-xs) 0}.typing-indicator span[data-v-cefcc8ac]{width:8px;height:8px;background-color:var(--color-text-muted);border-radius:var(--radius-full);animation:bounce-cefcc8ac 1.4s ease-in-out infinite}.typing-indicator span[data-v-cefcc8ac]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-cefcc8ac]:nth-child(3){animation-delay:.4s}@keyframes bounce-cefcc8ac{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.chat-input[data-v-cefcc8ac]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border)}.chat-input .input[data-v-cefcc8ac]{flex:1}@media (max-width: 480px){.ai-chat-panel[data-v-cefcc8ac]{right:0;bottom:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}}.app-layout[data-v-5ffb5c7a]{display:flex;min-height:100vh;background-color:var(--color-bg-primary)}.main-content[data-v-5ffb5c7a]{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:280px;transition:margin-left var(--transition-normal)}.page-content[data-v-5ffb5c7a]{flex:1;padding:var(--spacing-lg);overflow-y:auto}.sidebar-overlay[data-v-5ffb5c7a]{display:none}.status-banner[data-v-5ffb5c7a]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;font-weight:500}.offline-banner[data-v-5ffb5c7a]{background-color:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e);border-bottom:1px solid var(--color-warning-border, #fcd34d)}.session-banner[data-v-5ffb5c7a]{background-color:var(--color-error-bg, #fee2e2);color:var(--color-error-text, #991b1b);border-bottom:1px solid var(--color-error-border, #fca5a5)}.status-banner svg[data-v-5ffb5c7a]{flex-shrink:0}.status-banner span[data-v-5ffb5c7a]{flex:1}.banner-btn[data-v-5ffb5c7a]{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem;font-weight:600;background-color:#0000001a;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.banner-btn[data-v-5ffb5c7a]:hover{background-color:#0003}:root[data-theme=dark] .offline-banner[data-v-5ffb5c7a]{background-color:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}:root[data-theme=dark] .session-banner[data-v-5ffb5c7a]{background-color:#ef444426;color:#f87171;border-color:#ef44444d}@media (max-width: 768px){.page-content[data-v-5ffb5c7a]{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))}.channels-layout[data-v-5ffb5c7a]{height:var(--channel-viewport-height, 100dvh);min-height:0;overflow:hidden}.channels-layout .main-content[data-v-5ffb5c7a]{min-height:0}.channels-layout .page-content[data-v-5ffb5c7a]{display:flex;min-height:0;padding:0;overflow:hidden}.channels-layout[data-v-5ffb5c7a] .app-header{flex-shrink:0;padding:8px 12px}.channels-layout[data-v-5ffb5c7a] .header-left,.channels-layout[data-v-5ffb5c7a] .header-right{gap:8px}.main-content[data-v-5ffb5c7a]{margin-left:0}.app-layout.sidebar-open .sidebar-overlay[data-v-5ffb5c7a]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:40}.status-banner[data-v-5ffb5c7a]{padding:var(--spacing-xs) var(--spacing-md);font-size:.8125rem}}.dm-window[data-v-78de736d]{position:fixed;display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 12px 40px #00000059;overflow:hidden;pointer-events:auto;min-width:280px;min-height:160px}.dm-window.dm-blocking[data-v-78de736d]{position:fixed;right:0;bottom:0;margin:auto;width:min(90vw,480px);height:max-content;max-height:90vh;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--radius-xl)}.dm-window.dm-focused[data-v-78de736d]{border-color:var(--color-border-strong, var(--color-border));box-shadow:0 16px 48px #00000073}.dm-window.dm-fullscreen[data-v-78de736d]{border-radius:0;box-shadow:none}.dm-header[data-v-78de736d]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;flex-shrink:0}.dm-header.dm-draggable[data-v-78de736d]{cursor:grab}.dm-header.dm-draggable[data-v-78de736d]:active{cursor:grabbing}.dm-title[data-v-78de736d]{font-size:1rem;font-weight:600;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-header-actions[data-v-78de736d]{display:flex;align-items:center;gap:var(--spacing-xs)}.dm-icon-btn[data-v-78de736d]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.dm-icon-btn[data-v-78de736d]:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.dm-body[data-v-78de736d]{flex:1;min-height:0;overflow:auto;padding:var(--spacing-md)}.dm-footer[data-v-78de736d]{flex-shrink:0;display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border)}.dm-resize[data-v-78de736d]{position:absolute;z-index:1}.dm-resize-n[data-v-78de736d]{top:-3px;left:8px;right:8px;height:6px;cursor:n-resize}.dm-resize-s[data-v-78de736d]{bottom:-3px;left:8px;right:8px;height:6px;cursor:s-resize}.dm-resize-e[data-v-78de736d]{right:-3px;top:8px;bottom:8px;width:6px;cursor:e-resize}.dm-resize-w[data-v-78de736d]{left:-3px;top:8px;bottom:8px;width:6px;cursor:w-resize}.dm-resize-nw[data-v-78de736d]{top:-3px;left:-3px;width:12px;height:12px;cursor:nw-resize}.dm-resize-ne[data-v-78de736d]{top:-3px;right:-3px;width:12px;height:12px;cursor:ne-resize}.dm-resize-sw[data-v-78de736d]{bottom:-3px;left:-3px;width:12px;height:12px;cursor:sw-resize}.dm-resize-se[data-v-78de736d]{bottom:-3px;right:-3px;width:16px;height:16px;cursor:se-resize}@media (max-width: 640px){.dm-window[data-v-78de736d]:not(.dm-blocking){border-radius:0;box-shadow:none}.dm-resize[data-v-78de736d]{display:none}.dm-header[data-v-78de736d]{padding-top:max(var(--spacing-sm),env(safe-area-inset-top,0px))}.dm-footer[data-v-78de736d]{flex-wrap:wrap;padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom,0px))}.dm-footer[data-v-78de736d]>*{flex:1 1 auto;min-height:44px}}.alert-message[data-v-b57de858]{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.btn-primary[data-v-b57de858]{background-color:var(--color-accent);color:#fff;padding:var(--spacing-xs) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.9375rem;cursor:pointer;transition:background-color var(--transition-fast)}.btn-primary[data-v-b57de858]:hover{opacity:.9}.dm-backdrop[data-v-a414169f]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000059;pointer-events:none;z-index:999}.dm-backdrop-fade-enter-active[data-v-a414169f],.dm-backdrop-fade-leave-active[data-v-a414169f]{transition:opacity .15s ease}.dm-backdrop-fade-enter-from[data-v-a414169f],.dm-backdrop-fade-leave-to[data-v-a414169f]{opacity:0}.app-update[data-v-41872181]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.85rem}.app-update button[data-v-41872181]{flex-shrink:0}@media (max-width: 640px){.app-update[data-v-41872181]{flex-direction:column;align-items:stretch}}.app[data-v-7cf6fc75]{min-height:100vh}.loading-screen[data-v-7cf6fc75]{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);background-color:var(--color-bg-primary)}.loading-spinner[data-v-7cf6fc75]{width:40px;height:40px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:spin-7cf6fc75 1s linear infinite}@keyframes spin-7cf6fc75{to{transform:rotate(360deg)}}.loading-screen p[data-v-7cf6fc75]{color:var(--color-text-secondary);font-size:.875rem}:root{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-hover: #475569;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-light: rgba(99, 102, 241, .1);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-border: #334155;--color-border-light: #475569;--color-priority-high: #ef4444;--color-priority-medium: #f59e0b;--color-priority-low: #22c55e;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-hover: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-light: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}}:root[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-hover: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-light: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-bg-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-icon{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--radius-md)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-primary{background-color:var(--color-accent-light);color:var(--color-accent)}.badge-success{background-color:#22c55e1a;color:var(--color-success)}.badge-warning{background-color:#f59e0b1a;color:var(--color-warning)}.badge-error{background-color:#ef44441a;color:var(--color-error)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease-out}.animate-slideIn{animation:slideIn var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.pwa-install-prompt{position:fixed;bottom:var(--spacing-md);left:50%;transform:translate(-50%);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-lg);z-index:1000}@media (max-width: 768px){input,select,textarea{font-size:16px!important}.btn{min-height:44px}table{-webkit-overflow-scrolling:touch}}@media (max-width: 768px){.pwa-install-prompt{left:var(--spacing-md);right:var(--spacing-md);transform:none}}