:root{--relay-ink: #1A1B1F;--relay-cloud: #F3F3F8;--relay-white: #FFFFFF;--relay-slate: #6B7280;--relay-mist: #E5E7EB;--relay-border: #E5E7EB;--relay-success: #10B981;--relay-success-bg: #ECFDF5;--relay-success-text:#059669;--relay-warning: #F59E0B;--relay-warning-bg: #FFFBEB;--relay-warning-text:#D97706;--relay-critical: #EF4444;--relay-critical-bg: #FEF2F2;--relay-critical-text:#DC2626;--relay-info: #3B82F6;--relay-info-bg: #EFF6FF;--relay-info-text: #2563EB;--relay-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--relay-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--relay-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--relay-shadow-hover: 0 12px 24px -4px rgb(0 0 0 / .1), 0 8px 16px -8px rgb(0 0 0 / .1)}.relay-card-hover{transition:all .2s cubic-bezier(.4,0,.2,1)}.relay-card-hover:hover{transform:translateY(-2px);box-shadow:var(--relay-shadow-hover);border-color:var(--relay-border)}.relay-icon-bg{background:linear-gradient(145deg,#ffffff 0%,var(--relay-cloud) 100%);border:1px solid var(--relay-mist);box-shadow:var(--relay-shadow-sm)}