@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Sarabun:wght@400;500;600;700;800&display=swap");.rb-myappts-page{--rb-blue:#313bc0;--rb-blue-dark:#313bc0;--rb-blue-soft:#313bc0;--rb-periwinkle:#313bc0;--rb-lavender:#e5e4f0;--rb-stone:#f2f0e9;--rb-white:#fff;--rb-text:#1a1a2e;--rb-muted:#717171;--rb-success:#313bc0;--rb-red:#313bc0;--rb-blue-bg:rgba(49,59,192,.09);--rb-blue-bd:rgba(49,59,192,.18);--card-sh:0 2px 18px rgba(49,59,192,.07),0 1px 4px rgba(49,59,192,.04);--card-sh-h:0 8px 30px rgba(49,59,192,.13),0 2px 8px rgba(49,59,192,.05);font-family:Sarabun,sans-serif;background:var(--rb-stone);min-height:100vh;margin:0;padding:0}.rb-myappts-breadcrumb{background:rgba(0,44,102,.94);border-bottom:1px solid hsla(0,0%,100%,.07);min-height:38px;display:flex;align-items:center;gap:7px;padding:0 36px}.rb-myappts-crumb-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:rgba(229,228,240,.72);font-size:.72rem;font-weight:700;cursor:pointer}.rb-myappts-crumb-btn svg{width:12px;height:12px;fill:currentColor}.rb-myappts-sep{color:rgba(229,228,240,.22)}.rb-myappts-crumb-active{display:inline-flex;align-items:center;gap:6px;color:var(--rb-lavender);font-size:.72rem;font-weight:700}.rb-myappts-dot{width:6px;height:6px;border-radius:999px;background:var(--rb-blue)}.rb-myappts-hero{background:var(--rb-blue-dark);padding:32px 36px 52px;margin:0}.rb-myappts-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:none;margin:0}.rb-myappts-eyebrow{margin:0 0 8px;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rb-lavender);text-align:left}.rb-myappts-title{margin:0;font-family:Playfair Display,serif;font-size:1.9rem;line-height:1.15;color:#fff;text-align:left}.rb-myappts-subtitle{margin-top:7px;color:rgba(229,228,240,.85);font-size:.9rem;font-weight:500;text-align:left}.rb-back-btn{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:11px;padding:13px 20px;font-size:.9rem;font-weight:700;cursor:pointer}.rb-back-btn svg{width:16px;height:16px;fill:currentColor}.rb-myappts-wrap{max-width:100%;margin:0 auto;padding:18px 36px 40px;transform:none}.rb-myappts-shell{background:transparent}.rb-content-wrap{padding:0;display:grid;gap:14px}.rb-myappts-page .mb-4,.rb-myappts-page .mb-5,.rb-myappts-page .mb-6,.rb-myappts-page .mt-1,.rb-myappts-page .mt-2,.rb-myappts-page .mt-3,.rb-myappts-page .mt-4{margin:revert!important}.rb-myappts-page .mb-4{margin-bottom:1rem!important}.rb-myappts-page .mb-5{margin-bottom:1.25rem!important}.rb-myappts-page .mb-6{margin-bottom:1.5rem!important}.rb-myappts-page .mt-1{margin-top:.25rem!important}.rb-myappts-page .mt-2{margin-top:.5rem!important}.rb-myappts-page .mt-3{margin-top:.75rem!important}.rb-myappts-page .mt-4{margin-top:1rem!important}.rb-reminder-banner{background:var(--rb-blue);border-radius:13px;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 4px 18px rgba(49,59,192,.28);padding:14px 20px;display:flex;gap:14px;align-items:center}.rb-reminder-icon{width:38px;height:38px;border-radius:10px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rb-reminder-icon svg{width:18px;height:18px;fill:#fff}.rb-reminder-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:hsla(0,0%,100%,.65)}.rb-reminder-text{font-size:13px;font-weight:600;color:#fff}.rb-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rb-summary-tile{background:var(--rb-white);border:1px solid #e6e6f2;border-top:3px solid var(--rb-blue);border-radius:14px;padding:20px 20px 18px;text-align:left;box-shadow:var(--card-sh);cursor:pointer;transition:box-shadow .2s ease,transform .2s ease;position:relative;display:grid;gap:6px}.rb-summary-icon{width:46px;height:46px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:4px;padding:10px}.rb-summary-icon svg{width:18px;height:18px}.rb-summary-icon.blue{background:var(--rb-blue-bg);border:1px solid var(--rb-blue-bd)}.rb-summary-icon.blue svg{fill:var(--rb-blue)}.rb-summary-icon.soft-blue{background:rgba(49,59,192,.1);border:1px solid rgba(49,59,192,.22)}.rb-summary-icon.soft-blue svg{fill:var(--rb-blue)}.rb-summary-icon.periwinkle{background:rgba(49,59,192,.1);border:1px solid rgba(49,59,192,.22)}.rb-summary-icon.periwinkle svg{fill:var(--rb-blue)}.rb-summary-icon.green{background:rgba(49,59,192,.1);border:1px solid rgba(49,59,192,.22)}.rb-summary-icon.green svg{fill:var(--rb-blue)}.rb-summary-tile .label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--rb-muted);font-weight:700;line-height:1.1}.rb-summary-tile strong{display:block;font-size:2.2rem;color:var(--rb-blue-dark);line-height:1;margin-top:4px}.rb-summary-tile .meta{display:block;margin-top:4px;font-size:.9rem;color:var(--rb-muted)}.rb-summary-tile.active{box-shadow:var(--card-sh-h),0 0 0 2px rgba(49,59,192,.22),0 0 24px rgba(49,59,192,.22);transform:translateY(-3px)}.rb-summary-tile.active.all{border-color:rgba(49,59,192,.35);box-shadow:var(--card-sh-h),0 0 0 2px rgba(49,59,192,.28),0 0 26px rgba(49,59,192,.2)}.rb-summary-tile.active.today{border-color:rgba(74,111,227,.45);box-shadow:var(--card-sh-h),0 0 0 2px rgba(74,111,227,.28),0 0 26px rgba(74,111,227,.2)}.rb-summary-tile.active.upcoming{border-color:rgba(99,102,241,.45);box-shadow:var(--card-sh-h),0 0 0 2px rgba(99,102,241,.28),0 0 26px rgba(99,102,241,.2)}.rb-summary-tile.active.completed{border-color:rgba(49,59,192,.45);box-shadow:var(--card-sh-h),0 0 0 2px rgba(49,59,192,.3),0 0 26px rgba(49,59,192,.22)}.rb-summary-tile.completed,.rb-summary-tile.today,.rb-summary-tile.upcoming{border-top-color:var(--rb-blue)}.rb-toolbar{gap:12px;flex-wrap:wrap}.rb-search-wrap,.rb-toolbar{display:flex;align-items:center}.rb-search-wrap{flex:1;min-width:220px;background:var(--rb-white);border-radius:12px;box-shadow:var(--card-sh);border:1px solid var(--rb-lavender);gap:10px;padding:12px 16px}.rb-search-wrap svg{width:17px;height:17px;fill:var(--rb-muted)}.rb-sort-select{border:1px solid var(--rb-lavender);border-radius:12px;padding:11px 12px;font-size:.9rem;font-weight:600;color:var(--rb-text)}.rb-sort-select,.rb-view-toggle{background:var(--rb-white);box-shadow:var(--card-sh)}.rb-view-toggle{display:inline-flex;border:1px solid var(--rb-lavender);border-radius:10px;overflow:hidden}.rb-view-btn{border:0;background:transparent;color:var(--rb-muted);font-size:.86rem;font-weight:700;padding:10px 14px;cursor:pointer}.rb-view-btn+.rb-view-btn{border-left:1px solid var(--rb-lavender)}.rb-view-btn.active{background:var(--rb-blue-bg);color:var(--rb-blue)}.rb-tab-pills{display:flex;gap:8px;flex-wrap:wrap}.rb-tab-pill{background:var(--rb-white);border:1.5px solid var(--rb-lavender);padding:8px 14px;font-size:13px;font-weight:700;color:var(--rb-muted);gap:7px}.rb-tab-pill,.rb-tab-pill .count{border-radius:999px;display:inline-flex;align-items:center}.rb-tab-pill .count{min-width:20px;height:20px;justify-content:center;background:#dddcee;color:#6b7280;font-size:11px;font-weight:800;padding:0 5px}.rb-tab-pill.active{background:rgba(49,59,192,.09);border-color:rgba(49,59,192,.18);color:var(--rb-blue)}.rb-tab-pill.active .count{background:var(--rb-blue);color:#fff}.rb-tab-pill.active.completed .count,.rb-tab-pill.active.upcoming .count{background:var(--rb-blue)}.rb-tab-pill.cancelled{opacity:.75}.rb-results-meta{font-size:.9rem;font-weight:600;color:var(--rb-muted)}.rb-search-input{border:0;box-shadow:none;font-size:1rem;width:100%;background:transparent;color:var(--rb-text);font-weight:500}.rb-search-input:focus{outline:none;border:0;box-shadow:none}.rb-appts-list{display:flex;flex-direction:column;gap:24px}.rb-appt-card{background:var(--rb-white);border:1px solid var(--rb-lavender);border-radius:16px;overflow:hidden;box-shadow:var(--card-sh);position:relative}.rb-appt-card-locked>:not(.rb-invoice-overlay){filter:blur(3px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rb-invoice-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(12,20,44,.2)}.rb-invoice-overlay-content{max-width:460px;width:100%;text-align:center;background:hsla(0,0%,100%,.97);border:1px solid rgba(49,59,192,.2);border-radius:14px;padding:18px 16px;box-shadow:0 16px 38px rgba(13,25,70,.18)}.rb-invoice-overlay-content h4{margin:0;color:#0f1941;font-weight:800;font-size:1rem}.rb-invoice-overlay-content p{margin:8px 0 0;color:rgba(15,25,65,.82);font-size:.9rem;line-height:1.35}.rb-invoice-status-row{margin-top:10px}.rb-invoice-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;letter-spacing:.02em}.rb-invoice-status-unpaid{color:#991b1b;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35)}.rb-invoice-check-btn{margin-top:12px;border:0;border-radius:10px;padding:10px 14px;color:#fff;background:linear-gradient(135deg,#313bc0,#1f2a8f);font-weight:700;cursor:pointer}.rb-invoice-check-btn:disabled{opacity:.65;cursor:not-allowed}.rb-appt-date-col{background:linear-gradient(175deg,var(--rb-blue),var(--rb-blue-dark))}.rb-appt-topbar{border-bottom:1px solid var(--rb-lavender)}.rb-list-view .rb-appt-card{border-radius:12px}.rb-list-view .mt-4,.rb-list-view .my-4,.rb-list-view .rb-card-section{display:none!important}.rb-badge{border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rb-badge-today{border:1px solid rgba(49,59,192,.18);background:rgba(49,59,192,.09);color:var(--rb-blue)}.rb-badge-upcoming{border:1px solid rgba(49,59,192,.22);background:rgba(49,59,192,.1);color:var(--rb-blue)}.rb-badge-completed{border:1px solid rgba(22,163,74,.22);background:rgba(22,163,74,.1);color:var(--rb-success)}.rb-card-section{border-top:1px solid var(--rb-lavender);padding-top:12px}@media (max-width:767px){.rb-myappts-breadcrumb,.rb-myappts-hero,.rb-myappts-wrap{padding-left:16px;padding-right:16px}.rb-myappts-hero{padding-top:24px;padding-bottom:44px}.rb-myappts-hero-inner{flex-direction:column;align-items:flex-start;gap:14px}.rb-myappts-wrap{transform:none;padding:12px 16px 32px}.rb-content-wrap{gap:12px}.rb-toolbar{flex-direction:column;align-items:stretch}.rb-summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.rb-sort-select,.rb-view-toggle{width:100%}}