:root{--wb-primary:#2563eb;--wb-primary-hover:#1d4ed8;--wb-success:#16a34a;--wb-warning:#f59e0b;--wb-danger:#ef4444;--wb-bg-body:#f8fafc;--wb-bg-surface:#fff;--wb-text-main:#0f172a;--wb-text-muted:#64748b;--wb-border:#e2e8f0;--wb-border-color:var(--wb-border);--wb-bg-hover:#eff6ff;--wb-shadow-sm:0 5px 16px #0f172a12}.webtanan-booking.wb-dashboard-v3{border:1px solid var(--wb-border-color);background:var(--wb-bg-body);border-radius:16px;grid-template-columns:264px minmax(0,1fr);align-items:stretch;width:min(100%,1540px);min-height:calc(100vh - 88px);margin:22px auto 40px;display:grid;overflow:clip;box-shadow:0 18px 55px #0f172a17}.webtanan-booking.wb-dashboard-v3 .dashboard-sidebar{border:0;border-left:1px solid var(--wb-border-color);background:var(--wb-bg-surface);width:auto;height:auto;min-height:100%;box-shadow:none;padding:22px 14px;position:relative;inset:auto;overflow:visible}.webtanan-booking.wb-dashboard-v3 .wb-sidebar-user{border:1px solid var(--wb-border-color);background:var(--wb-bg-body);border-radius:12px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;margin-bottom:20px;padding:12px;display:grid}.webtanan-booking.wb-dashboard-v3 .wb-sidebar-user img{object-fit:cover;border:2px solid var(--wb-bg-surface);width:48px;height:48px;box-shadow:0 0 0 2px color-mix(in srgb,var(--wb-primary)18%,transparent);border-radius:50%}.webtanan-booking.wb-dashboard-v3 .wb-sidebar-user div{gap:3px;min-width:0;display:grid}.webtanan-booking.wb-dashboard-v3 .wb-sidebar-user strong,.webtanan-booking.wb-dashboard-v3 .wb-sidebar-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.webtanan-booking.wb-dashboard-v3 .wb-sidebar-user strong{color:var(--wb-text-main);font-size:14px}.webtanan-booking.wb-dashboard-v3 .wb-sidebar-user span{color:var(--wb-text-muted);font-size:12px}.webtanan-booking.wb-dashboard-v3 .sidebar-menu{gap:5px;display:grid}.webtanan-booking.wb-dashboard-v3 .sidebar-label{color:var(--wb-text-light,var(--wb-text-muted));padding:13px 12px 5px;font-size:11px;font-weight:800}.webtanan-booking.wb-dashboard-v3 .sidebar-divider{background:var(--wb-border-color);height:1px;margin:9px 8px 0}.webtanan-booking.wb-dashboard-v3 .nav-item{width:100%;min-height:44px;color:var(--wb-text-muted);font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:700;display:grid}.webtanan-booking.wb-dashboard-v3 .nav-item i{color:color-mix(in srgb,var(--wb-primary)72%,var(--wb-text-muted));text-align:center}.webtanan-booking.wb-dashboard-v3 .nav-item:hover{color:var(--wb-primary);background:var(--wb-bg-hover)}.webtanan-booking.wb-dashboard-v3 .nav-item.active,.webtanan-booking.wb-dashboard-v3 .nav-item.is-active{color:var(--wb-primary);background:color-mix(in srgb,var(--wb-primary)10%,var(--wb-bg-surface));box-shadow:inset -3px 0 0 var(--wb-primary)}.webtanan-booking.wb-dashboard-v3 .main-content{background:var(--wb-bg-body);width:auto;min-width:0;padding:0}.webtanan-booking.wb-dashboard-v3 .wb-dashboard-topbar{border-bottom:1px solid var(--wb-border-color);background:color-mix(in srgb,var(--wb-bg-surface)94%,transparent);justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:16px clamp(18px,3vw,34px);display:flex}.webtanan-booking.wb-dashboard-v3 .wb-dashboard-topbar>div:first-child{gap:3px;min-width:0;display:grid}.webtanan-booking.wb-dashboard-v3 .wb-dashboard-topbar>div:first-child span{color:var(--wb-text-muted);font-size:12px}.webtanan-booking.wb-dashboard-v3 .wb-dashboard-topbar>div:first-child strong{color:var(--wb-text-main);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(17px,2vw,22px);overflow:hidden}.webtanan-booking.wb-dashboard-v3 .sample-doctor-toolbar{box-shadow:none;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;margin:0;padding:0;display:flex}.webtanan-booking.wb-dashboard-v3 .sample-doctor-toolbar select{border-color:var(--wb-border-color);background:var(--wb-bg-surface);border-radius:9px;min-width:190px;min-height:44px}.webtanan-booking.wb-dashboard-v3 .wb-content{min-width:0;padding:clamp(18px,3vw,34px);display:block}.webtanan-booking.wb-dashboard-v3 :where(.dashboard-header,.page-header,.wb-section-heading) h1,.webtanan-booking.wb-dashboard-v3 :where(.dashboard-header,.page-header,.wb-section-heading) h2{color:var(--wb-text-main);margin-block:0 6px;font-size:clamp(20px,2vw,27px)}.webtanan-booking.wb-dashboard-v3 .stats-grid,.webtanan-booking.wb-dashboard-v3 .wb-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-block:18px 24px;display:grid}.webtanan-booking.wb-dashboard-v3 .stat-card,.webtanan-booking.wb-dashboard-v3 .wb-stat{border:1px solid var(--wb-border-color);background:var(--wb-bg-surface);min-width:0;min-height:142px;box-shadow:var(--wb-shadow-sm);border-radius:12px;align-content:space-between;gap:10px;padding:18px;display:grid}.webtanan-booking.wb-dashboard-v3 .stat-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.webtanan-booking.wb-dashboard-v3 .stat-header .icon{width:40px;height:40px;color:var(--wb-primary);background:color-mix(in srgb,var(--wb-primary)10%,var(--wb-bg-surface));border-radius:10px;place-items:center;display:grid}.webtanan-booking.wb-dashboard-v3 .stat-label,.webtanan-booking.wb-dashboard-v3 .stat-change{color:var(--wb-text-muted);font-size:12px}.webtanan-booking.wb-dashboard-v3 .stat-number{color:var(--wb-text-main);font-size:clamp(23px,3vw,32px);font-weight:900}.webtanan-booking.wb-dashboard-v3 .stat-number span{color:var(--wb-text-muted);margin-inline-start:5px;font-size:12px}.webtanan-booking.wb-dashboard-v3 :where(.card,.dashboard-card,.wb-panel){border:1px solid var(--wb-border-color);background:var(--wb-bg-surface);box-shadow:var(--wb-shadow-sm);border-radius:12px}.webtanan-booking.wb-dashboard-v3 .dashboard-grid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.webtanan-booking.wb-dashboard-v3 .quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.webtanan-booking.wb-dashboard-v3 .quick-actions .action-btn{border:1px solid var(--wb-border-color);min-height:68px;color:var(--wb-primary);background:color-mix(in srgb,var(--wb-primary)6%,var(--wb-bg-surface));font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:750;display:flex}.webtanan-booking.wb-dashboard-v3 .wb-appointment-list-toolbar{border:1px solid var(--wb-border-color);color:var(--wb-text-muted);background:var(--wb-bg-surface);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:11px 14px;font-size:12px;display:flex}.webtanan-booking.wb-dashboard-v3 .sample-select-all{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card{border:1px solid var(--wb-border-color);background:var(--wb-bg-surface);min-width:0;box-shadow:var(--wb-shadow-sm);border-radius:12px;align-content:start;gap:14px;padding:16px;display:grid}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card[data-status=completed]{border-top:3px solid var(--wb-success)}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card[data-status=cancelled],.webtanan-booking.wb-dashboard-v3 .wb-appointment-card[data-status=no_show]{border-top:3px solid var(--wb-danger)}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-head,.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-person,.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-meta{align-items:center;gap:8px;display:flex}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-head{flex-wrap:wrap;min-height:28px}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-head .wb-appointment-check{margin-inline-end:auto}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-person .avatar-xs{width:44px;height:44px;color:var(--wb-primary);background:color-mix(in srgb,var(--wb-primary)10%,var(--wb-bg-surface));border-radius:12px;flex:0 0 44px;place-items:center;font-weight:900;display:grid}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-person .details{min-width:0}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-person :where(.name,.doctor-name){color:var(--wb-text-main);text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-person .specialty{color:var(--wb-text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-time{min-height:48px;color:var(--wb-text-muted);background:var(--wb-bg-body);border-radius:9px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:7px;padding:10px 12px;font-size:12px;display:grid}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-time i,.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-meta i{color:var(--wb-primary)}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-time strong{color:var(--wb-text-main);font-size:13px}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-meta{color:var(--wb-text-muted);flex-wrap:wrap;font-size:11px}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-meta span{align-items:center;gap:5px;display:inline-flex}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-actions{border-top:1px solid var(--wb-border-color);flex-wrap:wrap;align-items:center;gap:6px;padding-top:12px;display:flex}.webtanan-booking.wb-dashboard-v3 .wb-table-action{border:1px solid var(--wb-border-color);min-height:36px;color:var(--wb-text-main);background:var(--wb-bg-surface);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:750;display:inline-flex}.webtanan-booking.wb-dashboard-v3 .wb-table-action:hover,.webtanan-booking.wb-dashboard-v3 .wb-table-action.primary{border-color:color-mix(in srgb,var(--wb-primary)35%,var(--wb-border-color));color:var(--wb-primary);background:color-mix(in srgb,var(--wb-primary)7%,var(--wb-bg-surface))}.webtanan-booking.wb-dashboard-v3 .wb-table-action.success{color:var(--wb-success)}.webtanan-booking.wb-dashboard-v3 .wb-table-action.danger{color:var(--wb-danger)}.webtanan-booking.wb-dashboard-v3 .footer-bar{border-top:1px solid var(--wb-border-color);color:var(--wb-text-muted);text-align:center;margin:0 clamp(18px,3vw,34px) 22px;padding-top:14px;font-size:11px}@media (width<=1280px){.webtanan-booking.wb-dashboard-v3{margin-inline:12px}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.webtanan-booking.wb-dashboard-v3 .stats-grid,.webtanan-booking.wb-dashboard-v3 .wb-stats-grid,.webtanan-booking.wb-dashboard-v3 .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.webtanan-booking.wb-dashboard-v3{width:100%;min-height:70vh;box-shadow:none;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);margin:0;overflow:visible}.webtanan-booking.wb-dashboard-v3 .dashboard-sidebar{z-index:10020;border-left:1px solid var(--wb-border-color);width:min(84vw,310px);height:100dvh;min-height:0;padding-top:20px;transition:transform .24s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(105%)}.webtanan-booking.wb-dashboard-v3 .dashboard-sidebar.open{transform:translate(0)}.webtanan-booking.wb-dashboard-v3 .wb-dashboard-topbar{min-height:68px;padding:12px 16px}.webtanan-booking.wb-dashboard-v3 .sample-doctor-toolbar select{min-width:0;max-width:145px}.webtanan-booking.wb-dashboard-v3 .sample-doctor-toolbar .btn{color:#0000;white-space:nowrap;width:44px;min-width:44px;padding:0;overflow:hidden}.webtanan-booking.wb-dashboard-v3 .sample-doctor-toolbar .btn i{color:#fff;margin:0;font-size:17px}.webtanan-booking.wb-dashboard-v3 .wb-content{padding:16px}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.webtanan-booking.wb-dashboard-v3 .stats-grid,.webtanan-booking.wb-dashboard-v3 .wb-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.webtanan-booking.wb-dashboard-v3 .stat-card,.webtanan-booking.wb-dashboard-v3 .wb-stat{min-height:122px;padding:13px}.webtanan-booking.wb-dashboard-v3 .stat-header .icon{width:34px;height:34px}.webtanan-booking.wb-dashboard-v3 .stat-number{font-size:22px}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card{padding:14px}.webtanan-booking.wb-dashboard-v3 .wb-appointment-card-actions .wb-table-action{flex:calc(50% - 6px);justify-content:center}}.wb-active-booking-bar{z-index:9990;color:#0f172a;background:#eff6ff;border-block-end:1px solid #bfdbfe;width:100%;padding:10px 20px;position:sticky;inset-block-start:0;box-shadow:0 8px 24px #0f172a14}.wb-active-booking-inner{grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:14px;width:min(1180px,100%);margin-inline:auto;display:grid}.wb-active-booking-icon{color:#1d4ed8;background:#dbeafe;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.wb-active-booking-copy,.wb-active-booking-time{gap:2px;min-width:0;display:grid}.wb-active-booking-copy span,.wb-active-booking-time span{color:#475569;font-size:.82rem}.wb-active-booking-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wb-active-booking-time{text-align:center}.wb-active-booking-time b{color:#b45309;font-variant-numeric:tabular-nums;direction:ltr}@media (width<=680px){.wb-active-booking-bar{padding:8px 12px}.wb-active-booking-inner{grid-template-columns:38px minmax(0,1fr) auto;gap:9px}.wb-active-booking-icon{width:38px;height:38px}.wb-active-booking-time{display:none}.wb-active-booking-inner .wb-btn{white-space:nowrap;min-height:40px;padding-inline:12px}.wb-active-booking-copy strong{font-size:.84rem}.wb-active-booking-copy span{font-size:.72rem}}.webtanan-booking,.webtanan-booking *{box-sizing:border-box}.webtanan-booking :where(a,button,input,select,textarea,summary):focus-visible{outline-offset:2px;outline:3px solid #2563eb47}.webtanan-booking{--wb-shadow-sm:0 4px 12px #0f172a0f;--wb-shadow-md:0 18px 45px #0f172a1f;--wb-radius:16px;color:var(--wb-text-main);direction:rtl}.webtanan-booking a{color:inherit;text-decoration:none}.webtanan-booking button,.webtanan-booking input,.webtanan-booking select,.webtanan-booking textarea{font:inherit}.webtanan-empty-state,.webtanan-panel,.webtanan-error,.wb-panel{border:1px solid var(--wb-border);border-radius:var(--wb-radius);background:var(--wb-bg-surface);color:var(--wb-text-muted);text-align:center;padding:22px}.webtanan-button,.wb-button,.wb-btn{border:1px solid var(--wb-border);background:var(--wb-bg-surface);min-height:44px;color:var(--wb-text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.webtanan-button-primary,.wb-button-primary,.wb-btn-primary{background:var(--wb-primary);color:#fff;border-color:#0000;box-shadow:0 12px 24px #2563eb38}.webtanan-button:hover,.wb-button:hover,.wb-btn:hover{transform:translateY(-1px)}.wb-icon-button,.webtanan-modal-close{width:40px;height:40px;color:var(--wb-text-main);cursor:pointer;background:#f1f5f9;border:0;border-radius:12px;place-items:center;display:inline-grid}.wb-badge,.badge{border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:4px 11px;font-size:.78rem;font-weight:850;display:inline-flex}.wb-badge-success,.badge-success{color:#166534;background:#dcfce7}.wb-badge-warning,.badge-warning{color:#92400e;background:#fef3c7}.wb-badge-danger,.badge-danger{color:#991b1b;background:#fee2e2}.wb-badge-info,.badge-info,.badge-primary{color:#1e40af;background:#dbeafe}.wb-badge-muted,.badge-muted{color:#475569;background:#e2e8f0}.webtanan-doctor-results{min-height:180px}.search-section{border:1px solid var(--wb-border);border-radius:var(--wb-radius);background:var(--wb-bg-surface);box-shadow:var(--wb-shadow-sm);margin-bottom:24px;padding:18px}.search-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px;display:grid}.search-input,.webtanan-doctor-search-input{border:1px solid var(--wb-border);border-radius:12px;outline:none;width:100%;min-height:48px;padding:10px 14px}.search-input:focus,.webtanan-doctor-search-input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1f}.filter-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.webtanan-doctor-search .doctor-list,.webtanan-doctor-list-container{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;display:grid}.webtanan-doctor-grid .doctor-card,.webtanan-doctor-list-container .doctor-card,.webtanan-doctor-results .doctor-card,.webtanan-booking.doctor-card{border:1px solid var(--wb-border);border-radius:var(--wb-radius);background:var(--wb-bg-surface);min-width:0;min-height:390px;box-shadow:var(--wb-shadow-sm);grid-template-rows:auto 1fr auto;gap:16px;padding:22px;display:grid}.doctor-card .doc-header{align-items:flex-start;min-width:0}.doctor-card .doc-info{flex:auto;min-width:0}.doctor-card .doc-info h3{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;min-height:52px;margin:0 0 6px;display:grid}.doctor-card .doc-info h3>a{min-width:0;color:var(--wb-text);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.65;display:-webkit-box;overflow:hidden}.doctor-card .doc-info h3>a:first-child{grid-column:1/-1}.doctor-card .doc-meta{align-content:start}.doctor-card .doc-meta p,.doctor-card .wb-next-available-line{min-width:0}.doctor-card .doc-meta p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.doctor-card .doctor-profile-link,.doctor-card>.doctor-profile-link.btn{color:#fff;justify-content:center;align-items:center;width:100%;min-height:48px;margin-top:auto;display:inline-flex}.doctor-card .rating{color:#f59e0b;align-items:center;gap:4px;font-size:.85rem;display:flex}.doctor-card .rating span{color:var(--wb-text-muted);margin-inline-start:4px}.hero-info h1{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wb-verified-mark{background:var(--wb-primary);color:#fff;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:.66rem;display:inline-grid;box-shadow:0 0 0 3px #2563eb1f}.doctor-card .doctor-profile-link{color:var(--wb-primary);text-align:center;font-size:.9rem;font-weight:800}.doctor-card>.btn,.doctor-card>.btn-primary{width:100%}.wb-next-available-line{color:var(--wb-success);align-items:center;gap:8px;font-weight:850;display:flex}.webtanan-next-card{color:var(--wb-success);align-items:center;gap:6px;font-weight:850;display:inline-flex}.webtanan-next-card span{display:none}.profile-layout .content-box ul,.wb-service-pills,.services-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.wb-service-pills li,.services-list li{background:#f8fafc;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.wb-service-pills i,.services-list i{color:var(--wb-success)}.wb-clinic-grid,.webtanan-clinic-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wb-clinic-item{border:1px solid var(--wb-border);background:#f8fafc;border-radius:12px;padding:14px}.wb-clinic-item span{color:var(--wb-text-muted);margin-bottom:6px;font-size:.85rem;display:block}.wb-clinic-item-wide{grid-column:1/-1}.webtanan-review-list,.webtanan-clinic-gallery,.wb-certificate-list{gap:14px;display:grid}.webtanan-review-card,.review{border:1px solid var(--wb-border);background:#f8fafc;border-radius:12px;padding:16px}.wb-review-rate{color:#f59e0b;align-items:center;gap:4px;margin-inline-start:8px;display:inline-flex}.appointment-form-side .webtanan-profile-next,.webtanan-profile-next{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:14px}.webtanan-profile-next>span{color:var(--wb-text-muted);margin-bottom:6px;font-size:.86rem;display:block}.wb-booking-price-list{gap:10px;display:grid}.wb-booking-price-list>div{border:1px solid var(--wb-border);background:#f8fafc;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.wb-booking-price-list span{color:var(--wb-text-muted);font-size:.86rem}.webtanan-booking-modal[hidden],.webtanan-booking-modal-steps[hidden],.webtanan-booking-modal-auth[hidden],.webtanan-booking-modal-otp[hidden],.webtanan-booking-modal-profile[hidden],.webtanan-booking-modal-person[hidden],.wb-booking-dependent-form[hidden],.webtanan-booking-modal-payment[hidden]{display:none!important}html.webtanan-modal-open,html.webtanan-modal-open body{overflow:hidden}.webtanan-toast{z-index:2147483640;color:#1e3a8a;text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;width:min(430px,100vw - 32px);padding:13px 16px;font-weight:800;line-height:1.7;position:fixed;bottom:24px;right:50%;transform:translate(50%);box-shadow:0 18px 50px #0f172a38}.webtanan-toast[data-tone=error]{color:#991b1b;background:#fef2f2;border-color:#fecaca}.webtanan-toast[data-tone=success]{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.webtanan-booking-modal{z-index:2147483000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.webtanan-booking-modal-backdrop{background:#0f172a8c;position:absolute;inset:0}.webtanan-booking-modal-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:#fff;border-radius:22px;width:min(900px,100%);max-height:min(860px,100dvh - 40px);position:relative;overflow-y:auto;box-shadow:0 30px 90px #0f172a47}.webtanan-booking-modal-head{z-index:3;border-bottom:1px solid var(--wb-border);backdrop-filter:blur(12px);background:#fffffff5;justify-content:center;align-items:center;gap:16px;padding:22px 24px;display:flex;position:sticky;top:0}.webtanan-booking-modal-head h2{text-align:center;margin:0;font-size:1.2rem}.webtanan-booking-modal-head .webtanan-modal-close{position:absolute;top:18px;left:22px}.wb-booking-doctor-summary{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;margin:22px 32px 12px;display:grid}.wb-booking-doctor-avatar{width:64px;height:64px;color:var(--wb-primary);background:#eff6ff;border-radius:50%;place-items:center;font-size:1.5rem;display:grid;overflow:hidden}.wb-booking-doctor-avatar img{object-fit:cover;width:100%;height:100%}.wb-booking-doctor-summary h3{align-items:center;gap:8px;margin:0 0 4px;font-size:1.05rem;display:flex}.wb-booking-doctor-summary p,.wb-booking-doctor-summary address{color:var(--wb-text-muted);margin:3px 0;font-size:.88rem;font-style:normal;line-height:1.8}.wb-booking-doctor-summary address i{color:#94a3b8;margin-left:7px}.wb-booking-clinic-note{color:#1e3a8a;background:#eff6ff;border-radius:14px;align-items:flex-start;gap:12px;margin:16px 32px;padding:14px 16px;display:flex}.wb-booking-clinic-note>i{color:var(--wb-primary);margin-top:4px}.wb-booking-clinic-note strong,.wb-booking-clinic-note p{margin:0;display:block}.wb-booking-clinic-note p{color:#475569;margin-top:4px;font-size:.84rem}.webtanan-booking-modal-steps,.webtanan-booking-day-strip,.webtanan-booking-modal-slots,.webtanan-booking-modal-auth,.webtanan-booking-modal-otp,.webtanan-booking-modal-profile,.webtanan-booking-modal-person,.webtanan-booking-modal-payment,.webtanan-booking-modal-message{margin-inline:32px}.webtanan-booking-modal-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:18px 0 10px;display:grid}.webtanan-booking-modal-steps::-webkit-scrollbar,.webtanan-booking-day-strip::-webkit-scrollbar{display:none}.webtanan-booking-modal-steps span,.webtanan-booking-day{border:1px solid var(--wb-border);color:var(--wb-text-muted);background:#fff;border-radius:12px;flex:none}.webtanan-booking-modal-steps span{background:0 0;border:0;place-items:center;gap:5px;padding:0 8px;font-size:.84rem;font-weight:800;display:grid}.webtanan-booking-modal-steps span b{color:#64748b;background:#fff;border:2px solid #cbd5e1;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.webtanan-booking-modal-steps span[data-active=true]{color:var(--wb-primary);background:0 0}.webtanan-booking-modal-steps span[data-active=true] b{border-color:var(--wb-primary);color:var(--wb-primary);background:#dbeafe;box-shadow:0 0 0 4px #2563eb1a}.webtanan-booking-day[data-active=true]{border-color:var(--wb-primary);color:var(--wb-primary);background:#fff;box-shadow:0 0 0 2px #2563eb1a}.webtanan-booking-trust-banner{z-index:2;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;margin:8px 24px 0;padding:12px 14px;font-weight:850;position:sticky;top:84px}.webtanan-booking-trust-banner[hidden]{display:none!important}.webtanan-booking-day-strip{scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;padding:14px 0 18px;display:flex;overflow-x:auto}.webtanan-booking-day{cursor:pointer;scroll-snap-align:start;place-items:center;gap:2px;min-width:112px;min-height:104px;padding:10px;display:grid}.webtanan-booking-day strong{justify-content:center;align-items:baseline;gap:5px;font-size:1.05rem;display:flex}.webtanan-booking-day strong b{font-size:1.25rem}.webtanan-booking-day strong em{font-size:.84rem;font-style:normal;font-weight:800}.webtanan-booking-day small{color:var(--wb-text-muted);font-size:.72rem;font-weight:750}.webtanan-booking-day[data-has-slots=true]{border-color:#86efac}.webtanan-booking-day[data-has-slots=true] small{color:var(--wb-success)}.webtanan-booking-modal-slots{padding-bottom:16px}.webtanan-booking-modal-legend{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.webtanan-booking-modal-legend span{color:var(--wb-text-muted);background:#f8fafc;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.webtanan-booking-modal-legend i{background:#94a3b8;border-radius:50%;flex:0 0 9px;width:9px;height:9px}.webtanan-booking-modal-legend [data-status=available] i{background:#16a34a}.webtanan-booking-modal-legend [data-status=locked] i{background:#f59e0b}.webtanan-booking-modal-legend [data-status=booked] i{background:#ef4444}.webtanan-booking-modal-legend [data-status=past] i{background:#94a3b8}.webtanan-booking-modal-slot-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.webtanan-booking-modal-slot{border:1px solid var(--wb-border);cursor:pointer;min-height:46px;color:var(--wb-text-main);background:#fff;border-radius:10px;place-items:center;padding:10px;display:grid}.webtanan-booking-modal-slot strong{font-size:.94rem}.webtanan-booking-modal-slot span{display:none}.webtanan-booking-modal-slot[data-status=available]{color:#166534;background:#f0fdf4;border-color:#86efac}.webtanan-booking-modal-slot[data-status=available]:hover,.webtanan-booking-modal-slot[data-selected=true]{background:var(--wb-success);color:#fff}.webtanan-booking-modal-slot[data-status=locked]{color:#92400e;background:#fffbeb;border-color:#fde68a}.webtanan-booking-modal-slot[data-status=booked],.webtanan-booking-modal-slot[data-status=confirmed],.webtanan-booking-modal-slot[data-status=pay_at_clinic],.webtanan-booking-modal-slot[data-status=past],.webtanan-booking-modal-slot[data-status=expired],.webtanan-booking-modal-slot[data-status=cancelled],.webtanan-booking-modal-slot[disabled]{opacity:.65;color:#94a3b8;cursor:not-allowed;background:#f1f5f9;text-decoration:line-through}.wb-no-slot-action{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;display:flex}.wb-no-slot-action p{color:#1e3a8a;margin:0;font-size:.9rem;font-weight:750;line-height:1.8}.wb-next-slot-button{border-color:var(--wb-primary);background:var(--wb-primary);color:#fff;flex:none}.wb-next-slot-button.is-loading{opacity:.7;cursor:wait}@media (width<=640px){.wb-no-slot-action{flex-direction:column;align-items:stretch}.wb-next-slot-button{width:100%}}.webtanan-doctor-grid .doctor-card,.webtanan-doctor-list-container .doctor-card,.webtanan-doctor-results .doctor-card,.webtanan-booking.doctor-card{border-color:color-mix(in srgb,var(--wb-primary)10%,var(--wb-border));cursor:pointer;border-radius:18px;grid-template-rows:auto 1fr auto;min-height:360px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.webtanan-doctor-grid .doctor-card:hover,.webtanan-doctor-list-container .doctor-card:hover,.webtanan-doctor-results .doctor-card:hover,.webtanan-booking.doctor-card:hover,.doctor-card:focus-visible{border-color:color-mix(in srgb,var(--wb-primary)38%,var(--wb-border));transform:translateY(-3px);box-shadow:0 18px 44px #0f172a1f}.doctor-card-actions{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:9px;margin-top:auto;display:grid}.doctor-card-actions .btn,.doctor-card-actions .doctor-profile-link,.doctor-card-actions .doctor-book-now{white-space:nowrap;border-radius:13px;width:100%;min-height:50px;margin:0;padding-inline:10px}.doctor-card-actions .doctor-profile-link{color:var(--wb-primary);background:#eff6ff;border:1px solid #bfdbfe}.doctor-card-actions .doctor-book-now{color:#fff}.wb-profile-hero-book{width:fit-content;min-width:180px;margin-top:16px}.wb-mobile-booking-dock{display:none}.wb-availability-skeleton{background:linear-gradient(90deg,#e2e8f0 20%,#f8fafc 45%,#e2e8f0 70%) 0 0/220% 100%;border-radius:999px;width:62px;height:10px;animation:1.15s linear infinite wb-availability-loading;display:inline-block;overflow:hidden}.wb-inline-availability-loading{align-items:center;min-height:20px;display:inline-flex}@keyframes wb-availability-loading{to{background-position:-220% 0}}.wb-generation-mode{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;padding:0;display:grid}.wb-generation-mode legend{color:var(--wb-text-main);grid-column:1/-1;margin-bottom:4px;font-weight:900}.wb-generation-mode label{cursor:pointer;min-width:0;position:relative}.wb-generation-mode input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.wb-generation-mode label>span{border:1px solid var(--wb-border);background:var(--wb-bg-surface);border-radius:13px;align-content:center;gap:5px;min-height:86px;padding:11px;display:grid}.wb-generation-mode small{color:var(--wb-text-muted);line-height:1.55}.wb-generation-mode input:checked+span{border-color:var(--wb-primary);background:#eff6ff;box-shadow:0 0 0 3px #2563eb1a}.wb-smart-schedule-preview{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;flex-wrap:wrap;align-items:center;gap:9px 16px;min-height:52px;padding:12px 14px;display:flex}.wb-smart-schedule-preview strong{color:var(--wb-primary)}@media (width<=767px){.webtanan-specialty-list,.webtanan-specialty-list.wb-specialty-columns-2,.webtanan-specialty-list.wb-specialty-columns-3,.webtanan-specialty-list.wb-specialty-columns-4,.webtanan-specialty-list.wb-specialty-columns-5,.webtanan-specialty-list.wb-specialty-columns-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.webtanan-specialty-chip{border-radius:14px;min-height:92px;padding:12px 8px;font-size:.86rem}.webtanan-specialty-icon{width:38px;height:38px}.profile-layout{padding-bottom:92px}.profile-hero{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:14px;padding:18px;display:grid}.profile-hero .hero-avatar{width:76px;height:76px}.profile-hero .hero-info h1{margin-top:0;font-size:clamp(1.15rem,5.5vw,1.5rem)}.wb-profile-hero-book{grid-column:1/-1;width:100%}.profile-sidebar{display:none}.wb-mobile-booking-dock{inset:auto 8px calc(8px + env(safe-area-inset-bottom))8px;z-index:9980;backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #bfdbfe;border-radius:17px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:70px;padding:9px 11px;display:grid;position:fixed;box-shadow:0 18px 50px #0f172a33}.wb-mobile-booking-dock>div{min-width:0;display:grid}.wb-mobile-booking-dock strong,.wb-mobile-booking-dock span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wb-mobile-booking-dock span{color:var(--wb-text-muted);font-size:.76rem}.wb-mobile-booking-dock .wb-btn{white-space:nowrap;min-height:48px;padding-inline:14px}.webtanan-booking-modal{align-items:end;padding:0}.webtanan-booking-modal-panel{border-radius:22px 22px 0 0;width:100%;max-width:none;max-height:min(94dvh,900px)}.webtanan-booking-modal-head{z-index:5;backdrop-filter:blur(12px);background:#fffffff7;padding:14px 16px;position:sticky;top:0}.wb-booking-doctor-summary{grid-template-columns:52px minmax(0,1fr);margin:14px 16px 8px}.wb-booking-doctor-avatar{width:52px;height:52px}.webtanan-booking-modal-steps,.webtanan-booking-day-strip,.webtanan-booking-modal-slots,.webtanan-booking-modal-auth,.webtanan-booking-modal-otp,.webtanan-booking-modal-profile,.webtanan-booking-modal-person,.webtanan-booking-modal-payment,.webtanan-booking-modal-message{margin-inline:16px}.webtanan-booking-day{min-width:92px;min-height:96px}.webtanan-booking-modal-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.webtanan-booking-modal-slot{font-variant-numeric:tabular-nums;border-radius:12px;min-height:50px}.wb-generation-mode{grid-template-columns:1fr}.wb-generation-mode label>span{min-height:66px}}.webtanan-booking .webtanan-custom-home-section{border:1px solid var(--wb-border-color);background:var(--webtanan-custom-section-bg,var(--wb-bg-surface));box-shadow:var(--wb-shadow-sm);text-align:center;border-radius:16px;padding:clamp(20px,4vw,38px);overflow:hidden}.webtanan-booking .webtanan-custom-home-section--has-image{overflow:hidden}.webtanan-booking .webtanan-custom-home-section--has-image .webtanan-custom-home-section__inner{text-align:right;align-items:center;gap:clamp(22px,4vw,48px);display:flex}.webtanan-booking .webtanan-custom-home-section--right .webtanan-custom-home-section__inner{flex-direction:row}.webtanan-booking .webtanan-custom-home-section--left .webtanan-custom-home-section__inner{flex-direction:row-reverse}.webtanan-booking .webtanan-custom-home-section--top .webtanan-custom-home-section__inner{text-align:center;flex-direction:column}.webtanan-booking.wb-homepage{flex-direction:column;display:flex}.webtanan-booking.wb-homepage>.wb-home-hero{order:0}.webtanan-booking.wb-homepage>.features{order:10}.webtanan-booking.wb-homepage>.doctors{order:20}.webtanan-booking.wb-homepage>.how-it-works{order:40}.webtanan-booking .webtanan-custom-home-section--full-width{background:var(--webtanan-custom-section-bg,#eaf4ff);width:100%;max-width:none;box-shadow:none;border-inline:0;border-radius:0;margin-block:0;padding:clamp(18px,3vw,30px) 0}.webtanan-booking .webtanan-custom-home-section__media{flex:0 42%;width:100%;min-width:0}.webtanan-booking .webtanan-custom-home-section__image{aspect-ratio:16/10;object-fit:cover;border-radius:12px;width:100%;display:block}.webtanan-booking .webtanan-custom-home-section__image-link{outline-offset:4px;border-radius:12px;transition:transform .2s,filter .2s;display:block}.webtanan-booking .webtanan-custom-home-section__image-link:hover{filter:saturate(1.04);transform:translateY(-2px)}.webtanan-booking .webtanan-custom-home-section--full-width .webtanan-custom-home-section__media:only-child{flex-basis:100%;max-width:1200px}.webtanan-booking .webtanan-custom-home-section--full-width .webtanan-custom-home-section__image{aspect-ratio:auto;object-fit:contain;max-height:460px}.webtanan-booking .webtanan-custom-home-section__content{flex:58%;min-width:0}.webtanan-booking .webtanan-custom-home-section h2{margin:0 0 12px}.webtanan-booking .webtanan-custom-home-section p{color:var(--wb-text-muted);margin:0 auto 20px;line-height:2}.webtanan-booking .webtanan-custom-home-section--has-image:not(.webtanan-custom-home-section--top) p{margin-inline:0}@media (width<=767px){.webtanan-booking .webtanan-custom-home-section--has-image .webtanan-custom-home-section__inner{text-align:right;flex-direction:column;align-items:stretch}.webtanan-booking .webtanan-custom-home-section--has-image:not(.webtanan-custom-home-section--full-width){padding:20px}}@media (width<=430px){.webtanan-doctor-grid .doctor-card,.webtanan-doctor-list-container .doctor-card,.webtanan-doctor-results .doctor-card,.webtanan-booking.doctor-card{gap:13px;min-height:0;padding:16px}.doctor-card-actions{grid-template-columns:1fr 1fr}.doctor-card-actions .btn{min-height:48px;font-size:.82rem}}.webtanan-payment-result{background:#eef7fb;min-height:calc(100vh - 120px);padding:clamp(24px,5vw,64px) 16px}.wb-result-card{background:#fff;border:1px solid #dbeafe;border-radius:22px;width:min(900px,100%);margin-inline:auto;overflow:hidden;box-shadow:0 24px 70px #0f172a1f}.wb-result-hero{background:linear-gradient(135deg,#f0f9ff,#fff);border-bottom:1px solid #e2e8f0;align-items:center;gap:18px;padding:26px 30px;display:flex}.wb-result-hero h1,.wb-result-hero p{margin:0}.wb-result-hero h1{font-size:clamp(1.35rem,3vw,1.9rem)}.wb-result-hero p{color:#64748b;margin-top:5px}.wb-result-icon{color:#fff;background:#2563eb;border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:1.5rem;font-weight:900;display:grid}.wb-result-state-success .wb-result-icon{background:#16a34a}.wb-result-state-warning .wb-result-icon{background:#f59e0b}.wb-result-state-danger .wb-result-icon{background:#ef4444}.wb-factor-card,.wb-receipt-paper{background:#fff;border:1px solid #dbeafe;border-radius:18px;margin:24px;position:relative;overflow:hidden}.wb-factor-card>header,.webtanan-checkout-head,.wb-receipt-paper-head{background:linear-gradient(135deg,#f0f9ff,#fff);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex;position:relative}.webtanan-checkout-head>div,.wb-factor-card>header>div{gap:4px;display:grid}.webtanan-checkout-head span,.wb-factor-card>header span,.wb-receipt-paper-head .wb-kicker{color:#2563eb;font-size:.84rem;font-weight:800}.webtanan-checkout-head strong,.wb-factor-card>header strong{font-size:1.1rem}.wb-receipt-watermark{z-index:0;color:#2563eb0f;white-space:nowrap;pointer-events:none;font-size:clamp(4rem,12vw,8.5rem);font-weight:900;line-height:1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-28deg)}.wb-receipt-logo{object-fit:contain;width:auto;max-width:160px;max-height:64px;margin:0;display:block}.wb-receipt-brand{color:var(--wb-primary);margin:0;font-size:1.3rem;font-weight:900;display:block}.wb-receipt-paper-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.wb-receipt-title{gap:3px;min-width:0;display:grid}.wb-receipt-actions{z-index:1;justify-content:flex-end;padding:16px 22px 0;display:flex;position:relative}.wb-receipt-paper-head h1{margin:2px 0 0;font-size:clamp(1.45rem,3vw,2rem)}.wb-payment-status-summary{background:#fff;border:1px solid #cbd5e1;border-radius:14px;margin:22px 0;overflow:hidden}.wb-payment-status-summary .wb-receipt-paper-head{background:#f8fafc;border-bottom-color:#e2e8f0}.wb-payment-status-summary .wb-receipt-paper-head span{color:#64748b}.wb-payment-status-summary .wb-receipt-paper-head strong{color:#334155}.wb-payment-status-summary .wb-receipt-accounting{border-color:#e2e8f0}.wb-receipt-hero-code{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;gap:2px;margin:20px 26px 0;padding:11px 16px;display:inline-grid;position:relative}.wb-receipt-hero-code strong{color:#065f46;font-size:1.35rem}.wb-factor-list{grid-template-columns:minmax(150px,210px) minmax(0,1fr);margin:0;padding:18px 26px 8px;display:grid;position:relative}.wb-factor-list>div{display:contents}.wb-factor-list dt,.wb-factor-list dd{border-bottom:1px solid #edf2f7;min-width:0;margin:0;padding:12px 0}.wb-factor-list dt{color:#64748b}.wb-factor-list dd{overflow-wrap:anywhere;font-weight:800}.wb-receipt-accounting{border-collapse:separate;border-spacing:0;border:1px solid #dbeafe;border-radius:14px;width:calc(100% - 52px);margin:18px 26px 26px;position:relative;overflow:hidden}.wb-receipt-accounting th,.wb-receipt-accounting td{text-align:right;padding:14px 16px}.wb-receipt-accounting th{color:#475569;background:#f8fafc}.wb-receipt-accounting td{font-weight:900}.webtanan-checkout-note{color:#64748b;background:#fff7ed;border-top:1px solid #fed7aa;margin:0;padding:15px 26px;font-size:.84rem;position:relative}.wb-result-actions{flex-wrap:wrap;gap:10px;padding:0 24px 24px;display:flex}.webtanan-resume-payment{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;margin:24px;padding:clamp(18px,3vw,28px)}.webtanan-resume-payment>header h2,.webtanan-resume-payment>header p{margin:0}.webtanan-resume-payment>header p{color:#64748b;margin-top:6px}.wb-resume-form,.wb-resume-otp{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:12px;margin-top:20px;display:grid}.wb-resume-form[hidden],.wb-resume-otp[hidden]{display:none!important}.wb-resume-form label,.wb-resume-otp label{gap:7px;display:grid}.wb-resume-form input,.wb-resume-otp input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;min-height:48px;padding:8px 12px}.wb-resume-checkout{margin-top:20px}.wb-resume-message{color:#475569;min-height:24px;margin-top:10px}.wb-resume-message[data-type=error]{color:#b91c1c}.wb-resume-message[data-type=success]{color:#047857}.wb-payment-method-title{margin:20px 0 10px;font-size:1rem}.wb-resume-pay-submit{width:100%;min-height:52px;margin-top:14px}.wb-resume-lock-banner{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;gap:8px;margin-bottom:16px;padding:13px 15px;display:grid}.wb-resume-lock-banner>div{align-items:center;gap:8px;display:flex}.wb-resume-lock-banner>span{color:#475569;font-size:.86rem}.wb-resume-lock-banner b{color:#0f172a;font-variant-numeric:tabular-nums;direction:ltr}.wb-resume-expired-state{text-align:center;justify-items:center;gap:12px;padding:28px 18px;display:grid}.wb-resume-expired-state>i{color:#b45309;background:#fef3c7;border-radius:50%;place-items:center;width:58px;height:58px;font-size:1.5rem;display:grid}.wb-resume-expired-state h3,.wb-resume-expired-state p{margin:0}.wb-survey-dialog .wb-public-success{text-align:center;justify-items:center;gap:10px;padding:28px 18px;display:grid}.wb-survey-dialog .wb-public-success>i{color:var(--wb-success);font-size:2rem}.wb-printable-receipt{background:#eef7fb;min-height:100vh;padding:32px 16px 60px}.wb-printable-receipt .wb-print-button{margin:0 auto 14px;display:flex}.wb-printable-receipt .wb-receipt-paper{width:min(800px,100%);margin:0 auto;box-shadow:0 24px 70px #0f172a1f}.webtanan-booking-modal-auth,.webtanan-booking-modal-otp,.webtanan-booking-modal-profile,.webtanan-booking-modal-person,.webtanan-booking-modal-payment{gap:12px;padding:16px 0 24px;display:grid}.wb-booking-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wb-booking-field{gap:7px;min-width:0;display:grid}.wb-booking-field span{color:var(--wb-text-muted);font-size:.86rem;font-weight:800}.wb-booking-field-wide{grid-column:1/-1}.webtanan-booking-modal-auth input,.webtanan-booking-modal-otp input,.webtanan-booking-modal-profile input,.webtanan-booking-modal-person input,.webtanan-booking-modal-payment input,.webtanan-booking-modal-payment select{border:1px solid var(--wb-border);border-radius:12px;outline:none;width:100%;min-height:48px;padding:10px 14px}.webtanan-booking-modal-auth input:focus,.webtanan-booking-modal-otp input:focus,.webtanan-booking-modal-profile input:focus,.webtanan-booking-modal-person input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1f}.webtanan-booking-modal-auth .wb-btn,.webtanan-booking-modal-otp .wb-btn,.webtanan-booking-modal-profile .wb-btn,.webtanan-booking-modal-person>.wb-btn{min-height:54px;margin-top:4px}.wb-booking-section-head{gap:4px;margin-bottom:6px;display:grid}.wb-booking-section-head strong{font-size:1.05rem}.wb-booking-section-head p{color:var(--wb-text-muted);margin:0;font-size:.88rem}.webtanan-booking-auth-mobile{gap:12px;display:grid}.wb-booking-person-list{gap:10px;display:grid}.wb-booking-person-card{border:1px solid var(--wb-border);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;min-height:78px;padding:14px 16px;display:grid;position:relative}.wb-booking-person-card input{opacity:0;pointer-events:none;position:absolute}.wb-booking-person-card[data-selected=true]{border-color:var(--wb-primary);background:#eff6ff;box-shadow:0 0 0 3px #2563eb14}.wb-booking-person-radio{background:#fff;border:2px solid #cbd5e1;border-radius:50%;width:20px;height:20px}.wb-booking-person-card[data-selected=true] .wb-booking-person-radio{border:6px solid var(--wb-primary)}.wb-booking-person-copy{gap:4px;display:grid}.wb-booking-person-copy small{color:var(--wb-text-muted)}.wb-booking-add-person{min-height:52px;color:var(--wb-primary);cursor:pointer;background:#fff;border:1px dashed #94a3b8;border-radius:12px;justify-content:center;align-items:center;gap:9px;font-weight:850;display:flex}.wb-booking-dependent-form{border:1px solid var(--wb-border);background:#f8fafc;border-radius:14px;gap:14px;padding:16px;display:grid}.wb-booking-inline-actions{justify-content:flex-end;gap:10px;display:flex}.webtanan-checkout,.wb-booking-checkout{gap:16px;display:grid}.webtanan-payment-summary{border:1px solid var(--wb-border);background:#f8fafc;border-radius:16px;gap:10px;padding:16px;display:grid}.webtanan-payment-summary>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.wb-booking-lock-actions{background:#2563eb0d;border:1px solid #2563eb38;border-radius:16px;gap:12px;padding:14px 16px;display:grid}.wb-booking-lock-actions p{color:var(--wb-text-muted);align-items:flex-start;gap:8px;margin:0;font-size:.86rem;line-height:1.8;display:flex}.wb-booking-lock-actions p i{color:var(--wb-primary);margin-top:5px}.wb-booking-lock-actions>div{flex-wrap:wrap;gap:8px;display:flex}.wb-booking-lock-actions .webtanan-button{flex:170px;min-height:42px}.webtanan-payment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.webtanan-payment-option{border:1px solid var(--wb-border);cursor:pointer;background:#fff;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:12px;min-width:0;min-height:104px;padding:14px;display:grid}.wb-payment-visual{border:1px solid var(--wb-border);background:#f8fafc;border-radius:13px;grid-row:1/3;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.wb-payment-visual img{object-fit:contain;width:100%;height:100%;padding:6px}.wb-payment-visual-icon{color:var(--wb-primary);font-size:1.35rem}.webtanan-payment-option>strong{align-self:end;font-size:.94rem}.webtanan-payment-option>small{color:var(--wb-text-muted);align-self:start}.webtanan-payment-option .wb-payment-radio{border:2px solid #cbd5e1;border-radius:50%;grid-area:1/3/3;width:18px;height:18px;display:block;box-shadow:inset 0 0 0 3px #fff}.webtanan-payment-option[data-selected=true] .wb-payment-radio{border-color:var(--wb-primary);background:var(--wb-primary)}.webtanan-payment-option[data-selected=true]{border-color:var(--wb-primary);box-shadow:0 0 0 4px #2563eb1f}.webtanan-pay-submit{background:var(--wb-success);color:#fff;border-color:#0000;width:100%;min-height:54px;font-size:1.02rem}.webtanan-booking-success,.webtanan-booking-modal-message{border-radius:14px;padding:12px 14px}.webtanan-booking-modal-message[data-tone=success]{color:#166534;background:#f0fdf4}.webtanan-booking-modal-message[data-tone=error]{color:#991b1b;background:#fef2f2}.sample-dashboard-shell{background:#f1f5f9;grid-template-columns:260px minmax(0,1fr);grid-template-areas:"sidebar main";min-height:calc(100vh - 76px);display:grid}.sample-dashboard-header{border-bottom:1px solid var(--wb-border);background:#fff;grid-area:header;align-items:center;min-height:76px;display:flex}.sample-dashboard-header .container{justify-content:space-between;align-items:center;gap:18px;width:100%;max-width:none;padding-inline:32px;display:flex}.sample-dashboard-header .logo{color:var(--wb-primary);align-items:center;gap:8px;font-size:1.25rem;font-weight:900;display:inline-flex}.header-left,.user-badge,.doctor-badge{align-items:center;gap:12px;display:flex}.avatar-sm{width:38px;height:38px;color:var(--wb-primary);background:#dbeafe;border-radius:50%;place-items:center;font-weight:900;display:grid}.notif{background:#f8fafc;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.notif .count{background:var(--wb-danger);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:.68rem;display:grid;position:absolute;top:-5px;left:-5px}.sample-dashboard-shell .sidebar,.sample-dashboard-shell .dashboard-sidebar{border-left:1px solid var(--wb-border);background:var(--wb-bg-surface);flex-direction:column;grid-area:sidebar;min-height:100%;display:flex}.webtanan-doctor-dashboard .sidebar,.webtanan-doctor-dashboard .dashboard-sidebar{color:#fff;background:#0f172a;border-left-color:#1e293b}.sample-dashboard-shell .sidebar-menu{flex:1;align-content:start;gap:6px;padding:22px 14px;display:grid}.sample-dashboard-shell .nav-item{width:100%;min-height:46px;color:var(--wb-text-main);text-align:right;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;padding:11px 14px;font-weight:800;transition:background .2s,color .2s,transform .2s;display:flex}.webtanan-doctor-dashboard .nav-item{color:#cbd5e1}.sample-dashboard-shell .nav-item:hover,.sample-dashboard-shell .nav-item:focus-visible,.sample-dashboard-shell .nav-item.active,.sample-dashboard-shell .nav-item.is-active{color:var(--wb-primary);background:#dbeafe;outline:0}.webtanan-doctor-dashboard .nav-item:hover,.webtanan-doctor-dashboard .nav-item:focus-visible,.webtanan-doctor-dashboard .nav-item.active,.webtanan-doctor-dashboard .nav-item.is-active{background:var(--wb-primary);color:#fff}.sample-dashboard-shell .nav-item i{text-align:center;flex:0 0 20px;width:20px}.sample-dashboard-shell .nav-item .badge{margin-right:auto}.sample-dashboard-shell .sidebar-divider{background:var(--wb-border);height:1px;margin:10px 8px 4px}.webtanan-doctor-dashboard .sidebar-divider{background:#334155}.sample-dashboard-shell .sidebar-label{color:var(--wb-text-muted);padding:5px 14px 2px;font-size:.76rem;font-weight:900}.webtanan-doctor-dashboard .sidebar-label{color:#94a3b8}.sample-dashboard-shell .main-content,.sample-dashboard-shell .dashboard-content{grid-area:main;min-width:0}.sample-dashboard-shell .wb-content{padding:32px}.wb-doctor-card-booking{text-align:center;width:100%}.wb-card-title{align-items:center;gap:8px;display:flex}.wb-card-title i{color:var(--wb-primary)}.wb-today-summary-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.wb-today-summary-head>div{gap:4px;min-width:0;display:grid}.wb-today-summary-head>div:last-child{text-align:left}.wb-today-summary-head span{color:var(--wb-text-muted);font-size:.8rem}.wb-today-summary-head strong{font-size:1.15rem}.wb-today-summary-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.wb-patient-doctor-search{margin:0}.wb-help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wb-help-grid .card{align-content:start;gap:10px;display:grid}.wb-help-grid .card>i{width:42px;height:42px;color:var(--wb-primary);background:#dbeafe;border-radius:12px;place-items:center;display:grid}.wb-help-grid h3,.wb-help-grid p{margin:0}.wb-help-grid p{color:var(--wb-text-muted);line-height:1.9}.sample-doctor-toolbar,.wb-filterbar,.search-box{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.wb-inline-form{border:1px solid var(--wb-border);box-shadow:var(--wb-shadow-sm);background:#fff;border-radius:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:12px;margin-bottom:18px;padding:16px;display:grid}.wb-inline-form>button{min-height:44px}.webtanan-jalali-date{width:100%;min-width:170px;position:relative}.webtanan-jalali-trigger{border:1px solid var(--wb-border);width:100%;min-height:46px;color:var(--wb-text-main);text-align:right;cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-weight:800;display:flex}.webtanan-jalali-trigger:after{content:"";color:var(--wb-primary);font-family:"Font Awesome 6 Free";font-weight:900}.webtanan-jalali-trigger:focus-visible{border-color:var(--wb-primary);outline:3px solid #2563eb1f}.webtanan-jalali-popover{z-index:2147483100;border:1px solid var(--wb-border);background:#fff;border-radius:15px;width:min(320px,100vw - 32px);padding:14px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 60px #0f172a38}.webtanan-jalali-date.is-open .webtanan-jalali-popover{display:block}.webtanan-jalali-head{grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;margin-bottom:12px;display:grid}.webtanan-jalali-head strong{text-align:center}.webtanan-jalali-head button,.webtanan-jalali-actions button,.webtanan-jalali-day{min-height:38px;color:var(--wb-text-main);cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:10px;padding:5px}.webtanan-jalali-head button:hover,.webtanan-jalali-day:hover{color:var(--wb-primary);background:#eff6ff;border-color:#bfdbfe}.webtanan-jalali-weekdays,.webtanan-jalali-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.webtanan-jalali-weekdays{color:var(--wb-text-muted);text-align:center;margin-bottom:6px;font-size:.72rem;font-weight:900}.webtanan-jalali-day.is-today{border-color:var(--wb-success);color:#166534}.webtanan-jalali-day.is-selected{border-color:var(--wb-primary);background:var(--wb-primary);color:#fff}.webtanan-jalali-day:disabled{opacity:.38;color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.webtanan-jalali-actions{margin-top:10px}.webtanan-jalali-actions button{width:100%;color:var(--wb-primary);font-weight:850}.wb-filterbar input,.wb-filterbar select,.wb-inline-form input,.wb-inline-form select,.wb-record-form input,.wb-record-form textarea,.wb-record-note-form input,.wb-record-note-form textarea,.wb-record-note-form select,.wb-wallet-topup-form input{border:1px solid var(--wb-border);border-radius:12px;outline:none;min-height:44px;padding:10px 12px}.wb-page-head{margin-bottom:22px}.wb-page-head h2{margin:4px 0;font-size:1.5rem}.wb-kicker{color:var(--wb-primary);font-size:.85rem;font-weight:900}.stats-grid,.wb-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:28px;display:grid}.stat-card,.wb-stat-card{border:1px solid var(--wb-border);border-radius:var(--wb-radius);box-shadow:var(--wb-shadow-sm);background:#fff;align-items:center;gap:16px;padding:22px;display:flex}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:24px;display:grid}.card{border:1px solid var(--wb-border);border-radius:var(--wb-radius);box-shadow:var(--wb-shadow-sm);background:#fff;padding:22px}.card+.card{margin-top:18px}.card-header{margin-bottom:16px}.quick-actions{gap:10px;display:grid}.action-btn{border:1px solid var(--wb-border);cursor:pointer;background:#f8fafc;border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;min-height:48px;padding:10px 14px;font-weight:800;display:flex}.wb-table-wrap{border:1px solid var(--wb-border);background:#fff;border-radius:16px;overflow-x:auto}.wb-table{border-collapse:collapse;width:100%;min-width:720px}.wb-table th,.wb-table td{border-bottom:1px solid var(--wb-border);text-align:right;vertical-align:middle;padding:13px 14px}.wb-table th{color:var(--wb-text-muted);background:#f8fafc;font-size:.82rem;font-weight:900}.wb-table tbody tr:last-child td{border-bottom:0}.wb-table-action{border:1px solid var(--wb-border);min-height:34px;color:var(--wb-primary);cursor:pointer;background:#fff;border-radius:10px;padding:6px 10px;font-weight:800}.appointment-list,.wb-appointments-table-wrap{gap:12px;display:grid}.sample-select-all{width:fit-content;color:var(--wb-text-muted);cursor:pointer;background:#f8fafc;border-radius:10px;align-items:center;gap:8px;padding:8px 11px;font-size:.82rem;font-weight:800;display:inline-flex}.appointment-item,.wb-appointment-row{border:1px solid var(--wb-border);background:#fff;border-radius:15px;grid-template-columns:minmax(240px,1fr) minmax(280px,auto);align-items:center;gap:16px;margin:0;padding:16px;display:grid;box-shadow:0 4px 14px #0f172a0a}.appointment-item .info{grid-template-columns:auto 44px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.appointment-item .avatar-xs{width:44px;height:44px;color:var(--wb-primary);background:#dbeafe;border-radius:50%;place-items:center;font-weight:900;display:grid}.appointment-item .details{gap:4px;min-width:0;display:grid}.appointment-item .details .name,.appointment-item .details .doctor-name{color:var(--wb-text-main);text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.appointment-item .details .specialty,.appointment-item .details .time{color:var(--wb-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.appointment-item .details .time{align-items:center;gap:6px;display:flex}.appointment-item .actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.appointment-item[data-status=cancelled],.appointment-item[data-status=expired]{background:#f8fafc}.appointment-item[data-status=confirmed]{border-color:#bbf7d0}.wb-calendar-board,.wb-calendar-slots{gap:14px;display:grid}.wb-calendar-day-card,.wb-calendar-slot-card{border:1px solid var(--wb-border);background:#fff;border-radius:16px;padding:16px}.wb-calendar-day-head,.wb-calendar-slot-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.wb-calendar-slot-card[data-tone=success],.wb-calendar-slot-card[data-status=available]{background:#f0fdf4;border-color:#bbf7d0}.wb-calendar-slot-card[data-tone=warning],.wb-calendar-slot-card[data-status=locked]{background:#fffbeb;border-color:#fde68a}.wb-calendar-slot-card[data-tone=danger],.wb-calendar-slot-card[data-status=cancelled]{background:#fef2f2;border-color:#fecaca}.wb-record-card,.wb-record-note,.wb-record-file,.wb-wallet-topup-form{border:1px solid var(--wb-border);background:#fff;border-radius:16px;gap:12px;padding:18px;display:grid}.wb-profile-form{border:1px solid var(--wb-border);box-shadow:var(--wb-shadow-sm);background:#fff;border-radius:18px;grid-template-columns:190px minmax(0,1fr);align-items:start;gap:22px;padding:22px;display:grid}.wb-profile-media-editor,.wb-gallery-editor{border:1px solid var(--wb-border);background:#f8fafc;border-radius:15px;gap:12px;padding:16px;display:grid}.wb-profile-preview{aspect-ratio:1;color:var(--wb-text-muted);background:#e2e8f0;border-radius:14px;place-items:center;display:grid;overflow:hidden}.wb-profile-preview img,.wb-gallery-preview img{object-fit:cover;width:100%;height:100%}.wb-form-grid,.wb-record-form,.wb-record-note-form,.wb-record-file-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wb-form-grid>label,.wb-record-form>label,.wb-record-note-form>label,.wb-record-file-form>label,.wb-inline-form>label{text-align:right;align-content:start;gap:7px;min-width:0;display:grid}.wb-form-grid label>span,.wb-record-form label>span,.wb-record-note-form label>span,.wb-record-file-form label>span,.wb-inline-form label>span{color:var(--wb-text-muted);font-size:.86rem;font-weight:850}.wb-form-grid label>small{color:var(--wb-text-muted);font-size:.78rem;line-height:1.8}.webtanan-booking .profile-tabs{scroll-behavior:smooth;scrollbar-width:none}.webtanan-booking .profile-tabs::-webkit-scrollbar{display:none}.webtanan-booking .profile-main>[id]{scroll-margin-top:96px}.wb-form-grid input,.wb-form-grid textarea,.wb-record-form input,.wb-record-form textarea,.wb-record-form select,.wb-record-note-form input,.wb-record-note-form textarea,.wb-record-note-form select,.wb-record-file-form input,.wb-record-file-form select{border:1px solid var(--wb-border);text-align:right;background:#fff;border-radius:12px;outline:none;width:100%;min-height:48px;padding:11px 13px}.wb-form-grid textarea,.wb-record-form textarea,.wb-record-note-form textarea{resize:vertical;min-height:96px}.wb-form-grid input:focus,.wb-form-grid textarea:focus,.wb-record-form :is(input,textarea,select):focus,.wb-record-note-form :is(input,textarea,select):focus{border-color:var(--wb-primary);box-shadow:0 0 0 4px #2563eb1a}.wb-form-wide,.wb-record-form-head,.wb-record-form>button,.wb-record-note-form>.wb-section-head,.wb-record-note-form>button,.wb-record-file-form>.wb-section-head,.wb-record-file-form>button{grid-column:1/-1}.wb-record-form,.wb-record-note-form,.wb-record-file-form{border:1px solid var(--wb-border);background:#f8fafc;border-radius:15px;margin-top:16px;padding:18px}.wb-record-form-head{gap:4px;display:grid}.wb-record-form-head span{color:var(--wb-text-muted);font-size:.84rem}.wb-gallery-editor{grid-column:1/-1}.wb-gallery-preview{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;display:grid}.wb-gallery-preview span{aspect-ratio:1;border-radius:11px;overflow:hidden}.wb-upload-button{border:1px dashed var(--wb-primary);min-height:44px;color:var(--wb-primary);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;padding:9px 14px;font-weight:850;display:inline-flex}.webtanan-specialty-list{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px;display:grid}.webtanan-specialty-list.wb-specialty-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.webtanan-specialty-list.wb-specialty-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.webtanan-specialty-list.wb-specialty-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))}.webtanan-specialty-list.wb-specialty-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))}.webtanan-specialty-chip{min-width:0;min-height:118px;color:var(--wb-text-main);text-align:center;box-shadow:var(--wb-shadow-sm);background:#fff;border:1px solid #dbe4f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 14px 12px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.webtanan-specialty-chip:hover{border-color:#93c5fd;transform:translateY(-3px);box-shadow:0 14px 28px #0f172a17}.webtanan-specialty-visual{width:54px;height:54px;color:var(--wb-primary);background:#eff6ff;border:1px solid #dbeafe;border-radius:15px;flex:0 0 54px;place-items:center;font-size:1.35rem;display:grid}.webtanan-specialty-copy{gap:1px;min-width:0;display:grid}.webtanan-specialty-copy strong{color:var(--wb-text-main);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:900;line-height:1.65;overflow:hidden}.webtanan-specialty-copy small{color:var(--wb-text-muted);font-size:.72rem}.webtanan-specialty-arrow{color:var(--wb-primary);font-size:.72rem}.wb-specialty-layout-right .webtanan-specialty-chip,.wb-specialty-layout-left .webtanan-specialty-chip{text-align:right;flex-direction:row}.wb-specialty-layout-left .webtanan-specialty-chip{flex-direction:row-reverse}.webtanan-specialty-icon{object-fit:contain;width:38px;height:38px}.webtanan-booking-release-note{color:#475569;background:#f8fbff;border:1px solid #dbeafe;border-radius:11px;align-items:center;gap:8px;margin:10px 0 0;padding:10px 12px;font-size:.78rem;line-height:1.8;display:flex}.webtanan-booking-release-note:before{content:"";color:var(--wb-primary);font-family:"Font Awesome 6 Free";font-weight:900}.webtanan-booking-release-note[hidden]{display:none!important}.wb-search-toggle{border:1px solid var(--wb-border);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:7px 12px;grid-template-columns:none!important;width:fit-content!important;display:inline-flex!important}.wb-search-toggle input{appearance:none;cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;flex:0 0 38px;width:38px;height:22px;margin:0;transition:background-color .16s;position:relative}.wb-search-toggle input:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;right:3px;box-shadow:0 1px 4px #0f172a33}.wb-search-toggle input:checked{background:var(--wb-primary)}.wb-search-toggle input:checked:before{transform:translate(-16px)}.wb-search-toggle span{color:var(--wb-text-main);white-space:nowrap;font-size:.84rem}.wb-record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.wb-topup-presets{flex-wrap:wrap;gap:8px;display:flex}.wb-topup-presets button{border:1px solid var(--wb-border);cursor:pointer;background:#f8fafc;border-radius:12px;padding:9px 12px}.wb-confirm-overlay{z-index:2147483000;background:#0f172a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.wb-confirm-dialog,.wb-confirm-modal{width:min(460px,100%);box-shadow:var(--wb-shadow-md);background:#fff;border-radius:18px;padding:24px}.wb-confirm-head h3,.wb-modal-head h3{margin:4px 0 0}.wb-confirm-body p{color:var(--wb-text-muted);line-height:1.9}.wb-confirm-reason{gap:8px;display:grid}.wb-confirm-reason textarea{border:1px solid var(--wb-border);resize:vertical;border-radius:12px;width:100%;padding:12px}.wb-modal[hidden],.wb-payment-overlay[hidden]{display:none!important}.wb-modal,.wb-payment-overlay{z-index:2147483000;backdrop-filter:blur(3px);background:#0f172a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wb-modal-panel,.wb-payment-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px;width:min(720px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;box-shadow:0 28px 90px #0f172a4d}.wb-modal-head{z-index:2;border-bottom:1px solid var(--wb-border);background:#fffffff7;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex;position:sticky;top:0}.wb-modal-head>div>span{color:var(--wb-primary);font-size:.82rem;font-weight:800}.wb-walkin-form,.wb-payment-dialog-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid}.wb-payment-dialog-body{grid-template-columns:1fr}.wb-walkin-form label{gap:7px;display:grid}.wb-walkin-form label span{color:var(--wb-text-muted);font-size:.86rem;font-weight:800}.wb-walkin-form input,.wb-walkin-form select{border:1px solid var(--wb-border);border-radius:12px;outline:none;width:100%;min-height:46px;padding:9px 12px}.wb-walkin-form input:focus,.wb-walkin-form select:focus{border-color:var(--wb-primary);box-shadow:0 0 0 4px #2563eb1a}.wb-walkin-form .wb-form-actions,.wb-walkin-form .wb-form-message{grid-column:1/-1}.wb-payment-message{min-height:24px;color:var(--wb-text-muted);text-align:center;font-size:.88rem;line-height:1.7}.wb-patient-pay-submit{width:100%;min-height:52px}.wb-table-action.primary{border-color:var(--wb-primary);background:var(--wb-primary);color:#fff}.wb-sidebar-backdrop{display:none}.wb-confirm-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.webtanan-booking.sample-dashboard-shell{grid-template:"sidebar main"1fr/260px minmax(0,1fr)}.webtanan-booking.sample-dashboard-shell .sample-dashboard-header{display:none!important}.wb-dashboard-mobile-menu{border:1px solid var(--wb-border);min-height:42px;color:var(--wb-primary);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;margin:14px 18px 0;padding:9px 12px;font-weight:850;display:none}.wb-auth-page{background:#f8fafc;place-items:center;min-height:calc(100vh - 160px);padding:56px 20px;display:grid}.wb-auth-page-inner{width:min(520px,100%)}.wb-auth-page-head{text-align:center;margin-bottom:20px}.wb-auth-page-head span{color:var(--wb-primary);font-weight:850}.wb-auth-page-head h1{margin:8px 0;font-size:clamp(1.55rem,4vw,2rem)}.wb-auth-page-head p{color:var(--wb-text-muted);margin:0}.webtanan-auth-box,.wb-account-form{border:1px solid var(--wb-border);box-shadow:var(--wb-shadow-sm);background:#fff;border-radius:18px;gap:16px;padding:24px;display:grid}.webtanan-auth-mobile,.webtanan-auth-otp,.webtanan-auth-profile{gap:14px;display:grid}.wb-account-type{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.wb-account-type legend{color:var(--wb-text-muted);grid-column:1/-1;margin-bottom:2px;font-size:.86rem;font-weight:800}.wb-account-type label{cursor:pointer;position:relative}.wb-account-type input{opacity:0;pointer-events:none;position:absolute}.wb-account-type label>span{border:1px solid var(--wb-border);min-height:48px;color:var(--wb-text-main);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:850;transition:border-color .16s,background-color .16s,box-shadow .16s;display:flex}.wb-account-type input:checked+span{border-color:var(--wb-primary);color:var(--wb-primary);background:#eff6ff;box-shadow:0 0 0 3px #2563eb17}.wb-doctor-application-fields{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.wb-doctor-application-fields[hidden]{display:none!important}.wb-doctor-application-fields>p{color:var(--wb-text-muted);grid-column:1/-1;margin:0;font-size:.82rem;line-height:1.8}.webtanan-auth-mobile[hidden],.webtanan-auth-otp[hidden],.webtanan-auth-profile[hidden],.webtanan-booking-auth-mobile[hidden]{display:none!important}.webtanan-auth-mobile label,.webtanan-auth-otp label{gap:7px;display:grid}.webtanan-auth-box input,.wb-account-form input{border:1px solid var(--wb-border);border-radius:12px;outline:none;width:100%;min-height:48px;padding:10px 14px}.webtanan-auth-box input:focus,.wb-account-form input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1a}.wb-profile-required{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:16px 18px;display:flex}.wb-profile-required p{color:#92400e;margin:4px 0 0}.wb-section-actions{justify-content:flex-start;margin-bottom:16px;display:flex}.wb-dependent-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.wb-dependent-card{border:1px solid var(--wb-border);box-shadow:var(--wb-shadow-sm);background:#fff;border-radius:16px;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:16px;display:grid}.wb-dependent-avatar{width:48px;height:48px;color:var(--wb-primary);background:#dbeafe;border-radius:50%;place-items:center;font-weight:900;display:grid}.wb-dependent-copy h3,.wb-dependent-copy p,.wb-dependent-copy small{margin:0;display:block}.wb-dependent-copy p,.wb-dependent-copy small{color:var(--wb-text-muted)}.wb-dependent-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.wb-dependent-actions button{border:1px solid var(--wb-border);min-height:36px;color:var(--wb-primary);cursor:pointer;background:#fff;border-radius:9px;padding:6px 12px;font-weight:800}.wb-dependent-actions button:last-child{color:var(--wb-danger)}.wb-appointment-grid-staff{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.wb-appointment-grid-staff .sample-select-all{grid-column:1/-1}.wb-appointment-grid-staff .appointment-item{border:1px solid var(--wb-border);min-width:0;min-height:220px;box-shadow:var(--wb-shadow-sm);background:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:16px;padding:18px;display:flex}.wb-appointment-grid-staff .appointment-item .info{align-items:flex-start}.wb-appointment-grid-staff .appointment-item .details{min-width:0}.wb-appointment-grid-staff .appointment-item .actions{border-top:1px solid var(--wb-border);justify-content:flex-start;padding-top:14px}.wb-segmented{border:1px solid var(--wb-border);background:#f1f5f9;border-radius:12px;grid-auto-flow:column;gap:4px;padding:4px;display:inline-grid}.wb-segmented button{min-width:82px;min-height:38px;color:var(--wb-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:.86rem;font-weight:800}.wb-segmented button.is-active{color:#fff;background:var(--wb-primary);box-shadow:0 4px 12px #2563eb38}.wb-schedule-workspace{gap:22px;display:grid}.wb-schedule-section{padding:clamp(16px,3vw,24px)}.wb-schedule-section .wb-section-head{margin-bottom:18px}.wb-schedule-section .wb-section-head h3,.wb-schedule-section .wb-section-head p{margin:0}.wb-schedule-section .wb-section-head p{color:var(--wb-text-muted);margin-top:5px}.wb-input-suffix{align-items:center;gap:8px;display:flex}.wb-input-suffix input{flex:1;min-width:0}.wb-input-suffix small{color:var(--wb-text-muted);white-space:nowrap}.wb-weekday-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:20px;display:grid}.wb-weekday-card{border:1px solid var(--wb-border);background:#f8fafc;border-radius:12px;overflow:hidden}.wb-weekday-card[data-active=true]{background:#f0fdf4;border-color:#bbf7d0}.wb-weekday-card header{border-bottom:1px solid var(--wb-border);justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.wb-weekday-card>div{gap:8px;padding:12px;display:grid}.wb-weekday-card p{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 8px;margin:0;display:grid}.wb-weekday-card p i{color:var(--wb-primary);grid-row:1/3}.wb-weekday-card p small{color:var(--wb-text-muted)}.wb-weekday-empty{color:var(--wb-text-muted);display:block!important}.wb-special-day-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:20px;display:grid}.wb-special-day-card{border:1px solid var(--wb-border);border-inline-start:4px solid var(--wb-primary);background:#fff;border-radius:12px;padding:14px 14px 14px 52px;position:relative}.wb-special-day-card[data-type=day_off]{border-inline-start-color:var(--wb-danger)}.wb-special-day-card>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.wb-special-day-card p{margin:10px 0 0;font-weight:800}.wb-special-day-card small{color:var(--wb-text-muted);margin-top:6px;display:block}.wb-icon-action{color:#b91c1c;cursor:pointer;background:#fee2e2;border:0;border-radius:10px;place-items:center;width:36px;height:36px;display:inline-grid}.wb-weekday-card .wb-icon-action{grid-area:1/3/3}.wb-special-day-card .wb-icon-action{position:absolute;inset:auto auto 12px 12px}.wb-icon-action i{color:inherit!important;grid-row:auto!important}.wb-settings-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.wb-settings-card{border:1px solid var(--wb-border);min-height:180px;color:var(--wb-text-main);text-align:right;cursor:pointer;place-items:start;gap:8px;padding:20px;display:grid}.wb-settings-card i{width:44px;height:44px;color:var(--wb-primary);background:#eff6ff;border-radius:12px;place-items:center;font-size:1.2rem;display:grid}.wb-settings-card strong{font-size:1rem}.wb-settings-card span{color:var(--wb-text-muted);line-height:1.8}.wb-settings-card:hover{border-color:#93c5fd;transform:translateY(-2px)}.wb-favorite-doctor{color:#be123c;min-height:38px;font:inherit;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:.78rem;font-weight:800;display:inline-flex}.wb-favorite-doctor[data-favorite=true]{color:#fff;background:#e11d48;border-color:#e11d48}.wb-favorite-doctor:disabled{opacity:.6;cursor:wait}.wb-favorite-doctor-grid{margin-top:18px}.wb-otp-source{display:none!important}.wb-otp-boxes{grid-template-columns:repeat(6,minmax(38px,52px));justify-content:center;gap:9px;width:100%;margin-block:12px;display:grid}.wb-otp-boxes input{text-align:center;direction:ltr;min-width:0;height:54px;font-weight:900;width:100%!important;color:var(--wb-text-main)!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:11px!important;padding:0!important;font-size:1.3rem!important}.wb-otp-boxes input:focus{outline:0;border-color:var(--wb-primary)!important;box-shadow:0 0 0 3px #2563eb21!important}.wb-otp-countdown{color:var(--wb-primary);text-align:center;margin:4px 0 12px;font-size:.83rem;font-weight:800}.wb-otp-countdown[data-expired=true]{color:var(--wb-danger)}@media (width<=1100px){.stats-grid,.wb-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.wb-record-grid{grid-template-columns:1fr}}@media (width<=768px){.webtanan-payment-options{grid-template-columns:1fr}.webtanan-doctor-grid .doctor-card,.webtanan-doctor-list-container .doctor-card,.webtanan-doctor-results .doctor-card,.webtanan-booking.doctor-card{min-height:0;padding:18px}.search-row{grid-template-columns:1fr}.sample-dashboard-shell{min-height:auto;display:block}.wb-dashboard-mobile-menu{display:inline-flex}.webtanan-saas-theme-active .wb-dashboard-mobile-menu,.webtanan-saas-theme-active .sample-dashboard-shell .sidebar,.webtanan-saas-theme-active .sample-dashboard-shell .dashboard-sidebar{display:none!important}.sample-dashboard-shell .sidebar,.sample-dashboard-shell .dashboard-sidebar{z-index:10001;width:min(290px,86vw);box-shadow:var(--wb-shadow-md);transition:transform .25s;position:fixed;inset:0 0 0 auto;transform:translate(105%)}.sample-dashboard-shell .sidebar.open,.sample-dashboard-shell .dashboard-sidebar.open{transform:translate(0)}.sample-dashboard-shell.is-menu-open .wb-sidebar-backdrop{z-index:10000;background:#0f172a80;border:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.sample-dashboard-header .container,.sample-dashboard-shell .wb-content{padding-inline:18px}.stats-grid,.wb-stats-grid,.wb-help-grid{grid-template-columns:1fr}.wb-today-summary-head{flex-direction:column;align-items:flex-start}.wb-today-summary-head>div:last-child{text-align:right}.webtanan-booking-modal{align-items:end;padding:10px}.webtanan-booking-modal-panel{border-radius:20px 20px 0 0;width:100%;max-height:calc(100vh - 20px)}.webtanan-booking-modal-steps,.webtanan-booking-day-strip,.webtanan-booking-modal-slots,.webtanan-booking-modal-auth,.webtanan-booking-modal-otp,.webtanan-booking-modal-profile,.webtanan-booking-modal-person,.webtanan-booking-modal-payment,.webtanan-booking-modal-message{margin-inline:16px}.webtanan-booking-modal-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wb-booking-field-grid{grid-template-columns:1fr;gap:12px}.webtanan-booking-modal-auth .wb-btn,.webtanan-booking-modal-otp .wb-btn,.webtanan-booking-modal-profile .wb-btn,.webtanan-booking-modal-person>.wb-btn{width:100%}.wb-booking-doctor-summary,.wb-booking-clinic-note{margin-inline:16px}.wb-booking-clinic-note{padding:12px}.wb-profile-required{flex-direction:column;align-items:stretch}.wb-modal,.wb-payment-overlay{align-items:end;padding:8px}.wb-modal-panel,.wb-payment-dialog{border-radius:20px 20px 0 0;width:100%;max-height:calc(100dvh - 16px)}.wb-walkin-form{grid-template-columns:1fr;padding:16px}.wb-walkin-form .wb-form-actions,.wb-walkin-form .wb-form-message{grid-column:auto}.wb-profile-form{grid-template-columns:1fr;padding:14px}.wb-profile-media-editor{grid-template-columns:96px minmax(0,1fr);align-items:center}.wb-profile-preview{width:96px}.wb-form-grid,.wb-record-form,.wb-record-note-form,.wb-record-file-form{grid-template-columns:1fr}.wb-form-wide,.wb-record-form-head,.wb-record-form>button,.wb-record-note-form>.wb-section-head,.wb-record-note-form>button,.wb-record-file-form>.wb-section-head,.wb-record-file-form>button{grid-column:auto}.webtanan-specialty-list,.webtanan-specialty-list.wb-specialty-columns-3,.webtanan-specialty-list.wb-specialty-columns-4,.webtanan-specialty-list.wb-specialty-columns-5,.webtanan-specialty-list.wb-specialty-columns-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.webtanan-specialty-chip{min-height:128px;padding-inline:8px}.appointment-item,.wb-appointment-row{grid-template-columns:1fr;align-items:stretch;padding:14px}.appointment-item .actions{border-top:1px solid var(--wb-border);justify-content:flex-start;padding-top:12px}.appointment-item .actions .wb-table-action{min-height:40px}.wb-account-type,.wb-doctor-application-fields{grid-template-columns:1fr}.wb-doctor-application-fields>p{grid-column:auto}.webtanan-payment-result{padding:12px 8px 32px}.wb-result-card{border-radius:16px}.wb-result-hero{align-items:flex-start;padding:20px 16px}.wb-factor-card,.webtanan-resume-payment{margin:14px}.wb-factor-card>header,.webtanan-checkout-head,.wb-receipt-paper-head{flex-direction:column;align-items:flex-start;padding:18px}.wb-factor-list{grid-template-columns:1fr;padding:12px 18px}.wb-factor-list dt{border-bottom:0;padding-bottom:2px}.wb-factor-list dd{padding-top:2px}.wb-receipt-accounting{width:calc(100% - 36px);margin:16px 18px 20px}.wb-result-actions{padding:0 14px 18px;display:grid}.wb-result-actions .wb-btn{width:100%}.wb-resume-form,.wb-resume-otp{grid-template-columns:1fr}}@media (width<=520px){.wb-appointment-grid-staff,.wb-weekday-grid,.wb-special-day-list,.wb-settings-grid{grid-template-columns:1fr}.wb-segmented{width:100%}.wb-segmented button{min-width:0}.wb-otp-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.wb-otp-boxes input{height:48px;border-radius:9px!important;font-size:1.08rem!important}.wb-favorite-doctor span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.webtanan-doctor-search .doctor-list,.webtanan-doctor-list-container{grid-template-columns:1fr}.doc-header{align-items:flex-start}.wb-clinic-grid{grid-template-columns:1fr}.webtanan-booking-modal-slot-grid{gap:7px}.webtanan-booking-modal-slot{min-height:44px;padding:7px 4px}.webtanan-booking-day{min-width:82px}.wb-booking-clinic-note p{display:none}}.wb-public-flow-page{background:var(--wb-bg-body);place-items:center;min-height:min(760px,100vh - 120px);padding:48px 20px;display:grid}.wb-public-flow{width:min(100%,720px);margin-inline:auto}.wb-public-card{border:1px solid var(--wb-border);background:var(--wb-bg-surface);box-shadow:var(--wb-shadow-md);text-align:right;border-radius:24px;padding:clamp(24px,5vw,42px);position:relative;overflow:hidden}.wb-public-card:before{content:"";background:var(--wb-primary);height:4px;position:absolute;inset:0 0 auto}.wb-public-card h1{color:var(--wb-text-main);margin:10px 0 8px;font-size:clamp(1.45rem,4vw,2rem);line-height:1.5}.wb-public-card>p{color:var(--wb-text-muted);margin:0 0 22px;line-height:1.9}.wb-public-loading{text-align:center;align-content:center;justify-items:center;min-height:260px;display:grid}.wb-public-spinner{border:3px solid var(--wb-border);border-top-color:var(--wb-primary);border-radius:50%;width:38px;height:38px;animation:.75s linear infinite wb-public-spin}@keyframes wb-public-spin{to{transform:rotate(360deg)}}.wb-public-doctor-name{color:#1e40af;background:#eff6ff;border-radius:14px;align-items:center;min-height:50px;margin-bottom:16px;padding:12px 16px;font-weight:900;display:flex}.wb-public-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.wb-public-summary>*{border:1px solid var(--wb-border);background:var(--wb-bg-body);border-radius:12px;min-width:0;padding:12px 14px}.wb-survey-saved-note{color:#166534;background:#dcfce7;border-radius:12px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 14px;line-height:1.7;display:flex}.wb-survey-form{gap:18px;display:grid}.wb-rating-picker{border:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.wb-rating-picker legend{color:var(--wb-text-main);grid-column:1/-1;margin-bottom:4px;font-weight:900}.wb-rating-picker label{cursor:pointer;min-width:0;position:relative}.wb-rating-picker input{opacity:0;width:1px;height:1px;position:absolute}.wb-rating-picker span{border:1px solid var(--wb-border);background:var(--wb-bg-surface);min-height:48px;color:var(--wb-warning);white-space:nowrap;border-radius:12px;place-items:center;padding:7px;font-size:clamp(.65rem,1.7vw,.92rem);transition:border-color .2s,background .2s,box-shadow .2s;display:grid;overflow:hidden}.wb-rating-picker input:checked+span,.wb-rating-picker input:focus-visible+span{border-color:var(--wb-warning);background:#fffbeb;box-shadow:0 0 0 3px #f59e0b26}.wb-field-full{color:var(--wb-text-main);gap:8px;font-weight:800;display:grid}.wb-field-full textarea{resize:vertical;border:1px solid var(--wb-border);background:var(--wb-bg-surface);width:100%;min-height:132px;color:var(--wb-text-main);border-radius:12px;outline:0;padding:13px 15px;line-height:1.8}.wb-field-full textarea:focus{border-color:var(--wb-primary);box-shadow:0 0 0 3px #2563eb24}.wb-checkbox-line{color:var(--wb-text-muted);cursor:pointer;align-items:flex-start;gap:10px;line-height:1.8;display:flex}.wb-checkbox-line input{width:19px;height:19px;accent-color:var(--wb-primary);flex:none;margin-top:4px}.wb-survey-form .wb-btn{width:100%;min-height:50px}.wb-public-message{min-height:24px;color:var(--wb-text-muted);margin-top:12px;line-height:1.7}.wb-public-success:before{background:var(--wb-success)}.wb-public-error:before{background:var(--wb-danger)}@media (width<=640px){.wb-public-flow-page{align-items:start;min-height:calc(100vh - 72px);padding:16px 10px 32px}.wb-public-card{border-radius:18px;padding:22px 16px}.wb-public-summary{grid-template-columns:1fr}.wb-rating-picker{gap:5px}.wb-rating-picker span{min-height:44px;padding-inline:3px}}@media print{.site-header,.site-footer,.webtanan-booking-modal,.wb-print-button{display:none!important}.webtanan-payment-result,.wb-printable-receipt{background:#fff;min-height:0;padding:0}.wb-result-card,.wb-receipt-paper{width:100%;box-shadow:none;border:0;border-radius:0;margin:0}.wb-result-hero,.webtanan-resume-payment,.wb-result-actions{display:none!important}}.wb-weekday-picker,.wb-date-range-mode{border:1px solid var(--wb-border,#dbe3ef);background:var(--wb-bg-body,#f8fafc);border-radius:14px;gap:10px;margin:0;padding:14px;display:grid}.wb-weekday-picker legend,.wb-date-range-mode legend{color:var(--wb-text-main,#0f172a);padding:0 8px;font-weight:900}.wb-weekday-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.wb-weekday-picker legend{grid-column:1/-1}.wb-weekday-picker label,.wb-date-range-mode label{border:1px solid var(--wb-border,#dbe3ef);background:var(--wb-bg-surface,#fff);min-width:0;min-height:44px;color:var(--wb-text-main,#0f172a);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;font-weight:800;display:flex}.wb-weekday-picker input,.wb-date-range-mode input[type=radio]{width:18px;height:18px;accent-color:var(--wb-primary,#2563eb);flex:none;margin:0}.wb-schedule-range-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.wb-schedule-range-fields label{justify-content:stretch;align-items:stretch;display:grid}.wb-schedule-range-fields input,.wb-schedule-form input[type=time],.wb-exception-form input[type=time]{text-align:center;font-variant-numeric:tabular-nums;direction:ltr}@media (width<=700px){.wb-weekday-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-schedule-range-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.webtanan-booking *,.webtanan-booking :before,.webtanan-booking :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.doctor-card .doctor-card-actions{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:9px;margin-top:auto;display:grid}.doctor-card .doctor-card-actions :where(.doctor-profile-link,.doctor-book-now){white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:50px;margin:0;padding:9px 10px;display:inline-flex}.doctor-card .doctor-card-actions .doctor-profile-link{color:var(--wb-primary);background:#eff6ff;border:1px solid #bfdbfe}.doctor-card .doctor-card-actions .doctor-book-now{border:1px solid var(--wb-primary);background:var(--wb-primary);color:#fff}@media (width<=767px){.webtanan-specialty-list,.webtanan-specialty-list.wb-specialty-columns-2,.webtanan-specialty-list.wb-specialty-columns-3,.webtanan-specialty-list.wb-specialty-columns-4,.webtanan-specialty-list.wb-specialty-columns-5,.webtanan-specialty-list.wb-specialty-columns-6{grid-template-columns:repeat(2,minmax(0,1fr))}.webtanan-booking-modal{align-items:end;padding:0}.webtanan-booking-modal-panel{border-radius:22px 22px 0 0;width:100%;max-width:none;max-height:94dvh}.webtanan-booking-modal-slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-sidebar{display:none}.wb-mobile-booking-dock{display:grid}}.webtanan-booking .doctor-card{cursor:pointer;background:#fff;border:1px solid #e3e8f0;border-radius:18px;flex-direction:column;gap:14px;min-width:0;min-height:100%;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 8px 26px #0f172a12}.webtanan-booking .doctor-card .doc-header{grid-template-columns:68px minmax(0,1fr);align-items:start;gap:13px;display:grid}.webtanan-booking .doctor-card .doc-avatar{border-radius:50%;place-items:center;width:68px;height:68px;display:grid;overflow:hidden}.webtanan-booking .doctor-card .doc-avatar img{object-fit:cover;width:100%;height:100%}.webtanan-booking .doctor-card .doc-info{align-content:start;gap:5px;min-width:0;display:grid}.webtanan-booking .doctor-card:hover,.webtanan-booking .doctor-card:focus-visible{border-color:#b9ccfb;outline:none;transform:translateY(-3px);box-shadow:0 18px 38px #2563eb21}.webtanan-booking .doctor-card .doc-info h3{align-items:center;gap:7px;min-width:0;min-height:3.15em;margin:0;font-size:1rem;line-height:1.55;display:flex}.webtanan-booking .doctor-card .doc-info h3>a{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.webtanan-booking .doctor-card .wb-verified-mark{flex:none;order:-1}.webtanan-booking .doctor-card .doc-meta{border-top:1px solid #edf1f6;gap:10px;min-height:56px;margin-top:0;padding-top:12px;display:grid}.webtanan-booking .doctor-card .doc-meta>p,.webtanan-booking .doctor-card .wb-next-available-line{color:#52627a;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.webtanan-booking .doctor-card .doc-meta>p>i,.webtanan-booking .doctor-card .wb-next-available-line>i{color:#2563eb;text-align:center;flex:0 0 18px;width:18px}.webtanan-booking .doctor-card .doctor-card-actions{gap:9px;margin-top:2px;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr)!important;display:grid!important}.webtanan-booking .doctor-card .doctor-card-actions :where(.doctor-book-now,.doctor-profile-link){white-space:nowrap;border-radius:12px;width:100%;min-width:0;min-height:48px;margin:0;padding-inline:8px}.webtanan-booking .doctor-card .doctor-book-now{box-shadow:0 8px 18px #2563eb33;color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.webtanan-booking .doctor-card .doctor-book-now:hover,.webtanan-booking .doctor-card .doctor-book-now:focus-visible{background:#1d4ed8!important;border-color:#1d4ed8!important}.webtanan-booking .doctor-card .doctor-profile-link{color:#1d4ed8!important;box-shadow:none!important;background:#f7f9ff!important;border:1px solid #cbd9f8!important}.webtanan-booking .doctor-card .doctor-profile-link:hover,.webtanan-booking .doctor-card .doctor-profile-link:focus-visible{background:#eef4ff!important;border-color:#93b4ff!important}.webtanan-booking .wb-next-empty{color:#7b8799;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:.82rem;line-height:1.8;display:inline-flex}.webtanan-booking .wb-next-empty-error{color:#b91c1c}.webtanan-booking :where(.webtanan-next-card strong,.webtanan-slot strong,.webtanan-booking-modal-slot strong,.wb-calendar-slot-time){font-variant-numeric:tabular-nums;letter-spacing:0;font-family:inherit!important}.webtanan-booking .profile-hero{background:#fff;border:1px solid #e3e8f0;border-radius:20px;flex-flow:wrap;align-items:center;gap:22px;padding:26px;display:flex;position:relative;overflow:visible;box-shadow:0 10px 30px #0f172a12}.webtanan-booking .profile-hero .hero-avatar{border:4px solid #fff;border-radius:50%;flex:0 0 126px;width:126px;height:126px;box-shadow:0 0 0 1px #dce4ef,0 10px 24px #0f172a1f}.webtanan-booking .profile-hero .hero-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.webtanan-booking .profile-hero .hero-info{flex:340px;min-width:0;padding-inline-end:42px}.webtanan-booking .profile-hero .hero-info h1{color:#111827;align-items:center;gap:8px;margin:0 0 8px;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.55;display:flex}.webtanan-booking .profile-hero .hero-info h1>span:last-child{overflow-wrap:anywhere;min-width:0}.webtanan-booking .profile-hero .specialty{margin:0}.webtanan-booking .wb-profile-meta-icons{flex-wrap:wrap;gap:8px 16px;margin-top:13px;display:flex}.webtanan-booking .wb-profile-meta-icons span{color:#52627a;align-items:center;gap:7px;min-width:0;font-size:.88rem;display:inline-flex}.webtanan-booking .wb-profile-meta-icons i{color:#2563eb}.webtanan-booking .wb-profile-hero-book{min-width:180px;margin-top:22px!important}.webtanan-booking .wb-profile-actions-menu{z-index:20;position:absolute;inset-block-start:18px;inset-inline-end:18px}.webtanan-booking .wb-profile-actions-trigger{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dde4ee;border-radius:12px;place-items:center;width:42px;height:42px;padding:0;display:grid}.webtanan-booking .wb-profile-actions-trigger:hover,.webtanan-booking .wb-profile-actions-trigger[aria-expanded=true]{color:#2563eb;background:#eff6ff;border-color:#9db9fb}.webtanan-booking .wb-profile-actions-popover{background:#fff;border:1px solid #e1e7f0;border-radius:13px;width:225px;padding:7px;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;box-shadow:0 18px 42px #0f172a2e}.webtanan-booking .wb-profile-actions-popover[hidden]{display:none}.webtanan-booking .wb-profile-actions-popover button{color:#334155;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:42px;padding:8px 10px;display:flex}.webtanan-booking .wb-profile-actions-popover button:hover{color:#1d4ed8;background:#eff6ff}.webtanan-booking .wb-profile-trust-stats{border:1px solid #e3e8f0;border-radius:14px;flex:1 0 100%;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-top:8px;display:grid;overflow:hidden}.webtanan-booking .wb-profile-trust-stats>.wb-profile-stat{color:#1f2937;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:108px;padding:12px 8px;text-decoration:none;display:flex}.webtanan-booking .wb-profile-trust-stats>.wb-profile-stat:not(:last-child){border-inline-end:1px dashed #d7dee9}.webtanan-booking .wb-profile-stat-icon{color:#16a34a;background:#ecfdf3;border-radius:10px;place-items:center;width:30px;height:30px;margin-bottom:2px;display:grid}.webtanan-booking .wb-profile-stat-icon i{color:#16a34a;font-size:.92rem}.webtanan-booking .wb-profile-stat-rating .wb-profile-stat-icon{color:#d97706;background:#fff7e6}.webtanan-booking .wb-profile-stat-rating .wb-profile-stat-icon i{color:#f59e0b}.webtanan-booking .wb-profile-stat-success .wb-profile-stat-icon{color:#2563eb;background:#eff6ff}.webtanan-booking .wb-profile-stat-success .wb-profile-stat-icon i{color:#2563eb}.webtanan-booking .wb-profile-trust-stats strong{font-size:1.08rem;line-height:1.35}.webtanan-booking .wb-profile-stat-label{color:#334155;max-width:100%;font-size:.78rem;font-weight:800;line-height:1.5}.webtanan-booking .wb-profile-trust-stats small{color:#7b8799;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.68rem;line-height:1.5;overflow:hidden}.webtanan-booking .profile-tabs a{align-items:center;gap:7px;display:inline-flex}.webtanan-booking .profile-tabs a i,.webtanan-booking .content-box>header h2>i{color:#2563eb}.webtanan-booking .content-box>header h2{align-items:center;gap:10px;display:flex}.webtanan-booking .content-box>header h2>i{background:#eff6ff;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:.9rem;display:grid}.webtanan-booking :where(.wb-clinic-item,.clinic-info-item)>span{align-items:center;gap:7px;display:inline-flex}.webtanan-booking :where(.wb-clinic-item,.clinic-info-item)>span i{color:#2563eb}.webtanan-booking .webtanan-profile-next{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.webtanan-booking .webtanan-profile-next>span{margin-bottom:8px}.webtanan-booking .wb-sidebar-booking-form .wb-booking-cta{margin-top:20px}.webtanan-booking .wb-clinic-map-card{background:#fff;border:1px solid #dfe6ef;border-radius:16px;margin-top:18px;overflow:hidden}.webtanan-booking .wb-clinic-map-card iframe{background:#eef2f7;border:0;width:100%;height:330px;display:block}.webtanan-booking .wb-clinic-map-actions{flex-wrap:wrap;align-items:center;gap:9px;padding:13px;display:flex}.webtanan-booking .wb-clinic-map-actions .wb-btn{min-height:44px}.webtanan-booking .wb-map-source{color:#64748b;margin-inline-start:auto;font-size:.78rem}@media (width<=1024px){.webtanan-booking .profile-layout{width:min(100% - 24px,1200px);max-width:1200px;display:block!important}.webtanan-booking .profile-main{width:100%;min-width:0;max-width:100%}}@media (width<=767px){.webtanan-booking .profile-hero{direction:ltr;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 78px;align-items:start;gap:14px;width:100%;max-width:100%;padding:18px 15px 15px;display:grid}.webtanan-booking .profile-hero .hero-avatar{grid-area:1/2;width:78px;height:78px}.webtanan-booking .profile-hero .hero-info{direction:rtl;grid-area:1/1;width:100%;padding-inline-end:30px}.webtanan-booking .profile-hero .hero-info h1{font-size:1.1rem}.webtanan-booking .wb-profile-meta-icons{gap:6px;display:grid}.webtanan-booking .wb-profile-meta-icons span{font-size:.76rem}.webtanan-booking .wb-profile-hero-book{width:100%;min-width:0;margin-top:14px!important}.webtanan-booking .wb-profile-actions-menu{inset-block-start:12px;left:12px;right:auto}.webtanan-booking .wb-profile-actions-trigger{width:38px;height:38px}.webtanan-booking .wb-profile-trust-stats{direction:rtl;grid-area:2/1/auto/-1;margin-top:2px}.webtanan-booking .wb-profile-trust-stats>.wb-profile-stat{gap:2px;min-height:96px;padding:8px 3px}.webtanan-booking .wb-profile-stat-icon{border-radius:8px;width:26px;height:26px}.webtanan-booking .wb-profile-stat-icon i{font-size:.78rem}.webtanan-booking .wb-profile-trust-stats strong{font-size:.86rem}.webtanan-booking .wb-profile-stat-label{font-size:.64rem}.webtanan-booking .wb-profile-trust-stats small{max-width:94%;font-size:.57rem}.webtanan-booking .content-box>header h2{font-size:1rem}.webtanan-booking .wb-clinic-map-card iframe{height:245px}.webtanan-booking .wb-clinic-map-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.webtanan-booking .wb-map-source{text-align:center;grid-column:1/-1;margin:0}}@media (width<=420px){.webtanan-booking .doctor-card .doctor-card-actions{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important}.webtanan-booking .doctor-card .doctor-card-actions :where(.doctor-book-now,.doctor-profile-link){min-height:46px;font-size:.76rem}.webtanan-booking .profile-hero{grid-template-columns:minmax(0,1fr) 70px;gap:11px;padding-inline:12px}.webtanan-booking .profile-hero .hero-avatar{width:70px;height:70px}}.webtanan-booking .wb-pagination{border-top:1px solid var(--wb-border-color);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding-top:16px;display:flex}.webtanan-booking .wb-pagination-pages{align-items:center;gap:6px;display:flex}.webtanan-booking .wb-pagination-button{border:1px solid var(--wb-border-color);background:var(--wb-bg-surface);min-width:44px;min-height:44px;color:var(--wb-text-main);font:inherit;cursor:pointer;border-radius:8px;padding:8px 12px;font-weight:700;transition:border-color .16s,background-color .16s,color .16s}.webtanan-booking .wb-pagination-button:hover:not(:disabled),.webtanan-booking .wb-pagination-button.is-active{border-color:var(--wb-primary);background:var(--wb-primary);color:var(--wb-bg-surface)}.webtanan-booking .wb-pagination-button:disabled{opacity:.45;cursor:not-allowed}.webtanan-booking .wb-pagination>span{color:var(--wb-text-muted);font-size:13px}@media (width<=767px){.webtanan-booking .wb-pagination{justify-content:space-between;gap:8px}.webtanan-booking .wb-pagination-pages{order:3;justify-content:center;width:100%}}