:root{--primary-color: #000000;--primary-light: #f0f0f0;--text-main: #1f2937;--text-muted: #6b7280;--bg-card: #ffffff;--bg-body: #f9fafb;--border-color: #e5e7eb;--radius-lg: 24px;--radius-md: 12px;--radius-sm: 8px;--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.widget-wrapper{font-family:var(--font-family);display:flex;justify-content:center;align-items:center;min-height:100%;padding:20px;box-sizing:border-box;color:var(--text-main);line-height:1.5}.widget-wrapper *{box-sizing:border-box}.widget-card{background:var(--bg-card);width:100%;max-width:420px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;transition:height .3s ease;color:var(--text-main);text-align:left}.widget-header{padding:24px 24px 0;text-align:center}.widget-title{font-size:1.25rem;font-weight:700;color:var(--text-main)!important;margin:0 0 4px}.widget-subtitle{font-size:.875rem;color:var(--text-muted)!important;margin:0}.progress-container{height:4px;background:var(--border-color);margin-top:20px;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--primary-color);transition:width .4s ease}.widget-content{padding:24px;min-height:300px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-animation{animation:slideIn .4s ease-out forwards}.service-list{display:flex;flex-direction:column;gap:12px}.service-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:#fff;color:var(--text-main)}.service-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.service-info h3{margin:0 0 4px;font-size:1rem;color:var(--text-main)}.service-meta{font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:8px}.service-price{font-weight:600;color:var(--primary-color)}.date-scroller{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;margin-bottom:20px;scrollbar-width:none}.date-scroller::-webkit-scrollbar{display:none}.date-chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:70px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;background:#fff;color:var(--text-main)}.date-chip.selected{background:var(--primary-color);color:#fff!important;border-color:var(--primary-color)}.date-chip .day-name{font-size:.75rem;font-weight:500;text-transform:uppercase}.date-chip .day-number{font-size:1.25rem;font-weight:700}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.time-slot{padding:10px;text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:all .2s;background:#fff;color:var(--text-main)}.time-slot:hover{border-color:var(--primary-color)}.time-slot.selected{background:var(--primary-color);color:#fff!important;border-color:var(--primary-color)}.summary-box{background:var(--bg-body);color:var(--text-main)!important;border:1px solid var(--border-color)}.summary-box strong,.summary-box span{color:var(--text-main)}.input-group{margin-bottom:16px;position:relative}.input-group input{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;outline:none;transition:border-color .2s;background:var(--bg-body);color:var(--text-main)!important}.input-group input:focus{border-color:var(--primary-color);background:#fff}.btn-primary{width:100%;padding:16px;background:var(--primary-color);color:#fff!important;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s;margin-top:10px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-back{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;margin-bottom:15px;display:flex;align-items:center;gap:5px;padding:0}.btn-back:hover{color:var(--text-main)}.success-view{text-align:center;padding:40px 20px}.checkmark-circle{width:80px;height:80px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.checkmark{width:40px;height:40px;color:#fff}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.skeleton{background:#f0f0f0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.month-name{font-size:.7rem;text-transform:uppercase;font-weight:600;opacity:.8}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px;text-align:center}.calendar-weekday{font-size:.8rem;font-weight:600;color:var(--text-muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;position:relative;background:transparent;color:var(--text-main)}.calendar-day:hover:not(.closed):not(.selected){background:var(--bg-body)}.calendar-day.selected{background:var(--primary-color);color:#fff!important;font-weight:700}.calendar-day.today{border:2px solid var(--primary-color)}.calendar-day.closed{opacity:.3;cursor:not-allowed;background:#f3f4f6}.today-dot{width:4px;height:4px;background:var(--primary-color);border-radius:50%;position:absolute;bottom:6px}.calendar-day.selected .today-dot{background:#fff}.closed-cross{position:absolute;font-size:1.2rem;font-weight:300;color:#9ca3af}.slots-vertical-flow{display:flex;flex-direction:column;gap:16px}.slot-group-title{margin:0 0 8px;font-size:.85rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.skeleton-card{height:80px;width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-msg{background:#fee2e2;color:#b91c1c;padding:12px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:.9rem}@media (max-width: 480px){.widget-wrapper{padding:10px}.widget-card{border-radius:var(--radius-md)}.calendar-day{font-size:.85rem;border-radius:8px;aspect-ratio:auto;height:44px}.calendar-grid{gap:4px}.slot-group-title{font-size:.75rem}.slots-grid{grid-template-columns:repeat(3,1fr)}.widget-title{font-size:1.1rem}.service-card{padding:12px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}