:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #eff6ff;--success: #16a34a;--success-bg: #dcfce7;--error: #ef4444;--error-bg: #fee2e2;--warning: #eab308;--warning-bg: #fef9c3;--info: #0ea5e9;--info-bg: #e0f2fe;--surface: #ffffff;--body-bg: #f8fafc;--border: #e2e8f0;--border-hover: #cbd5e1;--text-title: #0f172a;--text-main: #334155;--text-muted: #64748b;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--sidebar-width: 250px;--header-height: 64px}