:root{--gray-50: #F0F2F4;--gray-100: #E8EAEC;--gray-200: #D1D4D7;--gray-300: #c5c8cd;--gray-400: #9ca3af;--gray-600: #646A71;--blue-500: #3B97D7;--red-500: #D75050;--green-500: #4CAD6D;--teal-50: #F1FAF9;--teal-100: #D7F0EE;--teal-200: #AFE0DD;--teal-500: #339A94;--teal-800: #1F615E;--primary: var(--teal-500);--primary-hover: var(--teal-800);--primary-active: #2A7E7A;--bg-primary: var(--gray-50);--bg-secondary: white;--text-primary: rgba(0, 0, 0, .6);--text-secondary: rgba(0, 0, 0, .5);--text-on-primary: white;--icon-primary: rgba(0, 0, 0, .8);--border: var(--gray-200);--negative: var(--red-500);--warning: #FFAD26;--positive: var(--green-500);--bg-tooltip: #36383D }.error{color:#d32f2f;padding:10px;border-radius:4px;background-color:#ffebee}.step-separator{position:relative;text-align:center;margin:32px 0;color:var(--text-secondary);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px}.step-separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border)}.step-separator span{background-color:var(--bg-primary);padding:0 16px;position:relative;z-index:1}