:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-hover: #f1f3f5;--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border: #e5e7eb;--border-light: #f0f0f0;--accent: #4f46e5;--accent-hover: #4338ca;--accent-light: rgba(79, 70, 229, .1);--sidebar-bg: #1f2937;--sidebar-text: #d1d5db;--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-active: rgba(255, 255, 255, .12);--sidebar-active-text: #ffffff;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-scrollbar: rgba(255, 255, 255, .15);--priority-1: #ef4444;--priority-2: #f97316;--priority-3: #eab308;--priority-4: #9ca3af}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-hover: #1e2a47;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--border: #374151;--border-light: #2d3748;--accent: #6366f1;--accent-hover: #818cf8;--accent-light: rgba(99, 102, 241, .15);--sidebar-bg: #111827;--sidebar-text: #d1d5db;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active: rgba(255, 255, 255, .1);--sidebar-active-text: #ffffff;--sidebar-border: rgba(255, 255, 255, .06);--sidebar-scrollbar: rgba(255, 255, 255, .1);--priority-1: #f87171;--priority-2: #fb923c;--priority-3: #facc15;--priority-4: #6b7280}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-light);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}html,body{overflow-x:hidden}@media(max-width:768px){input,textarea,select{font-size:16px}}@media(max-width:768px){.page,.dashboard-page,.chat-page{padding:16px!important;max-width:100%!important}.page-header{margin-bottom:16px!important}.page-title{font-size:20px!important;flex-wrap:wrap!important;word-break:break-word}.page-title-row{flex-wrap:wrap;gap:12px}}@media(hover:none)and (pointer:coarse){button,a{-webkit-tap-highlight-color:transparent}}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}