.bagsb-portal{--bagsb-color-primary:var(--e-global-color-primary, #1a56db);--bagsb-color-secondary:var(--e-global-color-secondary, #0f172a);--bagsb-color-text:var(--e-global-color-text, #334155);--bagsb-color-accent:var(--e-global-color-accent, #059669);--bagsb-color-bg:#ffffff;--bagsb-color-surface:#f8fafc;--bagsb-color-border:#e2e8f0;--bagsb-color-border-focus:var(--bagsb-color-primary);--bagsb-color-error:#dc2626;--bagsb-color-success:#059669;--bagsb-color-muted:#64748b;--bagsb-color-warning:#d97706;--bagsb-color-primary-light:color-mix(in srgb, var(--bagsb-color-primary) 12%, white);--bagsb-color-primary-hover:color-mix(in srgb, var(--bagsb-color-primary) 85%, black);--bagsb-color-success-light:color-mix(in srgb, var(--bagsb-color-success) 10%, white);--bagsb-color-error-light:color-mix(in srgb, var(--bagsb-color-error) 8%, white);--bagsb-color-warning-light:color-mix(in srgb, var(--bagsb-color-warning) 10%, white);--bagsb-font-primary:var(--e-global-typography-primary-font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);--bagsb-font-text:var(--e-global-typography-text-font-family, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);--bagsb-space-xs:4px;--bagsb-space-sm:8px;--bagsb-space-md:16px;--bagsb-space-lg:24px;--bagsb-space-xl:32px;--bagsb-radius-sm:6px;--bagsb-radius-md:10px;--bagsb-radius-lg:14px;--bagsb-radius-xl:20px;--bagsb-radius-full:9999px;--bagsb-shadow-sm:0 1px 2px rgba(0,0,0,0.05);--bagsb-shadow-md:0 4px 12px rgba(0,0,0,0.08);--bagsb-shadow-lg:0 8px 30px rgba(0,0,0,0.1);--bagsb-shadow-focus:0 0 0 3px color-mix(in srgb, var(--bagsb-color-primary) 25%, transparent);--bagsb-ease:cubic-bezier(0.4, 0, 0.2, 1);--bagsb-duration:250ms}.bagsb-portal{max-width:680px;margin:0 auto;font-family:var(--bagsb-font-text);color:var(--bagsb-color-text);line-height:1.6}.bagsb-portal *,.bagsb-portal *::before,.bagsb-portal *::after{box-sizing:border-box}.bagsb-portal__card{background:var(--bagsb-color-bg);border-radius:var(--bagsb-radius-xl);box-shadow:var(--bagsb-shadow-md);padding:var(--bagsb-space-lg);margin-bottom:var(--bagsb-space-lg);border:1px solid var(--bagsb-color-border)}.bagsb-portal__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bagsb-color-border);padding-bottom:var(--bagsb-space-md);margin-bottom:var(--bagsb-space-md);gap:var(--bagsb-space-md)}.bagsb-portal__title{font-family:var(--bagsb-font-primary);font-size:1.5rem;font-weight:700;color:var(--bagsb-color-secondary);margin:0}.bagsb-portal__section-title{font-family:var(--bagsb-font-primary);font-size:1.2rem;font-weight:600;color:var(--bagsb-color-secondary);margin:0 0 var(--bagsb-space-xs) 0}.bagsb-portal__section-desc{font-size:.9rem;color:var(--bagsb-color-muted);margin:0 0 var(--bagsb-space-md) 0}.bagsb-portal__badge{display:inline-block;padding:6px 12px;border-radius:var(--bagsb-radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.bagsb-portal__badge--pending{background-color:var(--bagsb-color-warning-light);color:var(--bagsb-color-warning)}.bagsb-portal__badge--confirmed{background-color:var(--bagsb-color-success-light);color:var(--bagsb-color-success)}.bagsb-portal__badge--completed{background-color:var(--bagsb-color-primary-light);color:var(--bagsb-color-primary)}.bagsb-portal__badge--no_show,.bagsb-portal__badge--cancelled_by_customer,.bagsb-portal__badge--cancelled_by_business{background-color:var(--bagsb-color-error-light);color:var(--bagsb-color-error)}.bagsb-portal__badge--rescheduled{background-color:#f1f5f9;color:var(--bagsb-color-muted)}.bagsb-portal__details{display:flex;flex-direction:column;gap:var(--bagsb-space-md);margin-bottom:var(--bagsb-space-lg)}.bagsb-portal__detail-row{display:flex;gap:var(--bagsb-space-md);align-items:flex-start}.bagsb-portal__detail-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--bagsb-radius-md);background:var(--bagsb-color-surface);color:var(--bagsb-color-primary);flex-shrink:0}.bagsb-portal__detail-icon svg{width:20px;height:20px}.bagsb-portal__detail-content{display:flex;flex-direction:column}.bagsb-portal__detail-label{font-size:.8rem;font-weight:600;color:var(--bagsb-color-muted);text-transform:uppercase;letter-spacing:.05em}.bagsb-portal__detail-value{font-size:.95rem;color:var(--bagsb-color-secondary);font-weight:500}.bagsb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bagsb-space-sm);padding:12px 24px;border-radius:var(--bagsb-radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--bagsb-duration) var(--bagsb-ease);border:1px solid #fff0;text-decoration:none}.bagsb-btn--confirm{background:var(--bagsb-color-success);color:#fff}.bagsb-btn--confirm:hover{background:color-mix(in srgb,var(--bagsb-color-success) 85%,black)}.bagsb-btn--reschedule-toggle{background:var(--bagsb-color-primary-light);color:var(--bagsb-color-primary)}.bagsb-btn--reschedule-toggle:hover{background:var(--bagsb-color-primary);color:#fff}.bagsb-btn--cancel-trigger{background:#fff;border-color:var(--bagsb-color-error);color:var(--bagsb-color-error)}.bagsb-btn--cancel-trigger:hover{background:var(--bagsb-color-error-light)}.bagsb-btn--cancel{background:var(--bagsb-color-error);color:#fff}.bagsb-btn--cancel:hover{background:color-mix(in srgb,var(--bagsb-color-error) 85%,black)}.bagsb-btn--submit{background:var(--bagsb-color-primary);color:#fff}.bagsb-btn--submit:hover:not(:disabled){background:var(--bagsb-color-primary-hover)}.bagsb-btn--submit:disabled{opacity:.6;cursor:not-allowed}.bagsb-btn--back{background:#fff;border-color:var(--bagsb-color-border);color:var(--bagsb-color-secondary)}.bagsb-btn--back:hover{background:var(--bagsb-color-surface);border-color:var(--bagsb-color-muted)}.bagsb-btn--copy{background:var(--bagsb-color-surface);border:1px solid var(--bagsb-color-border);color:var(--bagsb-color-secondary);padding:8px 16px;font-size:.85rem;white-space:nowrap}.bagsb-btn--copy:hover{background:var(--bagsb-color-border)}.bagsb-portal__actions{display:flex;flex-wrap:wrap;gap:var(--bagsb-space-md);margin-top:var(--bagsb-space-md)}.bagsb-portal__calendar-buttons{display:flex;flex-wrap:wrap;gap:var(--bagsb-space-md);margin-bottom:var(--bagsb-space-md)}.bagsb-btn--calendar-google{background:#fff;border-color:var(--bagsb-color-border);color:#3c4043}.bagsb-btn--calendar-google:hover{background:#f1f3f4;border-color:#dadce0}.bagsb-btn--calendar-ics{background:#fff;border-color:var(--bagsb-color-border);color:#111}.bagsb-btn--calendar-ics:hover{background:#f8fafc}.bagsb-portal__webcal{margin-top:var(--bagsb-space-md);border-top:1px solid var(--bagsb-color-border);padding-top:var(--bagsb-space-md)}.bagsb-portal__webcal-label{font-size:.85rem;font-weight:600;color:var(--bagsb-color-muted);display:block;margin-bottom:6px}.bagsb-portal__webcal-input-wrap{display:flex;gap:var(--bagsb-space-sm)}.bagsb-portal__webcal-input{flex:1;min-width:0;border:1px solid var(--bagsb-color-border);background:var(--bagsb-color-surface);border-radius:var(--bagsb-radius-md);padding:8px 12px;font-family:monospace;font-size:11px;color:var(--bagsb-color-secondary)}.bagsb-portal__webcal-input:focus{outline:none;border-color:var(--bagsb-color-primary)}.bagsb-reschedule-form{display:flex;flex-direction:column;gap:var(--bagsb-space-md)}.bagsb-form__field{display:flex;flex-direction:column;gap:6px}.bagsb-form__label{font-size:.85rem;font-weight:600;color:var(--bagsb-color-secondary)}.bagsb-form__input,.bagsb-form__textarea{border:1px solid var(--bagsb-color-border);border-radius:var(--bagsb-radius-md);padding:12px;font-size:.95rem;font-family:var(--bagsb-font-text);transition:all var(--bagsb-duration) var(--bagsb-ease)}.bagsb-form__input:focus,.bagsb-form__textarea:focus{outline:none;border-color:var(--bagsb-color-primary);box-shadow:var(--bagsb-shadow-focus)}.bagsb-form__textarea{resize:vertical}.bagsb-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--bagsb-space-sm);max-height:280px;overflow-y:auto;padding:var(--bagsb-space-xs);border:1px solid var(--bagsb-color-border);background:var(--bagsb-color-surface);border-radius:var(--bagsb-radius-md)}.bagsb-slot-btn{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:var(--bagsb-radius-sm);border:1px solid var(--bagsb-color-border);background:#fff;font-size:.875rem;font-weight:500;color:var(--bagsb-color-secondary);cursor:pointer;transition:all var(--bagsb-duration) var(--bagsb-ease)}.bagsb-slot-btn:hover{border-color:var(--bagsb-color-primary);background:var(--bagsb-color-primary-light);color:var(--bagsb-color-primary)}.bagsb-slot-btn.is-selected{background:var(--bagsb-color-primary);border-color:var(--bagsb-color-primary);color:#fff;box-shadow:var(--bagsb-shadow-sm)}.bagsb-slots__empty{font-size:.9rem;color:var(--bagsb-color-error);margin:var(--bagsb-space-xs) 0 0 0}.bagsb-portal__alert{display:flex;align-items:center;gap:var(--bagsb-space-sm);padding:14px var(--bagsb-space-md);border-radius:var(--bagsb-radius-md);font-size:.95rem;font-weight:500;margin-bottom:var(--bagsb-space-lg);border:1px solid #fff0;animation:bagsbSlideDown var(--bagsb-duration) var(--bagsb-ease)}.bagsb-portal__alert--success{background:var(--bagsb-color-success-light);border-color:var(--bagsb-color-success);color:var(--bagsb-color-success)}.bagsb-portal__alert--error{background:var(--bagsb-color-error-light);border-color:var(--bagsb-color-error);color:var(--bagsb-color-error)}.bagsb-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(15 23 42 / .6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:var(--bagsb-space-md)}.bagsb-modal{background:var(--bagsb-color-bg);border-radius:var(--bagsb-radius-xl);box-shadow:var(--bagsb-shadow-lg);max-width:480px;width:100%;padding:var(--bagsb-space-lg);border:1px solid var(--bagsb-color-border);animation:bagsbModalScale var(--bagsb-duration) var(--bagsb-ease)}.bagsb-modal__title{font-family:var(--bagsb-font-primary);font-size:1.25rem;font-weight:700;color:var(--bagsb-color-secondary);margin:0 0 var(--bagsb-space-sm) 0}.bagsb-modal__text{font-size:.95rem;color:var(--bagsb-color-text);margin:0}.bagsb-modal__actions{display:flex;justify-content:flex-end;gap:var(--bagsb-space-md);margin-top:var(--bagsb-space-lg)}.bagsb-portal-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / .7);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:99999}.bagsb-portal-loading__spinner{color:var(--bagsb-color-primary)}.bagsb-btn__spinner{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.bagsb-btn__spinner svg{animation:rotate 1s linear infinite}@keyframes bagsbSlideDown{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bagsbModalScale{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotate{100%{transform:rotate(360deg)}}[x-cloak]{display:none!important}@media (max-width:480px){.bagsb-portal__header{flex-direction:column;align-items:flex-start;gap:var(--bagsb-space-xs)}.bagsb-portal__actions{flex-direction:column}.bagsb-btn{width:100%}.bagsb-modal__actions{flex-direction:column-reverse}.bagsb-portal__webcal-input-wrap{flex-direction:column}}