:root{--color-primary: #2563EB;--color-primary-dark: #1D4ED8;--color-sidebar-bg: #1E293B;--color-sidebar-text: #94A3B8;--color-sidebar-active: #FFFFFF;--color-sidebar-hover: #334155;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-border: #E2E8F0;--color-text: #0F172A;--color-text-muted: #64748B;--color-success: #16A34A;--color-error: #DC2626;--color-warning: #D97706;--color-info: #0284C7;--color-badge-pending: #94A3B8;--color-overlay: rgba(0, 0, 0, .4);--color-overlay-light: rgba(0, 0, 0, .3);--sidebar-width: 240px;--header-height: 56px;--font-family: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius: 6px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:14px;background:var(--color-bg);color:var(--color-text);line-height:1.5}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}