:root{--color-primary: #0084ff;--color-primary-hover: #0074e0;--color-primary-light: #e7f3ff;--color-sidebar: #1a1d21;--color-sidebar-hover: #27292d;--color-sidebar-active: #0066ff;--color-sidebar-text: #9ea2a8;--color-sidebar-text-active: #ffffff;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-border: #e1e4e8;--color-text: #1a1d21;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-success: #22c55e;--color-warning: #eab308;--color-danger: #ef4444;--color-info: #3b82f6;--color-status-open: #22c55e;--color-status-pending: #eab308;--color-status-resolved: #9ca3af;--color-status-ai-resolved: #0066ff;--color-visitor-bubble: #f0f0f0;--color-agent-bubble: #0084ff;--color-ai-bubble: #e7f3ff;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select,button{font-family:inherit;font-size:inherit}button{cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}