:root{--color-primary: #4f46e5;--color-primary-dark: #4338ca;--color-primary-light: #eef2ff;--color-bg: #f6f7fb;--color-surface: #ffffff;--color-border: #e5e7eb;--color-text: #111827;--color-text-muted: #6b7280;--color-text-soft: #9ca3af;--color-success: #15803d;--color-success-bg: #dcfce7;--color-warning: #92400e;--color-warning-bg: #fef3c7;--color-danger: #b91c1c;--color-danger-bg: #fee2e2;--color-neutral-bg: #f1f2f5;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .06), 0 1px 3px rgba(17, 24, 39, .06);--shadow-md: 0 4px 10px rgba(17, 24, 39, .06), 0 2px 4px rgba(17, 24, 39, .05);--shadow-lg: 0 12px 28px rgba(17, 24, 39, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Cairo,Segoe UI,Tahoma,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button{transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,transform .05s ease}button:active{transform:translateY(1px)}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}