*,*:before,*:after{box-sizing:border-box}:root{--navy: #1B3A6B;--navy-dark: #122849;--navy-light: #2C5282;--gold: #C8952A;--gold-hover: #A67722;--bg: #F0F4FA;--surface: #FFFFFF;--text: #2D3748;--text-light: #718096;--border: #CBD5E0;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 24px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--radius: 12px;--sans: "Segoe UI", system-ui, Roboto, sans-serif}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:700;color:var(--navy-dark)}p{margin:0}button{cursor:pointer;font-family:var(--sans);border:none;background:none}.widget-wrapper{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:32px 20px 60px;gap:28px}.step{width:100%;max-width:640px;background:var(--surface);border-radius:var(--radius);padding:36px 32px;box-shadow:var(--shadow-md);text-align:center}.step-title{font-size:1.4rem;color:var(--navy-dark);margin-bottom:6px}.step-subtitle{font-size:.92rem;color:var(--text-light);margin-bottom:28px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.selection-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;border:2px solid var(--border);border-radius:var(--radius);background:#fafbfd;color:var(--text);transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;text-align:center}.selection-card:hover{border-color:var(--navy);box-shadow:var(--shadow-lg);transform:translateY(-3px);background:var(--surface)}.agent-avatar{width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;font-size:1.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-label{font-size:.95rem;font-weight:700;color:var(--navy-dark);line-height:1.3}.calendar-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:2px solid var(--border);border-radius:var(--radius);background:#fafbfd;color:var(--text);text-align:left;transition:border-color .18s,box-shadow .18s,transform .18s}.calendar-card:hover{border-color:var(--navy);box-shadow:var(--shadow-md);transform:translateY(-2px)}.calendar-icon{width:40px;height:40px;border-radius:8px;background:var(--gold);color:#fff;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calendar-list{display:flex;flex-direction:column;gap:10px}.back-btn{display:inline-flex;align-items:center;gap:6px;margin-top:24px;font-size:.88rem;font-weight:600;color:var(--navy-light);padding:8px 16px;border-radius:8px;transition:background .15s,color .15s}.back-btn:hover{background:#1b3a6b14;color:var(--navy-dark)}.data-message{padding:28px;border-radius:var(--radius);text-align:center;font-size:.95rem;width:100%;max-width:640px}.data-message.loading{background:var(--surface);color:var(--text-light);box-shadow:var(--shadow-sm)}.data-message.error{background:#fff5f5;color:#c53030;border:1px solid #FED7D7}@media (max-width: 640px){.step{padding:24px 18px}.card-grid{grid-template-columns:repeat(2,1fr)}.step-title{font-size:1.15rem}}@media (max-width: 400px){.card-grid{grid-template-columns:1fr}}