.biContainer{background-color:#fff;flex-direction:row;width:100vw;height:100vh;display:flex;overflow:hidden}.navbarContainer.collapsed{flex:none;width:120px;min-width:80px}.navBody{background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca);border-radius:20px;flex-direction:column;width:100%;height:100%;padding:10px;display:flex}.navTitle{align-items:center;gap:10px;width:100%;padding:15px 20px;display:flex;position:relative}.navbarContainer:not(.collapsed) .navTitle{justify-content:center;position:relative}.navbarContainer.collapsed .navTitle{justify-content:center;padding:15px 10px}.navLogoContainer{align-items:center;gap:8px;transition:all .3s ease-in-out;display:flex}.navbarContainer:not(.collapsed) .navLogoContainer{justify-content:center;width:100%;transition:all .3s ease-in-out}.navbarContainer.collapsed .navLogoContainer{justify-content:center;width:100%;min-height:48px;position:relative}.navLogo{object-fit:contain;z-index:1;width:50px;height:50px;transition:opacity .2s,visibility .2s;position:relative}.navbarContainer.collapsed .navLogo{width:44px;height:44px}.navbarContainer:not(.collapsed) .navLogo{border-radius:50%}.navbarContainer.collapsed .navTitle:hover .navLogo{opacity:0;visibility:hidden}.brandFont{color:#fff;font-size:18px;font-weight:500;transition:all .3s ease-in-out}.navbarContainer.collapsed .brandFont{display:none}.navPoweredBy{color:#ffffffc2;text-align:center;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:15px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.navPoweredByLogo{object-fit:contain;width:auto;height:15px;display:block}.navCollapseBtn{color:#ffffff80;cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:6px;transition:all .3s ease-in-out;display:flex;position:absolute;right:10px;transform:scale(.8)}.navCollapseBtn svg{width:23px;height:23px;margin-top:2px}.navCollapseBtn:hover{color:#fff;transform:scale(1.1)}.navbarContainer:not(.collapsed) .navTitle:hover .navLogoContainer{justify-content:flex-start;padding-left:5px}.navbarContainer:not(.collapsed) .navTitle:hover .navCollapseBtn{opacity:1;visibility:visible;transform:scale(1)}.navLogoCollapseBtn{color:#ffffff80;cursor:pointer;opacity:0;visibility:hidden;z-index:2;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:4px;transition:opacity .2s,visibility .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navLogoCollapseBtn svg{width:24px;height:24px}.navLogoCollapseBtn:hover{color:#fff;transform:translate(-50%,-50%)scale(1.1)}.navbarContainer.collapsed .navTitle:hover .navLogoCollapseBtn{opacity:1;visibility:visible}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.navLogoCollapseBtn{animation:.2s ease-out fadeInScale}.glassContainer,.navGlassContainer{background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;width:100%;margin-top:8px;padding:8px 10px;box-shadow:0 4px 10px #0000001a}.navGlassContainer{padding:10px 12px}.navbarContainer.collapsed .navGlassContainer{padding:8px}.navAccountContainer{padding-left:12px}.navbarContainer.collapsed .navAccountContainer{justify-content:center;margin-bottom:10px;display:flex}.navAccount{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding-top:3px;padding-bottom:3px;display:flex}.navbarContainer.collapsed .navAccount{justify-content:center;padding:3px 0}.navAvatar{object-fit:cover;border-radius:25px;width:38px;height:38px}.navbarContainer.collapsed .navAvatar{width:40px;height:40px}.navUserName{color:#fff;font-size:13px;font-weight:500}.navbarContainer.collapsed .navUserName,.navbarContainer.collapsed .navUserRole{display:none}.navUserRole{color:#ffffffb3;font-size:10px}.navOverview{color:#ffffffd4;margin-top:15px;margin-bottom:5px;margin-left:5px;font-size:11px;font-style:italic}.navbarContainer.collapsed .navOverview{display:none}.navMenu{flex-direction:column;gap:2px;display:flex}.navMenuSection{margin-bottom:0}.navbarContainer.collapsed .navMenuSection{flex-direction:column;align-items:center;margin-left:5px;display:flex;position:relative}.selectedGlass{background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;justify-content:center;width:100%;margin-bottom:6px;margin-left:-10px;margin-right:-10px;padding-top:6px;padding-left:10px;box-shadow:0 4px 10px #0000001a}.subSelectedGlass{background:#dde0ff38;border-radius:10px;width:200px;margin-left:-10px;margin-right:-10px;padding-top:4px;padding-bottom:1px}.navBtn{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:6px 10px;font-size:13px;font-weight:400;transition:all .2s;display:flex}.navBtn svg{flex-shrink:0}.navBtn:hover{font-weight:600;transform:scale(1.09)}.navBtn.active{background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;font-weight:500;box-shadow:0 4px 10px #0000001a}.navbarContainer.collapsed .navBtn{justify-content:center;width:40px;height:40px;margin-bottom:4px;margin-left:auto;margin-right:auto;padding:8px}.navbarContainer.collapsed .navBtn:hover{background:#fff3;border-radius:8px;transform:none}.navbarContainer.collapsed .navBtn span{display:none}.navbarContainer.collapsed .navBtn svg{margin:0}.subNavBtn{gap:8px;margin-left:28px;padding:5px 10px;font-size:12px;width:calc(100% - 28px)!important}.subNavBtn svg{opacity:.9}.navSubMenu{margin-top:2px;margin-bottom:4px;margin-left:5px}.navFooter{flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-end;width:100%;display:flex}.navbarContainer.collapsed .navFooter .navGlassContainer{padding:6px}.navbarContainer.collapsed .navFooter .navBtn{justify-content:center}.scrollable-nav{scrollbar-width:thin;scrollbar-color:#888 #f1f1f100;max-height:calc(100vh - 250px);overflow:hidden auto}.navbarContainer.collapsed .scrollable-nav{max-height:calc(100vh - 180px)}.navbarContainer.collapsed .scrollable-nav .navBtn{justify-content:center;margin:0 auto 4px}.navbarContainer.collapsed .scrollable-nav .navMenu{flex-direction:column;align-items:center;gap:2px;display:flex}.scrollable-nav::-webkit-scrollbar{width:6px;height:0}.scrollable-nav::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.scrollable-nav::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}.scrollable-nav::-webkit-scrollbar-thumb:hover{background:#fff}.navbarContainer.collapsed .scrollable-nav::-webkit-scrollbar{width:4px}.navbarContainer.collapsed .scrollable-nav::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.navbarContainer.collapsed .scrollable-nav::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:10px}.navbarContainer.collapsed .scrollable-nav::-webkit-scrollbar-thumb:hover{background:#ffffffb3}.scrollable-nav .navMenu{box-sizing:border-box;width:100%;padding-right:5px}.scrollable-nav .navBtn{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.mobileNavToggle{color:#fff;z-index:1100;cursor:pointer;background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca);border:none;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:none;position:fixed;top:18px;left:18px;box-shadow:0 10px 25px #0e3bca40}.mobileNavBackdrop{z-index:1090;background:#0f172a73;border:none;display:none;position:fixed;inset:0}.navMobileCloseBtn{color:#ffffffe6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.collapsedDropdown{z-index:1000;background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca);border:1px solid #ffffff4d;border-radius:18px;min-width:180px;padding:8px;animation:.5s slideIn;position:fixed;left:97px;box-shadow:0 4px 12px #00000040}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.collapsedDropdownItem{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.collapsedDropdownItem:hover{font-weight:600;transform:scale(1.08)}.collapsedDropdownItem svg{flex-shrink:0}.hoverTooltip{color:#fff;white-space:nowrap;z-index:1000;pointer-events:none;background:#000000d9;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;animation:.15s fadeIn;position:fixed;box-shadow:0 2px 8px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bodyContainer{background-color:#fff;flex:6;height:100vh;padding:30px 30px 30px 15px;overflow-y:auto}.navbarContainer.collapsed+.bodyContainer{flex:6.4}.topContainer{border-radius:15px;flex-direction:row;align-items:center;gap:12px;height:10%;display:flex}.subTopContainer{border-radius:15px;flex-direction:row;flex:20;align-items:center;min-height:20px;padding:20px;display:flex}.notificationContainer{flex:.5;justify-content:center;margin-left:12px}.accountOverviewBodyContainer{height:100vh;padding:30px 30px 40px 15px;overflow:hidden}.accountOverviewTopContainer{align-items:stretch;height:auto;margin-bottom:16px}.accountOverviewSubTopContainer{border-radius:12px;min-height:0;padding:12px 20px}.accountOverviewNotificationContainer{padding:12px}:root{--ps-admin-bg:#f3f6ff;--ps-admin-ink:#0a1156;--ps-admin-muted:#4a5872;--ps-admin-blue:#0818a0;--ps-admin-red:#fa2b24;--ps-admin-cyan:#3db6ee}.navTitle{min-height:58px;padding:10px 12px 14px}.navLogo{background:#ffffff14;border-radius:10px;width:34px;height:34px}.brandFont{color:#fff;font-size:.92rem;font-weight:800}.navCollapseBtn,.navLogoCollapseBtn,.navMobileCloseBtn{color:#ffffffb8}.glassContainer,.navGlassContainer{box-shadow:none;background:#ffffff0e;border:1px solid #ffffff14;border-radius:10px}.navAccountContainer{margin-top:4px;padding:9px}.navAccount{gap:10px}.navAvatar{border:1px solid #3db6ee70;border-radius:10px;width:36px;height:36px}.navUserName{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.78rem;font-weight:700;overflow:hidden}.navUserRole{color:#ffffff94;letter-spacing:.04em;text-transform:uppercase;font-size:.66rem;font-weight:650}.navBtn{color:#ffffffc2;border-radius:8px;min-height:30px;padding:6px 9px;font-size:.78rem;font-weight:650;transition:background .18s,color .18s,transform .18s,box-shadow .18s}.navBtn svg{color:currentColor}.navBtn:hover{color:#fff;background:#ffffff13;font-weight:700;transform:translate(2px)}.navBtn.active{color:#fff;box-shadow:inset 3px 0 0 var(--ps-admin-cyan), 0 10px 24px #00000029;background:linear-gradient(135deg,#3db6ee38,#0818a02e),#ffffff14;border:1px solid #3db6ee57}.subNavBtn{color:#ffffffa3;margin-left:20px;font-size:.72rem;width:calc(100% - 20px)!important}.navSubMenu{border-left:1px solid #3db6ee38;margin:2px 0 4px 4px;padding-left:8px}.scrollable-nav{max-height:calc(100vh - 230px);box-shadow:none;scrollbar-color:#3db6ee9e transparent;background:0 0;border:0;margin-top:8px;padding:0}.scrollable-nav::-webkit-scrollbar-track{background:0 0}.scrollable-nav::-webkit-scrollbar-thumb{background:#3db6eeb8}.navFooter{flex:none;gap:8px;margin-top:auto;display:grid}.navLogoutBtn{background:#fa2b241a;border-color:#fa2b242e;min-height:30px;padding:6px 9px}.navPoweredBy{color:#ffffff8f;margin:0 0 2px;font-size:.62rem;font-weight:650}.navbarContainer.collapsed .navGlassContainer,.navbarContainer.collapsed .navAccountContainer{border-radius:10px}.navbarContainer.collapsed .navBtn{border-radius:10px;width:38px;height:38px}.navbarContainer.collapsed .navBody{border-radius:18px}.navbarContainer.collapsed .navBtn.active{box-shadow:inset 0 -3px 0 var(--ps-admin-cyan), 0 10px 24px #00000029}.collapsedDropdownItem{color:#ffffffc7;border-radius:8px;min-height:34px}.collapsedDropdownItem:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.hoverTooltip{background:#071126;border:1px solid #3db6ee33;border-radius:8px;box-shadow:0 16px 34px #04082a47}.mobileNavToggle{background:linear-gradient(135deg,#fa2b24e6,#0818a0f5);border-radius:999px}.bodyContainer{background:radial-gradient(circle at 18% 0%, #fa2b2414, transparent 28%), radial-gradient(circle at 86% 0%, #0818a01f, transparent 30%), linear-gradient(180deg, #f8faff 0%, var(--ps-admin-bg) 48%, #eef3ff 100%);color:var(--ps-admin-ink);padding:28px 28px 0 16px;position:relative}.profileCard,.dashboardCard,.calendarCard,.analytics-card,.settings-card,.tableContainer,.formContainer{border-color:#9dabc347;box-shadow:0 18px 42px #0a115614}@media (width<=900px){.navbarContainer.mobile{padding:14px}.navbarContainer.mobile .navBody{border-radius:16px;height:calc(100vh - 28px)}.bodyContainer{background:radial-gradient(circle at 18% 0%, #fa2b2414, transparent 28%), radial-gradient(circle at 86% 0%, #0818a01f, transparent 30%), linear-gradient(180deg, #f8faff 0%, var(--ps-admin-bg) 48%, #eef3ff 100%);padding:78px 14px 0}.bodyContainer:after{margin:44px -14px 0}.auditBodyContainer{padding:78px 14px 0!important}.auditTopContainer,.auditSubTopContainer{height:auto!important;min-height:0!important}.auditSubTopContainer{padding-bottom:12px!important}.auditNotificationContainer{width:34px!important;min-width:34px!important;min-height:34px!important}.auditTableContainer{border-radius:18px!important;padding:14px!important}}@media (width<=900px){.bodyContainer>.admin-body-footer.user-page-footer{margin:44px -14px 0}}@media (width<=1100px){.availabilitySettingsWorkspace{flex-direction:column!important}.availabilitySettingsSidebar{flex:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:none!important;display:grid!important}}@media (width<=760px){.availabilitySettingsSidebar{display:flex!important}.availabilitySettingsMainPanel{padding:20px!important}}.availabilitySettingsWorkspace{flex:1 0 auto!important;order:1!important;min-height:calc(100vh - 172px)!important;margin:0!important}.availabilitySettingsWorkspace .gradientBtn,.availabilitySettingsWorkspace .submitBtn,.availabilitySettingsWorkspace .availabilityPrimaryBtn{color:#fff!important;background:linear-gradient(135deg,#ffffff2e,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 42%,#0818a0 100%)!important;border:0!important;border-radius:10px!important;box-shadow:0 14px 28px #0818a033!important}.availabilitySettingsWorkspace button[disabled]{color:#8b96aa!important;box-shadow:none!important;background:#eef3ff!important;transform:none!important}.availabilitySettingsBodyContainer{flex-direction:column!important;height:100vh!important;min-height:0!important;display:flex!important;overflow:hidden auto!important}.availabilitySettingsTopContainer{z-index:5!important;flex:none!important;order:0!important;margin:0 0 16px!important;position:relative!important;top:auto!important}.availabilitySettingsWorkspace{flex-direction:row!important;flex:1 0 auto!important;order:1!important;align-items:stretch!important;gap:20px!important;width:100%!important;min-height:calc(100vh - 172px)!important;margin:0!important;display:flex!important}.availabilitySettingsBodyContainer>.admin-body-footer.user-page-footer,.availabilitySettingsBodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{flex:none!important;order:99!important;margin-top:48px!important}.availabilitySettingsPanel h3,.availabilitySettingsMainPanel h2,.availabilitySettingsMainPanel h3{color:#0a1156!important}.availabilitySettingsPanel p,.availabilitySettingsMainPanel p,.availabilitySettingsMainPanel div[style*="color: #888"],.availabilitySettingsMainPanel div[style*="color: '#888'"]{color:#4a5872!important}.availabilitySettingsWorkspace .dataTable{background:#ffffffdb!important;border:1px solid #0818a01a!important;border-radius:14px!important;overflow:hidden!important}.availabilitySettingsWorkspace .dataTable thead th,.availabilitySettingsWorkspace .dataTable th{color:#0a1156!important;letter-spacing:.05em!important;text-transform:uppercase!important;background:linear-gradient(135deg,#0818a01a,#3db6ee1f)!important;border-bottom:1px solid #3db6ee3d!important;font-size:.72rem!important;font-weight:800!important}.availabilitySettingsWorkspace .dataTable td{color:#34405a!important;border-bottom:1px solid #0818a014!important}.availabilitySettingsWorkspace .dataTable tbody tr:hover{background:#3db6ee14!important}.availabilitySettingsWorkspace .switch{width:50px!important;height:24px!important}.availabilitySettingsWorkspace .switch .slider{background:linear-gradient(135deg,#fa2b241f,#ffffffb8)!important;border:1px solid #fa2b2438!important;box-shadow:inset 0 0 0 1px #ffffff8c!important}.availabilitySettingsWorkspace .switch .slider:before{background:#fff!important;box-shadow:0 4px 10px #0a11562e!important}.availabilitySettingsWorkspace .switch input:checked+.slider{background:linear-gradient(135deg,#3db6ee 0%,#0818a0 100%)!important;border-color:#3db6ee70!important}.availabilitySettingsWorkspace .switch input:checked+.slider:before{background:#fff!important}.availabilitySettingsWorkspace .switch input:disabled+.slider{cursor:not-allowed!important;opacity:.58!important}.availabilitySettingsWorkspace .gradientBtn,.availabilitySettingsWorkspace .submitBtn,.availabilitySettingsWorkspace .availabilityPrimaryBtn,.availabilitySettingsMainPanel button[style*="backgroundColor: '#3d67ee'"],.availabilitySettingsMainPanel button[style*="backgroundColor: '#9aaef7'"]{color:#fff!important;background:linear-gradient(135deg,#ffffff2e,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 42%,#0818a0 100%)!important;border:0!important;border-radius:10px!important;box-shadow:0 14px 28px #0818a033!important}.availabilitySettingsWorkspace .gradientBtn:hover,.availabilitySettingsWorkspace .submitBtn:hover,.availabilitySettingsWorkspace .availabilityPrimaryBtn:hover,.availabilitySettingsMainPanel button[style*="backgroundColor: '#3d67ee'"]:hover{transform:translateY(-1px);filter:brightness(1.04)!important}.availabilitySettingsWorkspace .availabilitySecondaryBtn,.availabilitySettingsWorkspace .availabilityGhostBtn,.availabilitySettingsWorkspace .availabilityInlineActionBtn{color:#0818a0!important;background:#fff!important;border:1px solid #0818a024!important;border-radius:10px!important;box-shadow:0 8px 18px #0a11560f!important}.availabilitySettingsWorkspace .availabilitySecondaryBtn{background:linear-gradient(135deg,#3db6ee1f,#ffffffeb)!important}.availabilitySettingsWorkspace .availabilityGhostBtn{color:#4a5872!important}.availabilitySettingsWorkspace .availabilityInlineActionBtn{border-radius:999px!important;min-height:34px!important;padding:7px 12px!important}.availabilitySettingsWorkspace .availabilitySecondaryBtn:hover,.availabilitySettingsWorkspace .availabilityGhostBtn:hover,.availabilitySettingsWorkspace .availabilityInlineActionBtn:hover{color:#0818a0!important;background:#f7fbff!important;border-color:#0818a052!important}.availabilitySettingsMainPanel button[style*="background: 'none'"],.availabilitySettingsMainPanel button[style*="backgroundColor: '#fff'"],.availabilitySettingsMainPanel button[style*="backgroundColor: '#f5f5f5'"],.availabilitySettingsMainPanel button[style*="backgroundColor: '#f5f7fb'"],.availabilitySettingsMainPanel button[style*="backgroundColor: '#eef4ff'"]{color:#0818a0!important;background:#fff!important;border:1px solid #0818a024!important;border-radius:10px!important;box-shadow:0 8px 18px #0a11560f!important}.availabilitySettingsMainPanel button[disabled]{color:#8b96aa!important;box-shadow:none!important;background:#eef3ff!important;transform:none!important}.availabilitySettingsPanel .submitBtn{width:100%!important}@media (width<=1100px){.availabilitySettingsWorkspace{flex-direction:column!important}}@media (width<=1100px){.availabilitySettingsWorkspace{flex-direction:column!important}.availabilitySettingsSidebar{flex:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:none!important;display:grid!important}}@media (width<=760px){.availabilitySettingsSidebar{display:flex!important}.availabilitySettingsMainPanel{padding:20px!important}}.appointmentScheduleBody{scrollbar-gutter:stable;min-height:0;overflow-x:hidden;height:100vh!important;overflow-y:auto!important}.appointmentScheduleWorkspace{min-height:calc(100vh - 145px);overflow:visible;flex:1 0 auto!important;height:auto!important}.appointmentScheduleMain,.appointmentBookedPanel,.appointmentBookedContent{min-height:0}.appointmentToolbar{align-items:flex-end}.appointmentClearFiltersBtn{min-height:36px;padding:0 14px;box-shadow:0 12px 24px #04082a1f;color:#fff!important;background:radial-gradient(circle at 100% 0,#fa2b242e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%)!important;border:1px solid #fa2b2438!important;border-radius:999px!important;margin-left:0!important}.appointmentTableScroll{flex:auto;min-height:500px;overflow:auto;max-height:none!important}.appointmentBookedPanel .appointmentPaginationBar.accountPagination{border-top:1px solid #0818a014;flex:none;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:12px;width:100%;margin:14px 0 0;padding-top:13px;display:grid!important}.appointmentBookedPanel .appointmentPaginationInfo{color:#4a5872;text-align:center;background:#ffffffb8;border-radius:999px;justify-self:center;min-height:32px;padding:7px 12px;font-size:.72rem;font-weight:650}.appointmentBookedPanel .appointmentPageBtn{color:#0a1156;background:radial-gradient(circle at 100% 0,#3db6ee1f,#0000 38%),#fff;border-color:#0818a033;border-radius:999px;min-width:112px;min-height:34px;box-shadow:0 8px 18px #0a11560f}.appointmentBookedPanel .appointmentPageBtn:hover:not(:disabled){color:#0818a0;background:radial-gradient(circle at 100% 0,#3db6ee2e,#0000 38%),#eef5ff;border-color:#0818a05c}.appointmentBookedPanel .appointmentPageBtn:disabled{color:#9aa6ba;opacity:1;background:#ffffff8f;border-color:#9dabc338}.appointmentCreateModal{overflow:hidden;border-radius:24px!important;width:min(96vw,920px)!important;max-width:920px!important;max-height:min(92vh,880px)!important;padding:0!important}.appointmentCreateModalHeader{background:radial-gradient(circle at 0 0,#3db6ee1f,#0000 40%),#ffffff9e;border-bottom:1px solid #0818a01a;padding:18px 20px;margin:0!important}.appointmentCreateModalHeader span{color:#4a5872;letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:800}.appointmentCreateModalHeader h2{color:#0a1156!important;font-size:1.28rem!important}.appointmentCreateModalHeader p{color:#4a5872;margin:4px 0 0;font-size:.78rem}.appointmentCreateModalClose{border-radius:999px;place-items:center;width:34px;height:34px;display:grid;background:#fff!important;border:1px solid #0818a01f!important}.appointmentCreateQuickActions{margin:16px 20px 12px!important}.appointmentCreateSearchBtn,.appointmentCreateSubmitBtn{background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%)!important;border-radius:999px!important}.appointmentCreateSecondaryBtn,.appointmentCreateCancelBtn{color:#0a1156!important;background:#fff!important;border:1px solid #0818a024!important;border-radius:999px!important}.appointmentCreateModalBody{scrollbar-color:#0818a057 transparent;margin:0 20px;gap:14px!important;padding:4px 4px 4px 0!important}.appointmentCreateModalBody>div{background:#ffffffc7;border:1px solid #e7edff;border-radius:18px;padding:16px;box-shadow:0 10px 24px #0a11560a}.appointmentCreateModalBody>div>div:first-child{border-bottom-color:#0818a01f!important}.appointmentCreateModalBody h3{color:#0a1156!important;font-size:.96rem!important;font-weight:800!important}.appointmentCreateModalBody .formInput,.appointmentCreateSearchOverlay input{color:#0a1156!important;background:#ffffffe6!important;border-color:#0818a024!important;border-radius:12px!important}.appointmentCreateModalFooter{background:#ffffffa3;border-top-color:#0818a01a!important;margin-top:0!important;padding:16px 20px 18px!important}.appointmentCreateFooterActions{gap:12px!important}.appointmentCreateValidation{color:#b91d28!important;background:#fa2b2414!important;border-color:#fa2b243d!important}.appointmentCreateSearchOverlay{background:radial-gradient(circle at 100% 0,#0818a014,#0000 34%),#fff!important;border-radius:24px!important}@media (width<=900px){.appointmentScheduleWorkspace,.appointmentBookedPanel{min-height:auto}.appointmentTableScroll{min-height:420px}.appointmentBookedPanel .appointmentPaginationBar.accountPagination{grid-template-columns:1fr 1fr}.appointmentBookedPanel .appointmentPaginationInfo{grid-area:1/1/auto/-1;width:100%}.appointmentBookedPanel .paginationPrevBtn{grid-area:2/1;width:100%}.appointmentBookedPanel .paginationNextBtn{grid-area:2/2;width:100%}.appointmentCreateFooterActions,.appointmentCreateQuickActions{flex-direction:column}}.appointmentScheduleBody{flex-direction:column;display:flex}.appointmentScheduleTop{flex:none;order:1}.appointmentScheduleWorkspace{order:2}.appointmentScheduleBody{background:radial-gradient(circle at 14% 8%,#fa2b241a,#0000 28%),radial-gradient(circle at 84% 0,#0818a029,#0000 32%),linear-gradient(#f8faff 0%,#f3f6ff 42%,#eef3ff 100%)!important}.appointmentScheduleTop{z-index:40;position:relative}.appointmentScheduleHeroIcon{color:#fff;background:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#ff0f0f9e),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%)}.appointmentHeaderActions{align-self:center}.appointmentHeaderSearchInput:disabled{opacity:.58;cursor:not-allowed}.appointmentScheduleWorkspace{flex:1;min-height:0;box-shadow:none!important;background:0 0!important;flex-direction:row!important;gap:20px!important;padding:0!important}.appointmentScheduleSidebar{flex-direction:column;flex:310px;gap:20px;min-width:300px;max-width:350px;display:flex}.appointmentScheduleMain{flex-direction:column;flex:3 1 0;min-width:0;display:flex}.appointmentCalendarPanel,.appointmentDoctorsPanel,.appointmentBookedPanel,.appointmentDetailsPanel{background:radial-gradient(circle at 100% 0,#0818a00f,#0000 34%),linear-gradient(#ffffffeb,#f9fbffe0);border:1px solid #0818a01f;border-radius:22px;box-shadow:0 18px 42px #0a115613,inset 0 1px #ffffffe6}.appointmentCalendarPanel{padding:20px}.appointmentDoctorsPanel{flex-direction:column;flex:1;min-height:0;max-height:400px;padding:22px;display:flex}.appointmentDoctorsPanel h3{color:#0a1156;margin:0 0 10px;font-size:1rem;font-weight:800}.appointmentBookedPanel{flex-direction:column;flex:1;min-height:0;padding:20px;display:flex}.appointmentBookedHeader{border-bottom:1px solid #0818a01a;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.appointmentPanelKicker{color:#4a5872;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.65rem;font-weight:800;display:block}.appointmentBookedHeader h2,.appointmentDetailsHeader h2{color:#0a1156;margin:0;font-size:clamp(1.22rem,1.8vw,1.55rem);font-weight:800}.appointmentBookedHeader p,.appointmentDetailsHeader p{color:#4a5872;margin:4px 0 0;font-size:.8rem}.appointmentCreateBtn{border-radius:999px;min-height:36px;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%)!important}.appointmentBookedContent{flex-direction:column;flex:1;min-height:0;display:flex}.appointmentLoadError{color:#991b1b;background:#fff7f7;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 0;padding:10px 12px;font-size:.8rem;font-weight:600;display:flex}.appointmentLoadError button{color:#991b1b;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:8px;flex:none;padding:7px 12px;font-size:.78rem;font-weight:800}.appointmentToolbar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:16px 0 14px;display:flex;position:relative}.appointmentFilterIcon,.appointmentSettingsBtn{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 8px 18px #0a11560a}.appointmentFilterGroup{gap:5px;display:grid}.appointmentFilterGroup label,.appointmentSettingsSection label{color:#4a5872;letter-spacing:.07em;text-transform:uppercase;font-size:.66rem;font-weight:800}.appointmentFilterSelect,.appointmentSettingsSelect{color:#0a1156!important;background:#fff!important;border:1px solid #0818a024!important;border-radius:999px!important;width:160px!important;height:36px!important}.appointmentFilterSelectWide{width:205px!important}.appointmentSettingsDropdownContainer{position:relative}.appointmentSettingsBtn{cursor:pointer}.appointmentSettingsBtn:hover{background:#f7fbff;border-color:#0818a04d}.appointmentSettingsDropdown{z-index:80;background:#fffffff7;border:1px solid #0818a01f;border-radius:16px;width:235px;padding:14px;position:absolute;top:44px;right:0;box-shadow:0 22px 50px #04082a29}.appointmentSettingsSection{gap:8px;display:grid}.appointmentSettingsSelect{width:100%!important}.appointmentSettingsDivider{background:#0818a01a;height:1px;margin:12px 0}.appointmentClearFiltersBtn{color:#0a1156;background:#fff;border-color:#0818a024;border-radius:999px;height:36px;margin-left:auto}.appointmentTableScroll{background:#ffffffad;border-color:#0818a01a;border-radius:16px}.appointmentTableScroll .dataTable th{color:#0a1156;text-transform:uppercase;background:#f7fbff;font-size:.72rem}.appointmentTableScroll .dataTable td{color:#34405a}.appointmentPaginationBar{border-top-color:#0818a014;justify-content:space-between}.appointmentPageBtn{border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:92px;display:inline-flex}.appointmentPageNumber{border-radius:999px}.appointmentDetailsPanel{flex:1;min-height:0;padding:20px;overflow-y:auto}.appointmentDetailsBackBtn{color:#0818a0;cursor:pointer;background:#fff;border:1px solid #0818a024;border-radius:999px;align-items:center;gap:7px;min-height:34px;margin-bottom:14px;padding:0 12px;font-size:.82rem;font-weight:760;display:inline-flex}.appointmentDetailsHeader{border-bottom:1px solid #0818a01a;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.appointmentDetailsHeaderActions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;width:100%;display:flex}.appointmentDetailsHeaderActions button{border-radius:999px!important}.appointmentDetailsHero{background:radial-gradient(circle at 100% 0,#3db6ee1f,#0000 34%),linear-gradient(135deg,#ffffffeb,#f8fbffe6);border:1px solid #0818a01f;border-radius:20px;grid-template-columns:auto minmax(0,.9fr) minmax(390px,1.25fr);align-items:center;gap:16px;margin:18px 0;padding:16px;display:grid}.appointmentDetailsHeroIcon{color:#fff;background:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#ff0f0f9e),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.appointmentDetailsHeroCopy span{color:#4a5872;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:800}.appointmentDetailsHeroCopy h3{color:#0a1156;margin:4px 0;font-size:1.05rem}.appointmentDetailsHeroCopy p{color:#4a5872;margin:0;font-size:.82rem}.appointmentDetailsHeroMeta{grid-template-columns:minmax(110px,.8fr) minmax(190px,1.55fr) minmax(110px,.8fr);gap:10px;display:grid}.appointmentDetailsHeroMeta>div,.appointmentDetailGrid>div{background:#ffffffc7;border:1px solid #e7edff;border-radius:14px;gap:5px;min-width:0;padding:10px;display:grid}.appointmentDetailsHeroMeta span,.appointmentDetailGrid span{color:#8b96aa;letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:650}.appointmentDetailsHeroMeta strong,.appointmentDetailGrid strong{color:#0a1156;overflow-wrap:anywhere;min-width:0;font-size:.84rem}.appointmentWarnText{color:#b26a00!important}.appointmentDetailsContent{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.appointmentDetailsContent>.adminAiPanelWrap,.appointmentDetailCardWide,.appointmentDetailsContent>div:last-child{grid-column:1/-1}.appointmentDetailCard{background:#ffffffc7;border:1px solid #0818a01f;border-radius:20px;padding:16px;box-shadow:0 10px 24px #0a11560d}.appointmentDetailCardHeader{border-bottom:1px solid #0818a01a;margin-bottom:14px;padding-bottom:10px}.appointmentDetailCardHeader h3{color:#0a1156!important;border:0!important;margin:0!important;padding:0!important;font-size:.98rem!important;font-weight:800!important}.appointmentDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.appointmentDetailGridWide{grid-column:1/-1}.appointmentDetailSubpanel{background:#f8fbffbd!important;border:1px solid #e7edff!important;border-radius:16px!important;padding:14px!important}.appointmentDetailsScheduleCard{background:radial-gradient(circle at 100% 0,#3db6ee14,#0000 32%),#f8fbffc7!important}.availabilitySettingsBodyContainer,.historyBodyContainer{gap:0}.availabilitySettingsTopContainer,.historyTopContainer{margin-bottom:0}.availabilitySettingsHeaderActions,.historyHeaderActions{min-height:40px}.availabilitySettingsWorkspace{box-shadow:none;background:0 0;border-radius:0;flex-direction:row;gap:20px;min-height:0;margin-top:24px;padding:0}.availabilitySettingsSidebar{flex-direction:column;flex:310px;gap:20px;min-width:300px;max-width:390px;min-height:0;display:flex}.availabilitySettingsWorkspace .dataTable th,.historyTableContainer .dataTable th{color:#0a1156;text-transform:uppercase;background:#f7fbff;font-size:.72rem}.availabilitySettingsWorkspace .dataTable td,.historyTableContainer .dataTable td{color:#34405a}.historyTableContainer{margin-top:24px}.historyToolbar{align-items:flex-start}.historyFilterRow{flex-wrap:wrap;width:100%}.historyFilterSection{align-items:center;min-width:0;margin-left:0}.historyFilterSection .filterSelect{width:150px}.historyFilterSection .historyRowsSelect{width:130px}.historyPagination{border-top:1px solid #0818a014;justify-content:space-between}@media (width<=1100px){.appointmentScheduleWorkspace{flex-direction:column!important}.appointmentScheduleSidebar{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;display:grid}.availabilitySettingsWorkspace{flex-direction:column}.availabilitySettingsSidebar{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;display:grid}}@media (width<=760px){.appointmentHeaderActions,.appointmentHeaderSearchRow,.appointmentHeaderSearchInput,.appointmentBookedHeader,.appointmentDetailsHeader{width:100%}.appointmentBookedHeader,.appointmentDetailsHeader{flex-direction:column;align-items:stretch}.appointmentScheduleSidebar,.appointmentDetailsHero,.appointmentDetailsContent,.appointmentDetailGrid,.appointmentDetailsHeroMeta{grid-template-columns:1fr!important}.appointmentFilterGroup,.appointmentFilterSelect,.appointmentSettingsDropdownContainer,.appointmentClearFiltersBtn{width:100%!important}.appointmentSettingsDropdown{width:min(260px,100vw - 52px);left:0;right:auto}.availabilitySettingsSidebar,.historyFilterSection{grid-template-columns:1fr!important}.availabilitySettingsSidebar{display:flex}.historyToolbar,.historyPagination,.historyFilterSection,.historyHeaderActions,.historyHeaderSearchRow,.historyHeaderSearchInput,.historyFilterSection .filterSelect,.historyFilterSection .clearFilterBtn{width:100%}.historyPagination{flex-direction:column;align-items:stretch}.accountPaginationButtons{flex-wrap:wrap;justify-content:space-between}}.accountOverviewTopContainer{order:1}.accountOverviewStats,.accountOverviewStatsRow{display:none!important}.accountOverviewTableContainer{order:2}.accountOverviewBodyContainer>.admin-body-footer.user-page-footer,.accountOverviewBodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{z-index:0;flex:none;order:99;position:relative;margin-top:48px!important}.accountOverviewTopContainer>.accountOverviewNotificationContainer.subTopContainer.notificationContainer{border-radius:999px;flex:0 0 40px!important;place-items:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin-left:0!important;padding:0!important;display:grid!important}.accountOverviewNotificationContainer .notifButtonWrapper,.accountOverviewNotificationContainer .notifButton,.accountOverviewNotificationContainer .invIconButton{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}.accountOverviewNotificationContainer .notifButton,.accountOverviewNotificationContainer .invIconButton{border-radius:999px!important;padding:0!important}.accountOverviewHeaderActions{flex:none;align-self:center;align-items:center;gap:10px;display:inline-flex}.accountHeaderDivider,.accountFilterDivider{background:#0818a029;border-radius:999px;flex:0 0 1px;width:1px;height:24px}.accountHeaderSearchRow{min-width:0}.accountOverviewHeaderActions .accountToolbarStaticIcon{width:34px;height:34px}.accountOverviewHeaderActions .accountHeaderSearchInput{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px;width:clamp(210px,20vw,300px);height:34px;min-height:34px;font-size:.76rem}.accountOverviewHeaderActions .accountHeaderSearchInput:focus{border-color:#0818a06b;outline:none;box-shadow:0 0 0 3px #3db6ee24}.accountOverviewBranchSelect{color:#0a1156;cursor:pointer;background:#fff;border:1px solid #0818a024;border-radius:999px;outline:none;min-width:158px;min-height:34px;padding:0 36px 0 14px;font-size:.78rem;font-weight:500;transition:border-color .18s,box-shadow .18s,background .18s}.accountOverviewBranchSelect:hover,.accountOverviewBranchSelect:focus{background:#f7fbff;border-color:#0818a052;box-shadow:0 10px 24px #0a11561a}.accountOverviewHeaderActions .accountOverviewNotificationContainer.subTopContainer.notificationContainer{flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;margin-left:0!important;padding:0!important}.accountOverviewTableContainer .searchFilterSection{align-items:stretch;gap:8px;display:flex}.accountSearchRow{grid-area:search}.accountFilterRow{grid-area:filters}.accountToolbarStaticIcon{background:#0818a00f;border-radius:999px;place-items:center;width:30px;height:34px;display:grid}.accountSearchRow,.accountFilterRow{align-items:center;gap:8px;display:flex}.accountOverviewTableContainer .accountSearchRow>.searchInput{flex:360px;width:min(420px,80%)}.accountOverviewTableContainer .accountFilterRow>.filterSection{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.accountOverviewTableContainer .accountFilterRow>.filterSection .filterSelect{width:100px}.accountOverviewTableContainer .accountFilterRow>.filterSection .clearFilterBtn{white-space:nowrap;width:auto}.accountOverviewTableContainer .accountFilterRow>.filterSection .accountSettingsDropdownContainer{flex:none}.accountOverviewTableContainer .accountFilterRow .toolbarItem .accountSortIconButton{background:radial-gradient(circle at 100% 0,#0818a00d,#0000 34%),#0818a00f;border:1px solid #0818a01f;border-radius:999px;width:34px;height:34px}.accountOverviewTableContainer .accountFilterRow .toolbarItem .accountSortIconButton:hover{background:radial-gradient(circle at 100% 0,#0818a014,#0000 34%),#f7fbff;border-color:#0818a047;box-shadow:0 10px 20px #0a115614}.accountOverviewTableContainer .accountFilterRow .toolbarItem .accountSortIconButton:has(.iconActive){background:radial-gradient(circle at 100% 0,#0818a014,#0000 34%),#f7fbff;border-color:#0818a047;box-shadow:0 10px 20px #0a115614}.accountOverviewTableContainer .accountFilterRow>.filterSection .filterSelect:nth-of-type(3){display:none}@media (width<=900px){.accountOverviewHeaderActions{flex-wrap:wrap;align-self:flex-start}.accountHeaderDivider{display:none}.accountHeaderSearchRow{flex:100%}.accountOverviewHeaderActions .accountHeaderSearchInput{flex:auto;width:100%}.accountOverviewBranchSelect{width:158px;min-width:0}.accountOverviewTableContainer .searchFilterSection{width:100%}.accountSearchRow,.accountFilterRow{align-items:stretch}.accountOverviewTableContainer .accountSearchRow>.searchInput,.accountOverviewTableContainer .accountFilterRow>.filterSection,.accountOverviewTableContainer .accountFilterRow>.filterSection .filterSelect,.accountOverviewTableContainer .accountFilterRow>.filterSection .clearFilterBtn{width:100%}.accountFilterDivider{display:none}.accountOverviewTableContainer .accountFilterRow>.filterSection .accountSettingsDropdownContainer,.accountOverviewTableContainer .accountFilterRow .toolbarItem .accountSortIconButton{width:100%}}.accountOverviewBodyContainer{padding:28px 28px 0 16px!important}.accountOverviewTopContainer{align-items:center!important;gap:12px!important;height:96px!important;min-height:96px!important;margin-bottom:14px!important}.accountOverviewSubTopContainer{overflow:hidden;align-items:center!important;gap:14px!important;height:96px!important;min-height:96px!important;padding:0 2px 14px!important}.accountOverviewHeroIcon{flex:0 0 65px!important;width:65px!important;height:65px!important}.accountOverviewHeroCopy{align-self:center}.accountOverviewHeroCopy span{margin-bottom:0}.accountOverviewHeroCopy h1{line-height:1.08;font-size:clamp(1.3rem,1.8vw,1.75rem)!important}.accountOverviewHeroCopy p{margin-top:0}.accountOverviewStats{grid-template-columns:repeat(4,minmax(64px,1fr));align-self:center;min-width:min(390px,42%)!important}.accountOverviewStats div{min-height:50px!important;padding:8px 9px!important}.accountOverviewNotificationContainer{flex:0 0 80px!important;align-self:center!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important}.accountOverviewTableContainer{margin-top:0!important}@media (width<=1180px){.accountOverviewTopContainer,.accountOverviewSubTopContainer{height:auto!important;min-height:96px!important}.accountOverviewSubTopContainer{overflow:visible}.accountOverviewStats{margin-left:79px!important}}@media (width<=900px){.accountOverviewBodyContainer{padding:78px 14px 0!important}.accountOverviewTopContainer,.accountOverviewSubTopContainer{height:auto!important}.accountOverviewStats{margin-left:0!important}}.accountOverviewTopContainer{height:96px!important;min-height:96px!important;margin-bottom:14px!important}.accountOverviewSubTopContainer{height:96px!important;min-height:96px!important}.accountOverviewStatsRow{grid-template-columns:repeat(4,minmax(82px,1fr));width:min(520px,100%);min-width:0!important;margin:-8px 0 12px 79px!important}.accountOverviewStatsRow div{justify-content:space-between;align-items:center;display:flex;min-height:42px!important;padding:7px 10px!important}.accountOverviewStatsRow strong{font-size:.88rem!important}.accountOverviewStatsRow span{font-size:.56rem!important}.accountOverviewTableContainer .toolbarItem .iconButton,.accountOverviewTableContainer .toolbarItem .iconButton:hover{border:0!important}.accountOverviewTableContainer .toolbarItem .iconButton:has(.iconActive){border:0!important}.accountToolbarPopup{z-index:140;background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),#fff;border:1px solid #0818a01f;border-radius:16px;padding:12px;position:absolute;top:40px;left:0;box-shadow:0 18px 38px #0a115629}.accountSearchPopup{width:250px}.accountFilterPopup{width:230px}.accountToolbarPopup .filterSection{grid-template-columns:1fr;gap:9px;min-width:0;display:grid}.accountToolbarPopup .searchInput,.accountToolbarPopup .filterSelect,.accountToolbarPopup .filterSelect.wide,.accountToolbarPopup .clearFilterBtn{width:100%}.accountToolbarPopup .clearFilterBtn{justify-content:center}.accountSettingsDropdown{border:0!important}.accountCreateVisual{background:radial-gradient(circle at 18% 14%,#3db6ee4d,#0000 30%),radial-gradient(circle at 86% 4%,#fa2b245c,#0000 34%),linear-gradient(145deg,#0b1732 0%,#0818a0 46%,#b91d28 100%)!important}.accountBranchVisual:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 12%,#3db6ee3d,#0000 30%),radial-gradient(circle at 88% 8%,#fa2b244d,#0000 34%),linear-gradient(#0508161a 0%,#0508166b 100%);position:absolute;inset:0}.accountBranchVisual:after,.accountCreateVisual:after{z-index:1;background:linear-gradient(#080d2e00,#080d2e9e);height:58%}.accountBranchVisual .accountVisualPanelContent,.accountCreateVisual .accountVisualPanelContent{z-index:2;position:relative}@media (width<=900px){.accountOverviewTopContainer,.accountOverviewSubTopContainer{height:auto!important}.accountOverviewStatsRow{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 12px!important}.accountToolbarPopup{width:100%;margin-top:8px;position:static}}.accountOverviewTopContainer{min-height:82px!important;margin-bottom:10px!important}.accountOverviewSubTopContainer{min-height:82px!important;padding-bottom:8px!important}.accountOverviewHeroIcon{flex-basis:58px;width:58px;height:58px}.accountOverviewHeroCopy h1{font-size:clamp(1.22rem,1.6vw,1.58rem)}.accountOverviewHeroCopy p{font-size:.74rem}.accountOverviewStats div{background:radial-gradient(circle at 100% 0,#fa2b240e,#0000 34%),linear-gradient(#ffffffe0,#f8fbffcc);border-radius:12px;min-height:52px;padding:8px 10px}.accountOverviewStats strong{font-size:.95rem}.accountOverviewStats span{text-transform:uppercase;letter-spacing:.04em;font-size:.58rem}.accountOverviewNotificationContainer{box-shadow:none;background:#fff;border-color:#0818a024;transition:border-color .18s,box-shadow .18s,background .18s;flex:0 0 80px!important;width:34px!important;min-height:34px!important}.accountOverviewNotificationContainer:hover{background:#f7fbff;border-color:#0818a052;box-shadow:0 10px 24px #0a11561a}.accountOverviewNotificationContainer .invIconButton,.accountOverviewNotificationContainer .invBlueIcon{width:32px;color:#0a1156!important}.accountOverviewTableContainer{border-radius:18px;min-height:520px;padding:14px}.accountOverviewTableContainer .tableToolbar{gap:12px;padding-bottom:12px}.accountOverviewTableContainer .searchFilterSection{align-items:center;gap:8px}.accountOverviewTableContainer .toolbarItem .iconButton{background:radial-gradient(circle at 100% 0,#001aff0d,#0000 34%),#fff;border:1px solid #0818a01f;width:34px;height:34px}.accountOverviewTableContainer .toolbarItem .iconButton:hover{background:#f7fbff;border-color:#0818a047;box-shadow:0 10px 20px #0a115614}.accountOverviewTableContainer .toolbarItem .iconButton:has(.iconActive){background:#f7fbff;border-color:#0818a047;box-shadow:0 10px 20px #0a115614}.accountOverviewTableContainer .iconDefault,.accountOverviewTableContainer .iconActive,.accountOverviewTableContainer .blueIcon{color:#0a1556}.accountOverviewTableContainer .searchInput{width:210px;height:34px;padding:0 14px;font-size:.76rem}.accountOverviewTableContainer .filterSection{align-items:center}.accountOverviewTableContainer .filterSelect{width:122px;height:34px;padding:0 12px;font-size:.74rem}.accountOverviewTableContainer .filterSelect.wide{width:150px}.accountOverviewTableContainer .clearFilterBtn{height:34px;padding:0 12px;font-size:.72rem}.accountOverviewTableContainer .blackBtn{background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);height:34px;padding:0 15px;font-size:.74rem}.accountSettingsDropdown{width:210px;padding:10px;top:40px}.accountSettingsSection label{color:#4a5872;font-size:.68rem}.accountSettingsSelect{min-height:34px;font-size:.73rem}.accountOverviewTableContainer .tableWrapper{border-radius:14px;min-height:390px}.accountOverviewTableContainer .dataTable{min-width:900px}.accountOverviewTableContainer .dataTable th{padding:9px;font-size:.66rem}.accountOverviewTableContainer .dataTable td{padding:8px 9px;font-size:.72rem}.accountOverviewTableContainer .userCell{gap:10px}.accountOverviewTableContainer .userAvatar{border-radius:10px;width:28px;height:28px}.accountOverviewTableContainer .statusBadge{border-radius:999px;margin-top:0;padding:3px 8px;font-size:.66rem}.accountOverviewTableContainer td .iconButton{width:26px;height:26px}.accountPagination{justify-content:flex-end;align-items:center;gap:10px;padding-top:11px}.accountPaginationGroup,.accountPaginationButtons{align-items:center;gap:10px;display:flex}.accountPagination .paginationInfo{color:#4a5872;background:#ffffffb8;border-radius:999px;min-height:32px;padding:7px 12px;font-size:.72rem;font-weight:650}.accountPagination .paginationBtn{min-width:94px;min-height:32px;padding:0 13px;font-size:.72rem;font-weight:750}.accountPagination .paginationBtn:disabled{color:#9aa6ba;opacity:1;background:#ffffff8f;border-color:#9dabc338}.accountProfileModal{background:linear-gradient(#fffffff5,#f7fafff0),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%);border:1px solid #ffffffb8;border-radius:24px;width:min(960px,100vw - 52px);max-height:calc(100vh - 44px);padding:10px;box-shadow:0 32px 80px #04082a57}.accountProfileModal .imageUploadSection{border-radius:20px;min-height:500px}.accountModalHeader{background:0 0;padding:26px 34px 10px}.accountModalHeader h2{color:#0a1156;font-size:1.35rem}.accountModalHeader p{color:#4a5872;font-size:.76rem}.accountModalClose{color:#0a1156;background:#fff;border:1px solid #0818a01a;border-radius:999px}.accountProfileModal>.accountAvatarField{margin:0 34px 10px}.accountProfileModal .accountAvatarField{background:#ffffffad;border-color:#0818a01a}.accountProfileModal .modalForm{gap:10px 14px;padding:0 34px 4px}.accountProfileModal .formGroup label,.accountProfileModal .detailGroup label{color:#4a5872;text-transform:uppercase;letter-spacing:.035em;font-size:.68rem}.accountProfileModal .formInput,.accountProfileModal .formSelect,.accountProfileModal .detailValue,.accountProfileModal .statusToggle{color:#0a1156;background:#ffffffd1;border-color:#0818a01f;border-radius:12px;min-height:40px;font-size:.78rem}.accountProfileModal .formInput:focus,.accountProfileModal .formSelect:focus{border-color:#0818a070;box-shadow:0 0 0 3px #3db6ee29}.accountProfileModal .uploadBtn,.accountProfileModal .uploadedImage,.accountProfileModal .viewAvatar{width:48px;height:48px}.accountProfileModal .uploadBtn{border-color:#0818a024}.accountProfileModal .cameraIcon{background:radial-gradient(circle at 100% 0,#fa2b2433,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-color:#3db6ee47}.accountModalFooter{background:0 0;padding:14px 34px 26px}.accountModalFooter .cancelBtn,.accountModalFooter .submitBtn{border-radius:999px;min-width:126px;min-height:38px;font-size:.76rem}.accountModalFooter .cancelBtn{color:#0a1156;background:#fff;border:1px solid #9dabc357}.accountModalFooter .submitBtn{background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);box-shadow:0 16px 32px #0818a033}@media (width<=1180px){.accountOverviewBodyContainer{padding-top:14px!important}.accountOverviewStats{min-width:0;margin-left:68px}}@media (width<=900px){.accountOverviewBodyContainer{padding-top:78px!important}.accountOverviewTopContainer{align-items:stretch}.accountOverviewNotificationContainer{align-self:flex-start}.accountOverviewTableContainer .tableToolbar,.accountOverviewTableContainer .searchFilterSection{align-items:stretch}.accountOverviewTableContainer .searchInput,.accountOverviewTableContainer .filterSelect,.accountOverviewTableContainer .filterSelect.wide,.accountOverviewTableContainer .clearFilterBtn,.accountOverviewTableContainer .blackBtn{width:100%}.accountPagination{flex-direction:column;align-items:stretch}.accountPaginationGroup,.accountPaginationButtons{width:100%}.accountPaginationGroup{flex-direction:column;align-items:stretch}.accountPaginationButtons .paginationBtn{flex:1}.accountPagination .paginationInfo{text-align:center}}.modalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 22% 18%,#fa2b243d,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.modalContainer{background:linear-gradient(#fffffff5,#f7fafff0),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%);border:1px solid #ffffffb8;box-shadow:0 32px 80px #04082a57}.modalHeader h2{color:#0a1156}.modalForm,.detailGroup,.formGroup{color:#4a5872}.formInput,.formSelect,.detailValue{color:#0a1156;background:#ffffffd1;border-color:#0818a024}.formInput:focus,.formSelect:focus{border-color:#0818a070;box-shadow:0 0 0 3px #3db6ee29}.cancelBtn{color:#0a1156;background:#fff;border:1px solid #9dabc357}.cancelBtn:hover{background:#f7fbff}.submitBtn.gradientBtn{background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);box-shadow:0 16px 32px #0818a033}.accountOverviewBodyContainer{flex-direction:column;min-height:0;padding:28px 28px 0 16px;display:flex;overflow-x:hidden;height:100vh!important;overflow-y:auto!important}.accountOverviewTopContainer{flex:none;gap:12px;min-height:128px;margin-bottom:16px}.accountOverviewSubTopContainer{color:#fff;background:radial-gradient(circle at 100% 0,#fa2b2433,#0000 34%),radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 62%,#040815 100%);border:1px solid #ffffff1f;border-radius:20px;gap:16px;min-height:128px;padding:18px 20px;box-shadow:0 22px 50px #04082a2e}.accountOverviewHeroIcon{color:#fff;background:radial-gradient(circle at 22% 18%,#3db6ee5c,#0000 38%),#ffffff14;border:1px solid #ffffff29;border-radius:16px;flex:0 0 58px;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 1px #ffffff1f}.accountOverviewHeroCopy{gap:3px;min-width:0;display:grid}.accountOverviewHeroCopy span{color:#ffffffa8;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:780}.accountOverviewHeroCopy h1{color:#fff;margin:0;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.08}.accountOverviewHeroCopy p{color:#ffffffad;max-width:440px;margin:0;font-size:.78rem;line-height:1.45}.accountOverviewStats{grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px;min-width:min(420px,46%);margin-left:auto;display:grid}.accountOverviewStats div{background:#ffffff13;border:1px solid #ffffff1f;border-radius:14px;align-content:center;gap:3px;min-height:66px;padding:10px;display:grid}.accountOverviewStats strong{color:#fff;font-size:1.1rem;line-height:1}.accountOverviewStats span{color:#ffffff9e;font-size:.62rem;font-weight:700}.accountOverviewNotificationContainer{background:radial-gradient(circle at 100% 0,#0818a014,#0000 36%),#ffffffc7;border:1px solid #0818a01f;border-radius:20px;flex:0 0 72px;min-height:128px;box-shadow:0 18px 42px #0a115613}.accountOverviewTableContainer{background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),radial-gradient(circle at 0 100%,#fa2b240e,#0000 36%),linear-gradient(#fffffff0 0%,#f9fbfff0 100%);border:1px solid #0818a01f;border-radius:20px;flex:none;min-height:560px;margin-top:0;padding:16px;box-shadow:0 18px 42px #0a115613,inset 0 1px #ffffffe6;height:auto!important}.accountOverviewTableContainer .tableToolbar{border-bottom:1px solid #0818a01a;margin-bottom:14px;padding:0 0 14px}.accountOverviewTableContainer .tableWrapper{background:#ffffffb8;border:1px solid #0818a014;border-radius:16px;min-height:430px}.accountOverviewTableContainer .tableWrapper::-webkit-scrollbar{width:6px;height:6px}.accountOverviewTableContainer .tableWrapper::-webkit-scrollbar-track{background:0 0}.accountOverviewTableContainer .tableWrapper::-webkit-scrollbar-thumb{background:#0818a038;border-radius:999px}.accountOverviewTableContainer .dataTable th{z-index:2;color:#0a1156;text-transform:uppercase;background:#f7fbff;border-bottom:1px solid #0818a01a;padding:12px 10px;font-size:.72rem;position:sticky;top:0}.accountOverviewTableContainer .dataTable td{color:#34405a;border-bottom:1px solid #0818a012;padding:11px 10px}.accountOverviewTableContainer .dataTable tbody tr{transition:background .18s}.accountOverviewTableContainer .dataTable tbody tr:hover{background:radial-gradient(circle at 0 0,#3db6ee14,#0000 38%),#ffffffeb}.accountOverviewTableContainer .userCell{color:#0a1156;gap:12px;font-weight:700}.accountOverviewTableContainer .userAvatar{border:1px solid #0818a01f;border-radius:12px;width:34px;height:34px;box-shadow:0 8px 16px #0a115614}.accountOverviewTableContainer .iconButton{color:#0a1156;border-radius:999px;width:30px;height:30px;transition:background .18s,box-shadow .18s}.accountOverviewTableContainer .iconButton:hover{opacity:1;background:#0818a012;box-shadow:0 0 0 3px #3db6ee1a}.accountOverviewTableContainer .searchInput,.accountOverviewTableContainer .filterSelect,.accountSettingsSelect{color:#0a1156;background:#fff;border-color:#0818a024;border-radius:999px;min-height:34px}.accountOverviewTableContainer .searchInput:focus,.accountOverviewTableContainer .filterSelect:focus,.accountSettingsSelect:focus{border-color:#0818a06b;outline:none;box-shadow:0 0 0 3px #3db6ee24}.accountOverviewTableContainer .filterSection{gap:8px;min-width:0}.accountOverviewTableContainer .clearFilterBtn,.accountOverviewTableContainer .blackBtn{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #3db6ee47;border-radius:999px;min-height:34px;box-shadow:0 12px 24px #04082a1f}.accountOverviewTableContainer .clearFilterBtn{background:radial-gradient(circle at 100% 0,#fa2b242e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-color:#fa2b2438}.accountSettingsDropdown{background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),#fff;border-color:#0818a01f;border-radius:16px;box-shadow:0 18px 38px #0a115629}.activeBadge{color:#166534;background:#1cab581f}.inactiveBadge{color:#b91d28;background:#fa2b241f}.accountPagination{margin-top:0;padding-top:12px}.accountPagination .paginationBtn{color:#0a1156;background:#fff;border-color:#0818a02e;border-radius:999px}.accountPagination .paginationBtn:hover:not(:disabled){color:#0818a0;background:#0818a014;border-color:#0818a057}.accountOverviewBodyContainer>.admin-body-footer.user-page-footer{margin-top:48px}@media (width<=1180px){.accountOverviewSubTopContainer{flex-wrap:wrap}.accountOverviewStats{width:100%;min-width:0;margin-left:74px}}@media (width<=900px){.accountOverviewBodyContainer{padding:86px 16px 0}.accountOverviewTopContainer{flex-direction:column}.accountOverviewNotificationContainer{flex-basis:auto;width:100%;min-height:58px}.accountOverviewStats{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0}.accountOverviewTableContainer{min-height:520px}}.accountOverviewTopContainer{align-items:center;gap:12px;min-height:96px;margin-bottom:14px}.accountOverviewSubTopContainer{min-height:96px;box-shadow:none;color:#0a1156;background:0 0;border:0;border-radius:0;padding:0 2px 14px}.accountOverviewHeroIcon{color:#fff;width:65px;height:65px;box-shadow:none;background:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#ff0f0fb5),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);border:0;border-radius:16px;flex-basis:65px}.accountOverviewHeroCopy{gap:5px}.accountOverviewHeroCopy span{color:#4a5872;font-size:.62rem}.accountOverviewHeroCopy h1{color:#0a1156;font-size:clamp(1.3rem,1.8vw,1.75rem);font-weight:700}.accountOverviewHeroCopy p{color:#4a5872;max-width:560px;font-size:.78rem}.accountOverviewStats{gap:8px;min-width:min(420px,44%)}.accountOverviewStats div{background:radial-gradient(circle at 100% 0,#0818a00f,#0000 34%),#ffffffc2;border:1px solid #0818a01f;min-height:58px;box-shadow:0 10px 24px #0a11560f}.accountOverviewStats strong{color:#0a1156;font-size:1rem}.accountOverviewStats span{color:#4a5872}.accountOverviewNotificationContainer{border-radius:999px;flex:0 0 80px;align-self:center;place-items:center;width:34px;min-height:34px;padding:0;display:grid}@media (width<=1180px){.accountOverviewStats{margin-left:79px}}@media (width<=900px){.accountOverviewSubTopContainer{padding-bottom:12px}.accountOverviewStats{margin-left:0}.accountOverviewNotificationContainer{align-self:flex-start;width:34px}}@media (width<=900px){.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:32px -14px 0}}.navbarContainer,.bodyContainer{background:0 0!important}@media (width<=900px){.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:32px -14px 0}}.navbarContainer{box-shadow:none!important;background:0 0!important}.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:36px -28px 0 -16px}@media (width<=900px){.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:32px -14px 0}}@media (width<=900px){.bodyContainer>.admin-body-footer.user-page-footer{margin:44px -14px 0}}@media (width<=900px){.bodyContainer>.admin-body-footer.user-page-footer{margin:44px -14px 0}}.accountOverviewHeroIcon{box-shadow:none!important}.accountOverviewTableContainer td .iconButton{margin:0 auto;display:inline-flex}.accountPagination{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:12px;width:100%;display:grid!important}.accountPagination .paginationInfo{text-align:center;justify-self:center}.accountPagination .paginationBtn{color:#0a1156;background:radial-gradient(circle at 100% 0,#3db6ee1f,#0000 38%),#fff;border-color:#0818a033;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:112px;display:inline-flex;box-shadow:0 8px 18px #0a11560f}.accountPagination .paginationPrevBtn{justify-self:start}.accountPagination .paginationNextBtn{justify-self:end}.accountPagination .paginationBtn:hover:not(:disabled){color:#0818a0;background:radial-gradient(circle at 100% 0,#3db6ee2e,#0000 38%),#eef5ff;border-color:#0818a05c;box-shadow:0 12px 24px #0a11561a}.accountOverviewTableContainer .switch{width:45px;height:20px}.accountOverviewTableContainer .slider,.accountProfileModal .slider{background:radial-gradient(circle at 0%,#ffffff6b,#0000 32%),linear-gradient(135deg,#fee2e2 0%,#ef4444 100%);border:1px solid #991b1b38;box-shadow:inset 0 1px 3px #0f172a29}.accountOverviewTableContainer .slider:before,.accountProfileModal .slider:before{background:#fff;width:18px;height:18px;top:-1px;bottom:2px;left:2px;box-shadow:0 3px 8px #0f172a38}.accountOverviewTableContainer input:checked+.slider,.accountProfileModal input:checked+.slider{background:radial-gradient(circle at 100%,#ffffff5c,#0000 34%),linear-gradient(135deg,#16a34a 0%,#14532d 100%);border-color:#16653447}.accountOverviewTableContainer input:checked+.slider:before,.accountProfileModal input:checked+.slider:before{background:#fff;transform:translate(26px)}.accountOverviewTableContainer .switch input:disabled+.slider{cursor:wait;opacity:.68}.accountOverviewTableContainer .switch,.accountProfileModal .statusToggle .switch{width:45px;height:20px}.accountOverviewTableContainer .slider,.accountProfileModal .statusToggle .slider{overflow:hidden}.accountOverviewTableContainer .slider:before,.accountProfileModal .statusToggle .slider:before{width:16px;height:16px;top:50%;bottom:auto;left:2px;transform:translateY(-50%)}.accountOverviewTableContainer input:checked+.slider:before,.accountProfileModal .statusToggle input:checked+.slider:before{transform:translate(25px,-50%)}.alertIcon{background:radial-gradient(circle at 100% 0,#3db6ee24,#0000 38%),#dbeafe;border:1px solid #0818a029}.alertMessageNode{text-align:center;width:100%;margin-left:auto;margin-right:auto;display:block}.statusConfirmMessage{text-align:center;width:100%}.statusConfirmMessage p{text-align:center;margin:0}.statusConfirmMessage p+p{margin-top:8px}.statusConfirmAccount{color:#4a5872;font-style:italic}.confirmActionActive{color:#166534}.confirmActionDisabled{color:#991b1b}@media (width<=640px){.accountPagination{grid-template-columns:1fr 1fr}.accountPagination .paginationInfo{grid-area:1/1/auto/-1;width:100%}.accountPagination .paginationPrevBtn{grid-area:2/1;width:100%}.accountPagination .paginationNextBtn{grid-area:2/2;width:100%}}.navbarContainer .navBody .navFooter{text-align:center!important;flex-direction:column!important;flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:auto!important;display:flex!important}.navbarContainer .navBody .navFooter .navLogoutBtn{text-align:center!important;justify-content:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}.navbarContainer .navBody .navFooter .navPoweredBy{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;display:flex!important}.accountOverviewTableContainer{border-radius:12px;height:calc(100% - 70px);margin-top:0;padding:20px;box-shadow:0 0 12px #0000001a}.accountOverviewTableContainer .tableToolbar{margin-bottom:16px}.accountOverviewTableContainer .tableWrapper{min-height:0}.accountSettingsDropdownContainer{position:relative}.accountSettingsDropdown{z-index:120;background:#fff;border:1px solid #e5ebf5;border-radius:12px;width:220px;padding:12px;position:absolute;top:42px;left:0;box-shadow:0 12px 28px #0f172a29}.accountSettingsSection{flex-direction:column;gap:7px;display:flex}.accountSettingsSection label{color:#475467;font-size:12px;font-weight:700}.accountSettingsSelect{color:#172033;background:#fbfcff;border:1px solid #d7deeb;border-radius:8px;width:100%;min-height:36px;padding:7px 10px;font-size:12px}.accountSettingsDivider{background:#edf1f7;height:1px;margin:12px 0}.blueIcon{color:#3d67ee}.blueText{color:#3d67ee;margin-left:10px;font-size:14px;font-weight:620}.tableContainer{background-color:#fff;border-radius:20px;flex-direction:column;height:85%;margin-top:30px;padding:30px;display:flex;box-shadow:0 0 18px #00000026}.tableToolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.searchFilterSection{z-index:10;flex-direction:row;flex:1;align-items:center;gap:20px;display:flex;position:relative}.toolbarItem{position:relative}.iconButton{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.iconButton:hover{opacity:.8}.iconActive{color:#afccf8}.tooltip{color:#fff;white-space:nowrap;background-color:#000;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:-30px;left:-15px}.searchInput{border:1px solid #ccc;border-radius:8px;width:180px;height:28px;padding:0 12px;font-size:13px}.filterSection{z-index:20;flex-flow:wrap;gap:10px;min-width:500px;margin-left:5px;display:flex}.filterSelect{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100px;height:30px;padding:0 12px;font-size:13px}.filterSelect.wide{width:150px}.clearFilterBtn{color:#fff;cursor:pointer;background-color:#3d67ee;border:1px solid #3d67ee;border-radius:8px;flex-direction:row;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.clearFilterBtn:hover{opacity:.9}.actionSection{flex:1;justify-content:flex-end;display:flex}.blackBtn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;align-items:center;gap:5px;height:35px;padding:0 20px;font-weight:600;display:flex}.blackBtn:hover{background-color:#333}.tableWrapper{flex-direction:column;flex:1;display:flex;overflow:auto}.appointmentTableScroll{border:1px solid #f0f2f7;border-radius:12px;min-height:360px;max-height:460px;overflow:auto}.appointmentTableScroll .dataTable{min-width:980px}.appointmentTableScroll .dataTable thead th{z-index:2;position:sticky;top:0;box-shadow:0 1px #f0f0f0}.dataTable{border-collapse:collapse;width:100%}.dataTable th{text-align:left;color:#000;background-color:#fff;border-bottom:2px solid #f0f0f0;padding:12px 8px;font-size:13px;font-weight:600}.dataTable td{color:#000;border-bottom:1px solid #f0f0f0;padding:12px 8px;font-size:13px}.userCell{flex-direction:row;align-items:center;gap:20px;display:flex}.userAvatar{object-fit:cover;border-radius:12px;width:30px;height:30px}.statusBadge{border-radius:12px;margin-top:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.activeBadge{background-color:#dff5e1}.activeText{color:#1f7a3f}.inactiveBadge{background-color:#ffc3c3}.statusText{font-size:12px;font-weight:600}.noData{text-align:center;color:#888;padding:20px}.pagination{justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}.paginationBtn{color:#3d67ee;cursor:pointer;background-color:#fff;border:1px solid #3d67ee;border-radius:4px;padding:8px 16px}.paginationBtn:hover:not(:disabled){color:#fff;background-color:#3d67ee}.paginationBtn:disabled{opacity:.5;cursor:not-allowed}.paginationInfo{color:#666;font-size:14px}.appointmentPaginationBar{border-top:1px solid #f0f2f7;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:12px;padding-top:14px;display:flex}.appointmentPaginationInfo{color:#6b7280;min-width:210px;font-size:13px}.appointmentRowsControl{color:#5f6b7a;align-items:center;gap:8px;font-size:13px;display:inline-flex}.appointmentRowsSelect{color:#1f2937;background-color:#fff;border:1px solid #d7deed;border-radius:8px;height:34px;padding:0 10px;font-size:13px}.appointmentPageControls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.appointmentPageBtn{border-radius:8px;min-width:84px;height:34px;padding:0 12px}.appointmentPageNumber{color:#3d67ee;cursor:pointer;background-color:#fff;border:1px solid #d7deed;border-radius:8px;width:34px;height:34px;font-size:13px;font-weight:600}.appointmentPageNumber.active{color:#fff;background-color:#3d67ee;border-color:#3d67ee}.appointmentPageNumber:hover:not(.active){background-color:#f4f7ff}.appointmentPageGap{color:#8a94a6;padding:0 2px;font-size:13px}.dataTable tbody tr.urgentPendingAppointmentRow{background-color:#fff1f2;box-shadow:inset 4px 0 #dc2626}.dataTable tbody tr.urgentPendingAppointmentRow:hover{background-color:#ffe4e6}.appointmentTableLegend{color:#5f6b7a;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;display:flex}.appointmentLegendLabel{color:#1f2937;font-weight:700}.appointmentLegendItem{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.appointmentLegendSwatch{border:1px solid #0000;border-radius:3px;width:12px;height:12px}.appointmentLegendSwatch.urgent{background:#fff1f2;border-color:#dc2626;box-shadow:inset 3px 0 #dc2626}.appointmentLegendSwatch.pending{background:#fff3e0;border-color:#f57c00}.appointmentLegendSwatch.confirmed{background:#e8f5e9;border-color:#2e7d32}.accountPagination{justify-content:flex-end;gap:12px;margin-top:16px}.loadingContainer{justify-content:center;align-items:center;height:100%;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#3d67ee;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adminInlineButtonSpinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.75s linear infinite spin;display:inline-block}.modalOverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modalContainer{background-color:#fff;border-radius:15px;width:54%;max-width:800px;height:90%;padding:45px;box-shadow:0 0 18px #00000026}.modalHeader{text-align:center;margin-bottom:20px}.modalHeader h2{font-size:24px;font-weight:700}.imageUploadSection{justify-content:center;margin-bottom:35px;display:flex}.uploadBtn{cursor:pointer;background-color:#fdfdfd;border:1px solid #3d67ee;border-radius:60px;justify-content:center;align-items:center;width:100px;height:100px;padding:0;display:flex;position:relative;box-shadow:0 0 12px #0000001a}.uploadBtn:hover{opacity:.9}.uploadedImage{object-fit:cover;border:1px solid #3d67ee;border-radius:60px;width:100px;height:100px}.uploadPlaceholder{flex-direction:column;align-items:center;gap:5px;display:flex}.uploadPlaceholder span{color:#3d67ee;font-size:11px}.cameraIcon{color:#fff;background-color:#3d67ee;border:1px solid #3d67ee;border-radius:25px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;bottom:0;right:0}.viewAvatar{object-fit:cover;border:1px solid #3d67ee;border-radius:60px;width:100px;height:100px}.modalForm{flex-direction:row;gap:50px;display:flex}.formColumn{flex:1}.formGroup{margin-bottom:15px}.formGroup label{margin-bottom:5px;font-size:14px;font-weight:600;display:block}.formInput{border:1px solid #ccc;border-radius:8px;width:100%;padding:8px 12px;font-size:14px}.formInput:focus{border-color:#3d67ee;outline:none}.formSelect{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:8px 12px;font-size:14px}.formSelect:focus{border-color:#3d67ee;outline:none}.inputWithIcon{align-items:center;display:flex;position:relative}.inputWithIcon .fieldIcon{color:#7b88a1;pointer-events:none;z-index:1;position:absolute;left:12px}.inputWithIcon .formInput,.inputWithIcon .formSelect{padding-left:38px}.fieldError{color:#d93025;margin:6px 0 0;font-size:12px;font-weight:600;line-height:1.35}:is(.inputWithIcon:has(+.fieldError) .formInput,.inputWithIcon:has(+.fieldError) .formSelect){border-color:#d93025;box-shadow:0 0 0 3px #d9302514}.cancelBtn{color:#0c0c0c;cursor:pointer;background-color:#dad8d8;border:none;border-radius:8px;width:50%;margin-top:25px;padding:10px;font-size:14px;font-weight:600}.cancelBtn.wide{width:50%;margin:0 auto}.cancelBtn:hover{background-color:silver}.submitBtn{color:#fff;cursor:pointer;border:none;border-radius:8px;width:50%;margin-top:28px;padding:10px;font-size:14px;font-weight:600}.gradientBtn{background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca)}.gradientBtn:hover{opacity:.9}.statusToggle{flex-direction:row;align-items:center;gap:18px;display:flex}.switch{width:50px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:#a9ff8f}input:checked+.slider:before{background-color:#3d67ee;transform:translate(26px)}.statusActive{color:#2e9e0c;font-weight:600}.statusInactive{color:#888;font-weight:600}.detailGroup{margin-bottom:15px}.detailGroup label{margin-bottom:5px;font-size:14px;font-weight:600;display:block}.detailValue{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;padding:8px 12px;font-size:14px}.modalFooter{justify-content:center;margin-top:25px;display:flex}.accountProfileModal{border-radius:28px;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(280px,36%) minmax(0,1fr);gap:0;width:min(1040px,100vw - 60px);max-width:1040px;height:auto;max-height:calc(100vh - 60px);padding:12px;display:grid;overflow:hidden;box-shadow:0 22px 42px #3f89ee33,0 30px 80px #1118272e}.accountModalHeader{z-index:2;text-align:left;background:#fff;border-bottom:none;grid-column:2;justify-content:space-between;align-items:flex-start;gap:16px;margin:0;padding:34px 42px 12px;display:flex;position:relative}.accountModalHeader h2{color:#172033;margin:0;font-size:27px;line-height:1.2}.accountModalHeader p{color:#657084;max-width:390px;margin:8px 0 0;font-size:13px;line-height:1.5}.accountModalClose{color:#657084;cursor:pointer;background:#f3f6fb;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.accountModalClose:hover{color:#294fd6;background:#e8eef8}.accountProfileModal .imageUploadSection{background-image:linear-gradient(#101a4705,#11182729),url(/assets/ProfileHeader-CoDCCYOC.png);background-position:50%;background-size:cover;border:none;border-radius:22px;grid-area:1/1/span 3;align-items:stretch;min-height:560px;margin:0;padding:0;position:relative;overflow:hidden}.accountProfileModal .imageUploadSection:after{content:"";pointer-events:none;background:linear-gradient(#080d2e00,#080d2e52);height:42%;position:absolute;inset:auto 0 0}.accountVisualPanelContent{z-index:2;width:100%;min-height:inherit;color:#fff;flex-direction:column;justify-content:space-between;padding:30px 28px;display:flex;position:relative}.accountPoweredBy{letter-spacing:0;text-shadow:0 2px 10px #0000002e;align-self:flex-start;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.accountPoweredBy img{width:auto;height:18px;display:block}.accountVisualTitle{text-shadow:0 3px 18px #00000038;max-width:280px;font-size:30px;font-weight:700;line-height:1.18}.accountAvatarField{background:#f8fbff;border:1px solid #e8eef8;border-radius:14px;align-items:center;gap:10px;margin:0;padding:8px 10px;display:flex}.accountPhotoGroup{grid-column:1/-1;margin-bottom:12px}.accountProfileModal>.accountAvatarField{grid-column:2;margin:0 42px 10px}.accountAvatarField h3{color:#172033;margin:0;font-size:13px;font-weight:800}.accountAvatarField p{color:#657084;margin:3px 0 0;font-size:11px;line-height:1.25}.accountProfileModal .uploadBtn,.accountProfileModal .uploadedImage,.accountProfileModal .viewAvatar{border-radius:50%;width:54px;height:54px}.doctorScheduleModal{border-radius:18px;flex-direction:column;width:min(860px,100vw - 48px);max-height:calc(100vh - 48px);padding:0;display:flex;overflow:hidden}.doctorScheduleHeader{border-bottom:1px solid #edf1f7;grid-column:auto;padding:26px 30px 14px}.doctorScheduleBody{gap:18px;padding:18px 30px 4px;display:grid;overflow-y:auto}.doctorScheduleLoading{justify-content:center;align-items:center;min-height:260px;display:flex}.doctorScheduleIdentity{background:#f8fbff;border:1px solid #e8eef8;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.doctorScheduleIdentity img{object-fit:cover;border-radius:50%;width:48px;height:48px}.doctorScheduleIdentity h3,.doctorScheduleSection h3{color:#172033;margin:0;font-size:15px}.doctorScheduleIdentity p{color:#657084;margin:4px 0 0;font-size:12px}.doctorScheduleToggle{cursor:pointer;background:#fff;border:1px solid #e8eef8;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.doctorScheduleToggle small,.doctorScheduleOption small{color:#657084;margin-top:3px;font-size:11px;line-height:1.35;display:block}.doctorScheduleSection{gap:10px;display:grid}.doctorScheduleGrid{gap:8px;display:grid}.doctorScheduleGrid.weekdayGrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.doctorScheduleGrid.serviceGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.doctorScheduleOption{color:#172033;cursor:pointer;background:#fff;border:1px solid #dbe4f0;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:10px 12px;display:flex}.doctorScheduleOption.selected{background:#eef4ff;border-color:#3d67ee}.doctorScheduleOption.serviceOption{align-items:flex-start}.accountProfileModal .uploadBtn{z-index:2;background:#fff;border:1px solid #cfd9f2;flex:none;position:relative;box-shadow:0 8px 18px #3d67ee1a}.accountProfileModal .cameraIcon{padding:4px;bottom:1px;right:1px}.accountProfileModal .modalForm{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:0 42px 4px;display:grid;overflow-y:auto}.accountProfileModal .formColumn{min-width:0}.accountProfileModal .formGroup,.accountProfileModal .detailGroup{margin-bottom:14px}.accountProfileModal .formGroup label,.accountProfileModal .detailGroup label{color:#344054;font-size:12px;font-weight:700}.accountProfileModal .formInput,.accountProfileModal .formSelect,.accountProfileModal .detailValue{color:#172033;background-color:#fbfcff;border-color:#dfe4ee;border-radius:8px;min-height:46px;transition:border-color .18s,box-shadow .18s,background-color .18s}.accountProfileModal .formInput:focus,.accountProfileModal .formSelect:focus{background-color:#fff;border-color:#5b70f0;box-shadow:0 0 0 4px #5b70f01f}.accountProfileModal .formInput[readonly],.accountProfileModal .detailValue{background-color:#f8fafd}.accountProfileModal .statusToggle{background:#f8fafd;border:1px solid #d8dee9;border-radius:8px;min-height:46px;padding:8px 12px}.accountProfileModal .statusToggle .switch{width:45px;height:20px}.accountProfileModal .statusToggle .slider:before{width:16px;height:16px;top:50%;bottom:auto;left:2px;transform:translateY(-50%)}.accountProfileModal .statusToggle input:checked+.slider:before{transform:translate(25px,-50%)}.accountDetailGrid .statusBadge{border-radius:999px;align-items:center;min-height:36px}.accountModalFooter{background:#fff;border-top:none;grid-column:2;justify-content:flex-end;align-self:end;gap:12px;margin:0;padding:18px 42px 32px}.accountModalFooter .cancelBtn,.accountModalFooter .submitBtn{width:auto;min-width:138px;margin-top:0;padding:11px 16px}.accountViewModal .accountModalFooter{justify-content:center}.accountViewModal .accountModalFooter .cancelBtn{min-width:160px}@media (width<=760px){.accountProfileModal{grid-template-rows:auto;grid-template-columns:1fr;width:calc(100vw - 20px);max-height:calc(100vh - 24px);padding:10px;overflow-y:auto}.accountModalHeader,.accountProfileModal .modalForm,.accountProfileModal>.accountAvatarField,.accountModalFooter{padding-left:18px;padding-right:18px}.accountProfileModal .imageUploadSection{grid-area:auto/1;min-height:190px;margin:0}.accountModalHeader,.accountProfileModal .modalForm,.accountProfileModal>.accountAvatarField,.accountModalFooter{grid-column:1}.accountVisualPanelContent{min-height:190px;padding:22px}.accountVisualTitle{max-width:260px;font-size:20px}.accountModalHeader{padding-top:22px}.accountModalHeader h2{font-size:23px}.accountProfileModal .modalForm{grid-template-columns:1fr;gap:0;overflow:visible}.accountModalFooter{flex-direction:column-reverse}.accountModalFooter .cancelBtn,.accountModalFooter .submitBtn{width:100%}}@media (width<=900px){.accountOverviewBodyContainer{padding:86px 16px 24px;overflow-y:auto}.accountOverviewTopContainer,.accountOverviewTableContainer .tableToolbar,.searchFilterSection{flex-wrap:wrap}.accountOverviewSubTopContainer{flex:100%}.accountOverviewNotificationContainer{flex:0 0 58px;margin-left:0}.accountOverviewTableContainer{height:auto;min-height:calc(100vh - 180px)}.accountSettingsDropdown{left:auto;right:0}.accountPagination{flex-direction:column}}@media (width<=640px){.accountOverviewBodyContainer{padding-left:12px;padding-right:12px}.accountOverviewTableContainer{padding:14px}.accountOverviewTableContainer .tableWrapper{overflow-x:auto}.accountOverviewTableContainer .dataTable{min-width:760px}.accountSettingsDropdown{width:auto;position:fixed;top:150px;left:16px;right:16px}.accountAvatarField{align-items:flex-start}}.alertModal{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;width:min(88vw,310px);max-width:310px;padding:20px;display:flex;box-shadow:0 2px 10px #0000001a}.alertIcon{margin-bottom:6px}.alertTitle{color:#000;margin:10px 0;font-size:18px;font-weight:700}.alertMessage{text-align:center;color:#666;margin-bottom:18px;font-size:13px}.alertActions{flex-direction:row;justify-content:center;gap:10px;width:100%;display:flex}.alertBtn{cursor:pointer;border:none;border-radius:8px;min-width:86px;padding:9px 16px;font-weight:600}.cancelAlertBtn{color:#333;background-color:#f0f0f0}.cancelAlertBtn:hover{background-color:#e0e0e0}.confirmAlertBtn{color:#fff;background-color:#3d67ee}.confirmAlertBtn:hover{opacity:.9}.errorBtn{background-color:#d93025}.alertModal{background:linear-gradient(#fffffff5,#f7fafff0),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%);border:1px solid #ffffffb8;border-radius:24px;width:min(88vw,360px);max-width:360px;padding:24px;box-shadow:0 32px 80px #04082a57}.alertIcon{background:radial-gradient(circle at 100% 0,#fa2b241a,#0000 38%),#0818a00f;border-radius:999px;place-items:center;width:58px;height:58px;margin-bottom:10px;display:grid}.alertIcon svg{width:42px;height:42px}.alertTitle{color:#0a1156;text-align:center;margin:6px 0 8px;font-size:1.08rem;font-weight:760}.alertMessage{color:#4a5872;max-width:290px;margin-bottom:20px;font-size:.82rem;line-height:1.5}.alertActions{gap:10px}.alertBtn{border-radius:999px;min-width:112px;min-height:38px;padding:8px 16px;font-size:.78rem;transition:border-color .18s,background .18s,box-shadow .18s}.cancelAlertBtn{color:#0a1156;background:#fff;border:1px solid #9dabc357}.cancelAlertBtn:hover{background:#f7fbff;border-color:#0818a033}.confirmAlertBtn{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #3db6ee47;box-shadow:0 14px 28px #04082a24}.confirmAlertBtn:hover{opacity:1;box-shadow:0 18px 34px #04082a2e}.confirmAlertBtn.errorBtn{background:linear-gradient(135deg,#ffffff24,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 58%,#071126 100%);border-color:#fa2b2447}.modalSections{flex-direction:row;gap:50px;display:flex}.leftModalSection,.rightModalSection{flex:1}.textInputStyle,.createPickerStyle{border:1px solid #ccc;border-radius:8px;margin-top:5px;margin-bottom:15px;padding:8px 12px}.labelStyle{margin-bottom:5px;font-family:Segoe UI,sans-serif;font-size:14px;font-weight:600}.auditBodyContainer{flex-direction:column;min-height:0;padding:28px 28px 0 16px;display:flex;overflow-x:hidden;height:100vh!important;overflow-y:auto!important}.auditTopContainer{flex:none;align-items:center;gap:12px;height:96px;min-height:96px;margin-bottom:14px}.auditSubTopContainer{height:96px;min-height:96px;box-shadow:none;background:0 0;border-radius:0;gap:14px;padding:0 2px 14px}.auditHeroIcon{color:#fff;background:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#fa2b24b3),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);border-radius:16px;flex:0 0 65px;place-items:center;width:65px;height:65px;display:grid;box-shadow:0 16px 34px #04082a2e}.auditHeroCopy{gap:4px;min-width:0;display:grid}.auditHeroCopy span{color:#4a5872;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:780}.auditHeroCopy h1{color:#0a1156;margin:0;font-size:clamp(1.3rem,1.8vw,1.75rem);line-height:1.08}.auditHeroCopy p{color:#4a5872;max-width:560px;margin:0;font-size:.78rem;line-height:1.45}.auditHeaderActions{align-self:center}.auditHeaderActions .auditHeaderSearchInput{width:clamp(220px,22vw,320px)}.auditNotificationContainer{border-radius:12px;flex:none;justify-content:flex-end;gap:10px;min-height:0;padding:12px}.auditTableContainer{background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),radial-gradient(circle at 0 100%,#fa2b240e,#0000 36%),linear-gradient(#ffffffd6 0%,#f9fbffd1 100%);border:1px solid #0818a01f;border-radius:20px;flex:none;gap:16px;height:auto;min-height:560px;margin-top:0;padding:16px;overflow:visible;box-shadow:0 18px 42px #0a115613,inset 0 1px #ffffffe6}.auditTableContainer .tableWrapper{background:#ffffff9e;border:1px solid #0818a014;border-radius:16px;min-height:430px;overflow:visible}.auditTableContainer .tableToolbar{border-bottom:1px solid #0818a01a;margin-bottom:0;padding:0 0 14px}.auditOverviewGrid{grid-template-columns:1.1fr 1.3fr;gap:18px;margin-bottom:10px;display:grid}.auditHeroCard{color:#fff;background:radial-gradient(circle at 100% 0,#fa2b2433,#0000 34%),radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 62%,#040815 100%);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:25px;padding:24px;display:flex;box-shadow:0 22px 50px #04082a29}.auditEyebrow{letter-spacing:.08em;text-transform:uppercase;color:#ffffffa8;font-size:11px;font-weight:700}.auditHeroText h2{color:#fff;margin-top:8px;margin-bottom:10px;font-size:28px;line-height:1.2}.auditHeroText p{color:#ffffffad;max-width:700px;font-size:14px;line-height:1.6}.auditStatRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auditStatCard{background:#ffffff13;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff14}.auditStatCard strong{color:#fff;font-size:20px;display:block}.auditStatCard span{color:#ffffff9e;font-size:12px}.auditStatIcon{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.auditBlueIconWrap{color:#2754db;background:#e8f0ff}.auditGreenIconWrap{color:#1f7a3f;background:#e5f7eb}.auditAmberIconWrap{color:#a86200;background:#fff3df}.auditRedIconWrap{color:#b42318;background:#ffe8e8}.auditMiniCardStack{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.auditMiniCard{text-align:left;cursor:pointer;background:radial-gradient(circle at 100% 0,#0818a00f,#0000 36%),#ffffffb3;border:1px solid #0818a01a;border-radius:16px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.auditMiniCard:hover{background:#f7fbff;border-color:#0818a033;transform:translateY(-2px);box-shadow:0 12px 24px #0a115614}.auditMiniCardActive{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-color:#3db6ee57;box-shadow:0 14px 30px #04082a29}.auditMiniCardHeader{color:#6c7894;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px;display:flex}.auditMiniCardIcon{color:#0a1156;background:#ffffffc2;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.auditMiniCard strong{color:#0a1156;margin-bottom:8px;font-size:16px;display:block}.auditMiniCard p{color:#4a5872;font-size:12px;line-height:1.5}.auditMiniCardActive .auditMiniCardHeader,.auditMiniCardActive strong,.auditMiniCardActive p{color:#fff}.auditMiniCardActive .auditMiniCardHeader span,.auditMiniCardActive p{color:#ffffffad}.auditModuleOptionsPanel{background:radial-gradient(circle at 100% 0,#0818a00f,#0000 34%),#ffffffad;border:1px solid #0818a01a;border-radius:20px;min-width:0;padding:16px;box-shadow:0 14px 32px #0a115611}.auditModuleOptionsHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.auditModuleOptionsEyebrow{color:#4a5872;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:780;display:block}.auditModuleOptionsHeader h3{color:#0a1156;margin:5px 0 0;font-size:.95rem;line-height:1.2}.auditModuleOptionsHeader>span{color:#0a1156;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #3db6ee47;border-radius:999px;align-items:center;max-width:150px;min-height:28px;padding:0 10px;font-size:.68rem;font-weight:760;display:inline-flex;overflow:hidden}.auditModuleOptionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.auditModuleOption{color:#0a1156;cursor:pointer;text-align:left;background:#ffffffb8;border:1px solid #0818a01a;border-radius:14px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:46px;padding:8px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid}.auditModuleOption:hover{background:#f7fbff;border-color:#0818a03d;transform:translateY(-1px);box-shadow:0 10px 20px #0a115614}.auditModuleOptionIcon{color:#0a1156;background:#eef2ff;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.auditModuleOptionText{min-width:0;color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:760;line-height:1.2;overflow:hidden}.auditModuleOptionCount{color:#4a5872;background:#0818a012;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:24px;padding:0 7px;font-size:.68rem;font-weight:780;display:inline-flex}.auditModuleOptionActive{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-color:#3db6ee57;box-shadow:0 12px 24px #04082a24}.auditModuleOptionActive .auditModuleOptionIcon{color:#fff;background:#ffffff24}.auditModuleOptionActive .auditModuleOptionCount{color:#ffffffc7;background:#ffffff24}.auditChipRow{flex-wrap:wrap;gap:10px;display:flex}.auditChip{color:#0a1156;cursor:pointer;background:#ffffffc2;border:1px solid #0818a024;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s}.auditChip:hover{color:#0818a0;background:#f7fbff;border-color:#0818a052;transform:translateY(-1px)}.auditChipActive{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-color:#3db6ee57;box-shadow:0 12px 24px #04082a1f}.auditSearchInput{width:300px}.auditFilterSection{min-width:auto}.auditTableContainer .toolbarItem .iconButton{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px;width:34px;height:34px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.auditTableContainer .toolbarItem .iconButton:hover{background:#f7fbff;border-color:#0818a052;transform:translateY(-1px);box-shadow:0 10px 24px #0a11561a}.auditTableContainer .toolbarItem .iconButton:has(.iconActive){background:#f7fbff;border-color:#0818a052;transform:translateY(-1px);box-shadow:0 10px 24px #0a11561a}.auditTableContainer .searchInput,.auditTableContainer .filterSelect{color:#0a1156;background:#fff;border-color:#0818a024;border-radius:999px;min-height:34px}.auditTableContainer .searchInput:focus,.auditTableContainer .filterSelect:focus{border-color:#0818a06b;outline:none;box-shadow:0 0 0 3px #3db6ee24}.auditTableContainer .filterSection{gap:8px}.auditSettingsDropdownContainer{position:relative}.auditSettingsDropdown{z-index:120;top:42px;left:0}.auditSortIconButton{width:34px!important;height:34px!important}.auditTableContainer .clearFilterBtn{color:#fff;background:radial-gradient(circle at 100% 0,#fa2b242e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #fa2b2438;border-radius:999px;min-height:34px;box-shadow:0 12px 24px #04082a1f}.auditActionMeta span{color:#4a5872;font-size:12px;font-weight:600}.auditActionMeta{align-items:center;gap:12px}.auditExportPdfBtn{white-space:nowrap;color:#fff}.auditExportPdfBtn span,.auditExportPdfBtn svg{color:#fff}.auditExportPdfBtn:disabled{opacity:.55;cursor:not-allowed;transform:none}.audit-single-format{grid-template-columns:minmax(0,1fr)}.audit-export-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.auditModuleCell{align-items:flex-start;gap:12px;display:flex}.auditModuleIcon{color:#0a1156;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.auditCellStack{flex-direction:column;gap:4px;display:flex}.auditCellStack small{color:#6d7688;font-size:11px;line-height:1.4}.auditDateCell{color:#4a5872;align-items:center;gap:8px;font-size:12px;display:flex}.auditWarningBadge{background-color:#fff0c7}.auditWarningText{color:#9a6700}.auditFailedText{color:#b42318}.auditLegendRow{flex-wrap:wrap;gap:12px 18px;margin:-6px 0 2px;padding:0 2px 2px;display:flex}.auditLegendItem{color:#4a5872;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.auditDesktopTable{display:table}.auditDesktopTable th{z-index:2;color:#0a1156;text-transform:uppercase;background:#f7fbff;border-bottom:1px solid #0818a01a;padding:12px 10px;font-size:.72rem;position:sticky;top:0}.auditDesktopTable td{color:#34405a;border-bottom:1px solid #0818a012;padding:11px 10px}.auditDesktopTable tbody tr{transition:background .18s}.auditDesktopTable tbody tr:hover{background:radial-gradient(circle at 0 0,#3db6ee14,#0000 38%),#ffffffeb}.auditDesktopTable tbody tr.auditRowWarning{background:linear-gradient(90deg,#ffb34021 0%,#ffb3400e 34%,#ffffffb8 100%)}.auditDesktopTable tbody tr.auditRowFailed{background:linear-gradient(90deg,#f443361f 0%,#f443360d 34%,#ffffffb8 100%)}.auditDesktopTable tbody tr.auditRowWarning:hover{background:linear-gradient(90deg,#ffb3402e 0%,#ffb34013 36%,#ffffffeb 100%)}.auditDesktopTable tbody tr.auditRowFailed:hover{background:linear-gradient(90deg,#f443362b 0%,#f4433612 36%,#ffffffeb 100%)}.auditMobileList{display:none}.auditMobileCard{background:radial-gradient(circle at 100% 0,#0818a00f,#0000 36%),#ffffffb8;border:1px solid #0818a01a;border-radius:16px;padding:16px;box-shadow:0 10px 24px #0a11560e}.auditMobileCard.auditRowWarning{background:linear-gradient(135deg,#ffb3401f,#ffb34009 42%,#ffffffc2),#ffffffb8;border-color:#a8620029}.auditMobileCard.auditRowFailed{background:linear-gradient(135deg,#f443361c,#f4433609 42%,#ffffffc2),#ffffffb8;border-color:#b4231826}.auditMobileTopRow{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.auditMobileInfoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auditMobileInfoItem{flex-direction:column;gap:4px;display:flex}.auditMobileInfoItem label{text-transform:uppercase;letter-spacing:.05em;color:#7b8497;font-size:11px;font-weight:700}.auditMobileInfoItem span{color:#22314d;font-size:13px;line-height:1.5}.auditMobileInfoItemWide{grid-column:1/-1}.auditPaginationNumbers{align-items:center;gap:8px;display:flex}.auditPageNumber{color:#0a1156;cursor:pointer;background:#fff;border:1px solid #0818a024;border-radius:10px;min-width:36px;height:36px;font-size:13px;font-weight:700}.auditPageNumberActive{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-color:#3db6ee57;box-shadow:0 12px 24px #04082a1f}@media (width<=1280px){.auditOverviewGrid{grid-template-columns:1fr}}@media (width<=900px){.auditMiniCardStack{grid-template-columns:1fr}.auditHeaderActions{flex-wrap:wrap;justify-content:flex-start;width:100%}.auditHeaderActions .auditHeaderSearchInput{width:min(100%,280px)}.auditModuleOptionGrid{grid-template-columns:1fr}.auditSearchInput{width:220px}html,body{min-height:100%;overflow-x:hidden;height:auto!important;overflow-y:auto!important}#root{min-height:100vh;display:block;overflow:visible;height:auto!important}.biContainer{width:100%;min-height:100vh;display:block;overflow:visible;height:auto!important}.mobileNavToggle{display:inline-flex}.mobileNavBackdrop{display:block}.navbarContainer.mobile{z-index:1101;width:min(86vw,320px);min-width:min(86vw,320px);box-shadow:none;background:0 0;padding:18px 14px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.navbarContainer.mobile.mobileOpen{transform:translate(0)}.navbarContainer.mobile .navBody{height:calc(100vh - 36px);box-shadow:0 16px 40px #0f172a42}.navMobileCloseBtn{display:inline-flex}.navbarContainer.mobile .navTitle{justify-content:space-between;padding:12px 14px 16px}.navbarContainer.mobile .navLogoContainer{justify-content:flex-start;width:auto}.navbarContainer.mobile .navOverview{display:block}.navbarContainer.mobile .navGlassContainer{padding:10px 12px}.navbarContainer.mobile .scrollable-nav{max-height:calc(100vh - 270px)}.bodyContainer{-webkit-overflow-scrolling:touch;flex:none;width:100%;height:100vh;min-height:100vh;max-height:100vh;padding:78px 14px 18px;overflow:hidden auto}.topContainer{gap:10px;height:auto}.subTopContainer{border-radius:16px;padding:16px}.notificationContainer{flex:none;width:72px;margin-left:0}.tableWrapper{overflow:visible}.tableToolbar{flex-direction:column;align-items:stretch;gap:14px}.searchFilterSection{flex-wrap:wrap;gap:12px}.auditFilterSection,.filterSelect,.filterSelect.wide{width:100%}.auditActionMeta{justify-content:flex-start}.auditHeroCard{padding:18px}.auditHeroText h2{font-size:22px}.auditChipRow{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.auditChip{white-space:nowrap}.auditDesktopTable{display:none}.auditMobileList{gap:12px;display:grid}.auditLegendRow{flex-direction:column;gap:10px}.pagination{flex-wrap:wrap;gap:10px}.paginationBtn{flex:120px;min-height:40px}.paginationInfo{text-align:center;order:3;width:100%}}@media (width<=640px){.auditStatCard{gap:8px;padding:10px}.auditStatIcon{border-radius:10px;width:32px;height:32px}.auditStatCard strong{font-size:18px}.auditStatCard span{font-size:11px;line-height:1.2}.auditChipRow::-webkit-scrollbar{height:4px}.auditMobileInfoGrid{grid-template-columns:1fr}.auditMobileTopRow{flex-direction:column;align-items:stretch}.auditPaginationNumbers{order:2;justify-content:center;width:100%}.paginationBtn{flex:calc(50% - 6px)}}.settingsTableContainer{gap:20px;height:auto;min-height:calc(100vh - 170px);margin-top:0;overflow:visible}.settingsTableNoHeader{margin-top:0}.settingsTopContainer{height:auto;min-height:0;margin-bottom:16px}.settingsSubTopContainer{border-radius:12px;gap:16px;min-height:0;padding:12px 20px;box-shadow:0 0 12px #00000014}.settingsSubTopLeft{flex-shrink:0;align-items:center;gap:2px;display:flex}.settingsHeaderStatus{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.settingsHeaderStatus span{color:#64748b;font-size:12px;font-weight:700}.settingsHeaderStatus strong{color:#3152c7;background:#edf3ff;border:1px solid #cfe0ff;border-radius:999px;padding:7px 12px;font-size:13px}.settingsNotificationContainer{border-radius:12px;min-height:0;padding:12px}.settingsHero{grid-template-columns:1.35fr 1fr;gap:18px;display:grid}.settingsHeroDefenseMode{grid-template-columns:1fr}.settingsHeroPanel{background:linear-gradient(135deg,#eef4ff 0%,#f8fbff 58%,#fff 100%);border:1px solid #dbe7ff;border-radius:22px;padding:24px}.settingsHeroEyebrow,.settingsSectionEyebrow{letter-spacing:.08em;text-transform:uppercase;color:#3d67ee;font-size:11px;font-weight:700;display:inline-block}.settingsHeroPanel h2{color:#18233f;margin:10px 0 12px;font-size:30px;line-height:1.2}.settingsHeroPanel p{color:#5f6b85;max-width:760px;font-size:14px;line-height:1.65}.settingsHeroPills{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.settingsHeroPills span{color:#3152c7;background:#fff;border:1px solid #d7e3ff;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:600}.settingsSummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settingsSummaryCard{background:#fff;border:1px solid #e6edf9;border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 12px 28px #0f172a0d}.settingsSummaryCard strong{color:#1c2740;font-size:17px}.settingsSummaryCard span{color:#677286;font-size:12px;line-height:1.55}.settingsSummaryIcon{border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.settingsSummaryIcon.cyan{color:#0f95b0;background:#605bf6}.settingsSummaryIcon.pink{color:#d14b8f;background:#fff0f7}.settingsSummaryIcon.amber{color:#a96a00;background:#fff6e5}.settingsTabRow{flex-wrap:wrap;gap:10px;display:flex}.settingsTab{color:#273752;cursor:pointer;background:linear-gradient(#fff 0%,#f7faff 100%);border:2px solid #c9d8f5;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:800;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 8px 16px #0f172a0f}.settingsTab:hover{color:#2644af;border-color:#7ea0f7;transform:translateY(-1px);box-shadow:0 10px 22px #3d67ee1f}.settingsPanelGrid{grid-template-columns:1.45fr .85fr;gap:18px;display:grid}.settingsPanelGridTwo,.settingsDeveloperGrid,.settingsHomepageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.settingsHomepageFocusedGrid,.settingsAnnouncementsGrid{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr)}.settingsAnnouncementsLeftStack{flex-direction:column;gap:18px;min-width:0;display:flex}.settingsCard{background:#fff;border:1px solid #e6edf9;border-radius:22px;padding:22px;overflow:visible;box-shadow:0 12px 28px #0f172a0d}.settingsSectionHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.settingsSectionHeader h3{color:#18233f;margin-top:8px;font-size:22px;line-height:1.25}.settingsProfileShell{flex-direction:column;gap:22px;display:flex}.settingsImageEditor{background:#fbfdff;border:1px solid #e6edf8;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.settingsImageEditorInfo{color:#51627d;align-items:center;gap:10px;font-size:13px;display:flex}.settingsImageEditorActions{flex-shrink:0}.settingsProfileBadge{background:linear-gradient(135deg,#f8fbff 0%,#fff 100%);border:1px solid #e6edf8;border-radius:18px;align-items:center;gap:16px;padding:16px;display:flex}.settingsProfileBadge img{object-fit:cover;border:1px solid #cfe0ff;border-radius:22px;width:74px;height:74px}.settingsProfileBadge strong{color:#1c2740;font-size:18px;display:block}.settingsProfileBadge span{color:#64748b;margin-top:3px;font-size:13px;display:block}.settingsProfileBadge small{color:#2d4cbc;background:#edf3ff;border-radius:999px;margin-top:10px;padding:7px 11px;font-size:11px;font-weight:700;display:inline-block}.settingsFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settingsCategoryManager{background:#fbfdff;border:1px solid #e6edf8;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:16px;padding:14px;display:grid}.settingsCategoryChips{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.settingsCategoryChip{color:#3152c7;cursor:pointer;background:#fff;border:1px solid #d7e3ff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:700}.settingsCategoryChip.active{color:#213fa8;background:#edf3ff;border-color:#7ea0f7}.settingsMoneyInput{background:#fff;border:1px solid #d6dfef;border-radius:14px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.settingsMoneyInput:focus-within{border-color:#6d90f5;box-shadow:0 0 0 4px #3d67ee14}.settingsMoneyInput.hasError{border-color:#e05656;box-shadow:0 0 0 4px #e0565614}.settingsMoneyInput span{color:#3152c7;background:#edf3ff;border-right:1px solid #d6dfef;align-self:stretch;align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.settingsMoneyInput input{color:#18233f;border:none;outline:none;width:100%;padding:13px 14px;font-size:14px}.settingsFormField{flex-direction:column;gap:8px;min-width:0;display:flex;overflow:visible}.settingsFormFieldWide{grid-column:1/-1}.settingsFormField label{color:#31415d;font-size:13px;font-weight:700}.settingsChoiceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settingsChoiceCard{color:#31415d;cursor:pointer;text-align:left;background:#fbfdff;border:1px solid #d9e4f5;border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;min-height:112px;padding:15px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.settingsChoiceCard span{color:#17223d;font-size:14px;font-weight:800}.settingsChoiceCard small{color:#61708a;font-size:12px;line-height:1.45}.settingsChoiceCard.active{color:#3152c7;background:#f2f6ff;border-color:#6d90f5;box-shadow:0 0 0 4px #3d67ee14}.settingsInput{color:#18233f;background:#fff;border:1px solid #d6dfef;border-radius:14px;width:100%;padding:13px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.settingsInput:focus{border-color:#6d90f5;outline:none;box-shadow:0 0 0 4px #3d67ee14}.settingsInput.hasError,.settingsOtpInput.hasError{border-color:#e05656;box-shadow:0 0 0 4px #e0565614}.settingsTextarea{resize:vertical;min-height:110px}.settingsErrorText{color:#c53e3e;font-size:12px;line-height:1.45}.settingsPasswordRequirements{grid-template-columns:1fr;gap:7px;margin-top:9px;display:grid}.settingsPasswordRequirement{color:#c53e3e;align-items:center;gap:7px;font-size:12px;line-height:1.35;display:flex}.settingsPasswordRequirement.met{color:#25824f}.settingsPasswordRequirementMark{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.settingsActionRow{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.settingsEditorStack{flex-direction:column;gap:16px;display:flex}.settingsMiniEditorCard{background:#fbfdff;border:1px solid #e6edf8;border-radius:18px;flex-direction:column;gap:14px;padding:16px;display:flex;overflow:visible}.settingsEditorImagePreview{aspect-ratio:16/9;object-fit:cover;background:#fff;border:1px solid #dbe5f8;border-radius:16px;width:100%}.settingsHiddenFileInput{display:none}.settingsMiniEditorHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.settingsWideBtn{justify-content:center;width:100%}.settingsPrimaryBtn,.settingsSecondaryBtn,.settingsGhostBtn,.settingsIconBtn{cursor:pointer;border:none;border-radius:14px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.settingsPrimaryBtn{color:#fff;background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9);padding:13px 18px;box-shadow:0 12px 24px #3d67ee42}.settingsSecondaryBtn{color:#2644af;background:#fff;border:2px solid #c9d8f5;padding:12px 16px;box-shadow:0 8px 16px #0f172a0f}.settingsGhostBtn{color:#2644af;background:#fff;border:2px solid #c9d8f5;align-items:center;gap:8px;padding:11px 16px;display:inline-flex;box-shadow:0 8px 16px #0f172a0f}.settingsPrimaryBtn:hover,.settingsSecondaryBtn:hover,.settingsGhostBtn:hover,.settingsIconBtn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #3d67ee29}.settingsChecklist{flex-direction:column;gap:12px;list-style:none;display:flex}.settingsChecklist li{color:#526077;background:#fbfdff;border:1px solid #e6edf8;border-radius:16px;padding:14px 16px;font-size:13px;line-height:1.6}.settingsInlineNotice{color:#51627d;background:#f7faff;border:1px solid #dce8ff;border-radius:16px;align-items:flex-start;gap:10px;margin-top:18px;padding:14px;font-size:13px;line-height:1.55;display:flex}.settingsToggleField{color:#31415d;align-items:center;gap:10px;font-size:14px;font-weight:700;display:inline-flex}.settingsToggleField input{accent-color:#3d67ee;width:18px;height:18px}.settingsListStack,.settingsServiceGroupStack{flex-direction:column;gap:14px;display:flex}.settingsServiceSearch{margin-bottom:16px}.settingsServiceGroupCard{background:#fff;border:1px solid #e6edf9;border-radius:18px;flex-shrink:0;overflow:hidden}.settingsServicePaneScroll{height:820px;padding-right:4px;overflow-y:auto}.settingsServiceGroupHeader{background:linear-gradient(#f9fbff 0%,#f3f7ff 100%);border-bottom:1px solid #e6edf9;padding:14px 16px}.settingsServiceGroupToggle{text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;width:100%;display:flex}.settingsServiceGroupHeader h4{color:#1b2845;margin:0 0 4px;font-size:16px}.settingsServiceGroupHeader span{color:#6b7890;font-size:12px}.settingsServiceChevron{font-size:24px;line-height:1;color:#3152c7!important}.settingsCompactServiceList{flex-direction:column;display:flex}.settingsEmptyCategory{color:#6b7890;background:#fbfdff;padding:16px;font-size:13px;line-height:1.5}.settingsCompactServiceRow{border-bottom:1px solid #edf2fb;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 16px;display:grid}.settingsCompactServiceRow:last-child{border-bottom:none}.settingsCompactServiceMain{min-width:0}.settingsCompactServiceTop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.settingsCompactServiceTop strong{color:#1b2845;font-size:15px}.settingsCompactStatus{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.settingsCompactStatus.active{color:#217346;background:#e8f8ee}.settingsCompactStatus.draft{color:#9a6700;background:#fff3df}.settingsCompactMetaRow{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.settingsCompactMetaRow span{color:#46608d;background:#eff4ff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.settingsCompactServiceMain p{color:#637187;font-size:12px;line-height:1.55}.settingsCompactActions{align-items:flex-start;gap:8px;display:flex}.settingsAnnouncementPreviewCard{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #e6edf9;border-radius:18px;padding:18px}.settingsAnnouncementPreviewPane{min-height:100%}.settingsAnnouncementHeroPreview{border:1px solid #dfe7fb;border-radius:24px;grid-template-columns:1fr .8fr;gap:18px;min-height:100%;padding:22px;display:grid;overflow:hidden}.settingsAnnouncementHeroPreview.theme-normal{background:linear-gradient(135deg,#eef4ff 0%,#fff 100%)}.settingsAnnouncementHeroPreview.theme-urgent{background:linear-gradient(135deg,#fff1f1 0%,#fff8f3 100%)}.settingsAnnouncementHeroPreview.theme-important-notice{background:linear-gradient(135deg,#fff7e5 0%,#fff 100%)}.settingsAnnouncementHeroPreview.theme-promo{background:linear-gradient(135deg,#f2f0ff 0%,#fff4fb 100%)}.settingsAnnouncementHeroContent{flex-direction:column;justify-content:center;display:flex}.settingsAnnouncementHeroContent h2{color:#18233f;margin:16px 0 14px;font-size:34px;line-height:1.12}.settingsAnnouncementHeroVisual{background:#ffffffb8;border:1px solid #ffffffbf;border-radius:22px;justify-content:center;align-items:center;min-height:320px;display:flex;overflow:hidden}.settingsAnnouncementPreviewImage{object-fit:cover;width:100%;height:100%;display:block}.settingsAnnouncementImagePlaceholder{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:13px;line-height:1.6;display:flex}.settingsAnnouncementPreviewCard h4{color:#1b2845;margin:12px 0;font-size:20px}.settingsAnnouncementPreviewMeta{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.settingsAnnouncementPreviewMeta span{color:#46608d;background:#eff4ff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.settingsWebsitePreviewFrame{background:#f7faff;border:1px solid #dfe7fb;border-radius:22px;overflow:hidden}.settingsWebsitePreviewChrome{background:#fff;border-bottom:1px solid #e4ebfa;align-items:center;gap:7px;height:36px;padding:0 16px;display:flex}.settingsWebsitePreviewChrome span{background:#c6d2e5;border-radius:999px;width:9px;height:9px}.settingsWebsiteHeroPreview{background:#fff;grid-template-columns:minmax(0,1.1fr) minmax(220px,.75fr);gap:18px;padding:24px;display:grid}.settingsWebsiteHeroPreview h2{color:#121d36;margin:14px 0 12px;font-size:34px;line-height:1.12}.settingsWebsiteFeaturePreview{flex-direction:column;gap:10px;display:flex}.settingsWebsiteAnnouncement{border-top:1px solid #e4ebfa;border-bottom:1px solid #e4ebfa;grid-template-columns:minmax(0,1fr) minmax(180px,.46fr);align-items:center;gap:18px;padding:24px;display:grid}.settingsWebsiteAnnouncement.theme-normal{background:linear-gradient(135deg,#eef4ff 0%,#fff 100%)}.settingsWebsiteAnnouncement.theme-urgent{background:linear-gradient(135deg,#fff1f1 0%,#fff8f3 100%)}.settingsWebsiteAnnouncement.theme-important-notice{background:linear-gradient(135deg,#fff7e5 0%,#fff 100%)}.settingsWebsiteAnnouncement.theme-promo{background:linear-gradient(135deg,#f2f0ff 0%,#fff4fb 100%)}.settingsWebsiteAnnouncementCopy h3{color:#17223d;margin:13px 0 10px;font-size:26px;line-height:1.18}.settingsWebsiteAnnouncementImage{aspect-ratio:4/3;object-fit:cover;background:#fff;border:1px solid #ffffffc2;border-radius:18px;width:100%}.settingsWebsiteBannerPreview,.settingsWebsiteBannerPlaceholder{border-radius:18px;width:calc(100% - 48px);margin:24px}.settingsWebsiteBannerPreview{aspect-ratio:16/5;object-fit:cover;border:1px solid #dfe7fb;display:block}.settingsWebsiteBannerPlaceholder{color:#64748b;text-align:center;background:#fff;border:1px dashed #b9c9e6;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:170px;padding:22px;font-size:13px;display:flex}.settingsWebsiteServicesPreview{background:#fff;padding:24px}.settingsWebsiteServicesPreview h3{color:#121d36;margin:14px 0 8px;font-size:22px;line-height:1.2}.settingsWebsiteServiceStrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.settingsWebsiteServiceStrip article{background:#fafcff;border:1px solid #e4ebfa;border-radius:16px;padding:14px}.settingsWebsiteServiceStrip strong{color:#18233f;margin-bottom:6px;font-size:13px;display:block}.settingsWebsiteServiceStrip p{color:#5d6982;font-size:11px;line-height:1.55}.settingsListCard,.settingsAnnouncementCard{background:#fff;border:1px solid #e6edf9;border-radius:18px;padding:16px}.settingsListCardTop,.settingsAnnouncementTop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settingsListCardTop h4,.settingsAnnouncementTop h4{color:#1b2845;margin:10px 0 8px;font-size:18px}.settingsListCardTop p,.settingsAnnouncementTop p{color:#637187;font-size:13px;line-height:1.6}.settingsListMeta,.settingsAnnouncementMeta{text-align:right;flex-shrink:0}.settingsListMeta strong,.settingsAnnouncementMeta strong{color:#21314f;font-size:16px;display:block}.settingsListMeta small,.settingsAnnouncementMeta small{color:#738197;margin-top:6px;font-size:12px;display:block}.settingsListTags{flex-wrap:wrap;gap:8px;display:flex}.settingsListTags span{color:#3152c7;background:#eff4ff;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}.settingsListTags span.active{color:#217346;background:#e8f8ee}.settingsListTags span.draft{color:#9a6700;background:#fff3df}.settingsListTags span.scheduled{color:#6d46d2;background:#f0ecff}.settingsListActions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.settingsIconBtn{color:#3152c7;background:#f8fbff;border:1px solid #d7e3ff;align-items:center;gap:8px;padding:10px 13px;display:inline-flex}.settingsIconBtn.danger{color:#b42318;background:#fff6f5;border-color:#ffd2cd}.settingsHomepagePreviewCard{background:linear-gradient(#fbfdff 0%,#f6f9ff 100%)}.settingsHomepagePreview{flex-direction:column;gap:22px;display:flex}.settingsAnnouncementHomepagePreview{gap:22px}.settingsAnnouncementAlignedBanner{width:100%;margin:0}.settingsPreviewHero{grid-template-columns:1.25fr .85fr;gap:16px;display:grid}.settingsPreviewHeroMain,.settingsPreviewHeroSide,.settingsPreviewSection,.settingsPreviewServiceGrid article,.settingsPreviewAboutGrid article{background:#fff;border:1px solid #dbe5f8;border-radius:20px}.settingsPreviewHeroMain{padding:22px;position:relative}.settingsPreviewHeroSide{flex-direction:column;gap:12px;padding:18px;display:flex;position:relative}.settingsPreviewHeroSide h4{color:#17223d;font-size:18px}.settingsPreviewEyebrow{color:#3152c7;letter-spacing:.08em;text-transform:uppercase;background:#edf3ff;border-radius:999px;align-items:center;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.settingsPreviewHeroMain h2,.settingsPreviewSection h3{color:#121d36;line-height:1.15}.settingsPreviewHeroMain h2{max-width:680px;margin:16px 0 14px;font-size:42px}.settingsPreviewSection{padding:22px;position:relative}.settingsPreviewSection h3{max-width:760px;margin:14px 0 8px;font-size:24px}.settingsPreviewRichText,.settingsPreviewHeroMain p,.settingsPreviewSection p{color:#59667e;font-size:13px;line-height:1.7}.settingsPreviewRichText ul{padding-left:18px}.settingsPreviewButtonRow{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.settingsPreviewButtonRow button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#4d75f3,#3257d8);border:none;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:700}.settingsPreviewButtonRow button.secondary{color:#3350b4;background:#f5f7fb;border:1px solid #d9e4ff}.settingsPreviewMiniCard{background:#fafcff;border:1px solid #e4ebfa;border-radius:16px;align-items:flex-start;gap:12px;padding:14px;display:flex}.settingsPreviewMiniIcon{color:#3152c7;background:#edf3ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.settingsPreviewMiniCard strong{color:#18233f;font-size:13px;display:block}.settingsPreviewMiniCard p{color:#5d6982;margin-top:6px;font-size:11px;line-height:1.55}.settingsPreviewCarouselSection{padding:4px 0;position:relative;overflow:hidden}.settingsPreviewCarousel{justify-content:center;align-items:center;min-height:360px;margin-top:18px;display:flex;position:relative;overflow:hidden}.settingsCarouselStage{width:100%;height:330px;position:relative}.settingsPreviewCarouselCard{background:#fff;border:1px solid #e4ebfa;border-radius:8px;width:min(66%,520px);height:310px;transition:transform .25s,opacity .25s;position:absolute;top:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 18px 34px #0f172a1f}.settingsPreviewCarouselCard.active{z-index:2;left:50%}.settingsPreviewCarouselCard.previous,.settingsPreviewCarouselCard.next{z-index:1;opacity:.96;width:min(30%,230px);height:260px}.settingsPreviewCarouselCard.previous{left:6%;transform:translate(-50%,-50%)}.settingsPreviewCarouselCard.next{left:94%;transform:translate(-50%,-50%)}.settingsPreviewCarouselCard img{object-fit:cover;width:100%;height:100%;display:block}.settingsPreviewCarouselCard div{color:#fff;background:linear-gradient(#0000,#0f172ac2);padding:16px;position:absolute;bottom:0;left:0;right:0}.settingsPreviewCarouselCard strong{color:#fff;margin-bottom:6px;font-size:15px;display:block}.settingsPreviewCarouselCard p{color:#ffffffe6;font-size:12px;line-height:1.55}.settingsPreviewCarouselCard.previous div,.settingsPreviewCarouselCard.next div{display:none}.settingsCarouselNav{z-index:3;color:#fff;text-transform:uppercase;cursor:pointer;background:#ffffff1f;border:1px solid #fffc;border-radius:4px;padding:7px 12px;font-size:10px;font-weight:800;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 16px #0f172a1f}.settingsCarouselPrev{left:28px}.settingsCarouselNext{right:28px}.settingsCarouselDots{z-index:4;gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.settingsCarouselDots button{cursor:pointer;background:#ffffff94;border:none;border-radius:999px;width:7px;height:7px}.settingsCarouselDots button.active{background:#fff;width:18px}.settingsPreviewBranchGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.settingsPreviewBranchGrid article{background:#fff;border:1px solid #e4ebfa;border-radius:18px;overflow:hidden}.settingsPreviewBranchGrid img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.settingsPreviewBranchGrid div{padding:14px}.settingsPreviewBranchGrid strong{color:#18233f;margin-bottom:7px;font-size:15px;display:block}.settingsPreviewBranchGrid p{color:#5d6982;font-size:12px;line-height:1.55}.settingsPreviewBranchGrid span{color:#3152c7;margin-top:10px;font-size:12px;font-weight:700;display:block}.settingsBranchMapLink{color:#3152c7;vertical-align:middle;background:#edf3ff;border:1px solid #d7e3ff;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:fit-content;margin-top:12px;padding:8px 11px;font-size:12px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.settingsBranchMapLink svg{flex-shrink:0;display:block}.settingsPreviewBranchGrid .settingsBranchMapLink span{color:inherit;font-size:inherit;font-weight:inherit;margin-top:0;display:inline}.settingsBranchMapLink:hover{background:#dfe9ff}.settingsPreviewServiceGrid,.settingsPreviewAboutGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.settingsPreviewServiceGrid article,.settingsPreviewAboutGrid article{padding:18px}.settingsPreviewServiceGrid strong,.settingsPreviewAboutGrid strong{color:#18233f;margin-bottom:8px;font-size:15px;display:block}.settingsPreviewEditButton{color:#3152c7;cursor:pointer;background:#f8fbff;border:1px solid #d7e3ff;border-radius:12px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.settingsPreviewEditButton.compact{margin-bottom:0;padding:7px 10px}.settingsPreviewHeaderRow,.settingsPreviewCardTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settingsOtpModal{text-align:center;background:#fff;border-radius:22px;flex-direction:column;align-items:center;width:min(92vw,420px);padding:26px;display:flex;box-shadow:0 22px 50px #0f172a38}.settingsOtpIcon{color:#3152c7;background:#edf3ff;border-radius:22px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.settingsOtpModal h3{color:#17233f;font-size:24px}.settingsOtpModal p{color:#5f6c84;margin:12px 0 18px;font-size:14px;line-height:1.6}.settingsOtpInput{letter-spacing:.25em;text-align:center;color:#18233f;border:1px solid #d6dfef;border-radius:16px;width:100%;padding:14px 16px;font-size:26px;font-weight:700}.settingsOtpHint{color:#6e7a91;margin-top:10px;font-size:12px;line-height:1.5}.settingsOtpActions{gap:10px;width:100%;margin-top:18px;display:flex}.settingsOtpActions .settingsSecondaryBtn,.settingsOtpActions .settingsPrimaryBtn{flex:1}.adminAiPanelWrap{flex-direction:column;gap:14px;display:flex}.adminAiPanelHeadingRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.adminAiPanelHeading{color:#3d67ee;border-bottom:1px solid #f0f0f0;flex:1;margin-bottom:0;padding-bottom:10px;font-size:18px}.adminAiPanelToolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.adminAiToolbarBtn{color:#3059d8;cursor:pointer;background:#f7f9ff;border:1px solid #d5defe;border-radius:10px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.adminAiToolbarBtn:hover:not(:disabled){background:#eef3ff;border-color:#bfd0ff}.adminAiToolbarBtn:disabled{cursor:not-allowed;opacity:.7}.adminAiPanelCard{background:linear-gradient(#f8faff 0%,#fdfdff 100%);border:1px solid #dbe3ff;border-radius:18px;padding:22px;box-shadow:0 10px 30px #3d67ee14}.adminAiErrorBox{color:#c62828;align-items:flex-start;gap:10px;display:flex}.adminAiErrorIcon{flex-shrink:0;margin-top:2px}.adminAiErrorText{font-size:14px;font-weight:500}.adminAiPanelContent{flex-direction:column;gap:18px;display:flex}.adminAiHero{border-bottom:1px solid #e7edff;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.adminAiHeroInfo{align-items:flex-start;gap:12px;max-width:640px;display:flex}.adminAiHeroIcon{color:#fff;background:linear-gradient(135deg,#3d67ee 0%,#6f8cff 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 8px 18px #3d67ee38}.adminAiHeroTitle{color:#1d2b54;margin-bottom:4px;font-size:18px;font-weight:700}.adminAiHeroSubtitle{color:#5f6f96;font-size:13px;line-height:1.6}.adminAiStatRow{flex-wrap:wrap;gap:10px;display:flex}.adminAiStatChip{border-radius:12px;min-width:92px;padding:10px 12px}.adminAiStatChipFlag{background-color:#fff4e8;border:1px solid #ffe0b8}.adminAiStatChipQuestion{background-color:#eef7ff;border:1px solid #d6e9ff}.adminAiStatChipMissing{background-color:#f4f2ff;border:1px solid #e2dbff}.adminAiStatLabel{text-transform:uppercase;letter-spacing:.05em;font-size:11px}.adminAiStatChipFlag .adminAiStatLabel{color:#9a6a1f}.adminAiStatChipQuestion .adminAiStatLabel{color:#3a67aa}.adminAiStatChipMissing .adminAiStatLabel{color:#6a58bf}.adminAiStatValue{font-size:20px;font-weight:700}.adminAiStatChipFlag .adminAiStatValue{color:#7d5300}.adminAiStatChipQuestion .adminAiStatValue{color:#1d4ed8}.adminAiStatChipMissing .adminAiStatValue{color:#5b44c8}.adminAiSummaryCard,.adminAiSectionCard{border-radius:16px;padding:16px}.adminAiSummaryCard{background-color:#fff;border:1px solid #e7edff;padding:18px 18px 16px}.adminAiSectionCardFlag{background-color:#fff1f2;border:1px solid #fecdd3}.adminAiSectionCardQuestion{background-color:#f3f8ff;border:1px solid #d8e8ff}.adminAiSectionCardMissing{background-color:#faf8ff;border:1px solid #e7deff}.adminAiSectionTitleRow{align-items:center;gap:8px;margin-bottom:10px;display:flex}.adminAiSectionEyebrow{color:#51607f;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.adminAiSectionEyebrowFlag{color:#be123c}.adminAiSectionEyebrowQuestion{color:#2c5ea7}.adminAiSectionEyebrowMissing{color:#6848bd}.adminAiSummaryText{color:#26324d;font-size:14px;line-height:1.75}.adminAiGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.adminAiList{margin:0;padding-left:18px}.adminAiListFlag{color:#b91c1c;font-weight:650}.adminAiListQuestion{color:#22385a}.adminAiListMissing{color:#3e3466}.adminAiListColumns{column-count:2}.adminAiListItem{margin-bottom:8px;font-size:14px;line-height:1.55}.adminAiMissingItem{break-inside:avoid}.adminAiFooterNote{color:#6e7a96;flex-direction:column;gap:4px;padding-top:2px;font-size:12px;display:flex}@media (width<=1280px){.settingsHero,.settingsPanelGrid,.settingsPanelGridTwo,.settingsDeveloperGrid,.settingsAnnouncementsGrid,.settingsHomepageGrid,.settingsPreviewHero,.settingsAnnouncementHeroPreview,.settingsWebsiteHeroPreview,.settingsWebsiteAnnouncement{grid-template-columns:1fr}}@media (width<=900px){.adminAiPanelHeading{flex:unset;width:100%}.adminAiPanelToolbar{justify-content:flex-start;width:100%}.adminAiListColumns{column-count:1}.settingsHeroPanel,.settingsCard{padding:18px}.settingsImageEditor{flex-direction:column;align-items:stretch}.settingsSummaryGrid,.settingsFormGrid,.settingsChoiceGrid,.settingsCategoryManager,.settingsPreviewCarousel,.settingsPreviewBranchGrid,.settingsPreviewServiceGrid,.settingsPreviewAboutGrid,.settingsWebsiteServiceStrip{grid-template-columns:1fr}.settingsTabRow{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.settingsTab{white-space:nowrap}.settingsSectionHeader,.settingsListCardTop,.settingsAnnouncementTop,.settingsMiniEditorHeader,.settingsPreviewHeaderRow,.settingsPreviewCardTop{flex-direction:column;align-items:stretch}.settingsListMeta,.settingsAnnouncementMeta{text-align:left}.settingsCompactServiceRow{grid-template-columns:1fr}.settingsCompactActions{flex-wrap:wrap}.settingsServicePaneScroll{height:auto;padding-right:0;overflow:visible}.settingsPreviewHeroMain h2{font-size:32px}.settingsAnnouncementHeroContent h2,.settingsWebsiteHeroPreview h2{font-size:28px}.settingsWebsiteBannerPreview,.settingsWebsiteBannerPlaceholder{width:calc(100% - 32px);margin:16px}.settingsSubTopContainer{flex-wrap:wrap;align-items:flex-start}.settingsHeaderStatus{border-right:none;order:3;width:100%;margin-left:0;padding-right:0}}@media (width<=640px){.settingsHeroPanel h2{font-size:24px}.settingsSectionHeader h3{font-size:19px}.settingsProfileBadge{align-items:flex-start}.settingsProfileBadge img{width:62px;height:62px}.settingsActionRow,.settingsListActions,.settingsOtpActions,.settingsPreviewButtonRow{flex-direction:column}.settingsCompactServiceTop{flex-direction:column;align-items:flex-start}.settingsCompactActions .settingsIconBtn{justify-content:center;width:100%}.settingsPreviewHeroMain h2{font-size:28px}.settingsAnnouncementHeroVisual{min-height:220px}.settingsWebsiteHeroPreview,.settingsWebsiteAnnouncement,.settingsWebsiteServicesPreview{padding:18px}.settingsWebsiteAnnouncementCopy h3{font-size:22px}}.biContainer{background:radial-gradient(circle at 14% 8%,#fa2b241a,#0000 28%),radial-gradient(circle at 84% 0,#0818a029,#0000 32%),linear-gradient(#f8faff 0%,#f3f6ff 42%,#eef3ff 100%)!important}.navbarContainer{width:262px;box-shadow:none;background:0 0;padding:22px 16px 22px 24px}.navbarContainer.collapsed{width:98px;min-width:98px;padding-right:10px}.navBody{background:radial-gradient(circle at 14% 12%,#3db6ee29,#0000 24%),linear-gradient(#0b1732 0%,#071126 58%,#040815 100%);border:1px solid #ffffff14;border-radius:18px;padding:12px 10px;box-shadow:0 26px 70px #04082a47}.glassContainer,.navGlassContainer{box-shadow:none;background:#ffffff0e;border-color:#ffffff14;border-radius:10px}.navBtn{color:#ffffffc2;border-radius:8px;min-height:30px;padding:6px 9px;font-size:.78rem;font-weight:400;position:relative}.navBtn:hover{color:#fff;background:#ffffff13;transform:translate(2px)}.navBtn.active{color:#fff;background:linear-gradient(135deg,#3db6ee38,#0818a02e),#ffffff14;border:1px solid #3db6ee57;box-shadow:inset 3px 0 #3db6ee,0 10px 24px #00000029}.navBtn.active:after{content:"";background:#fa2b24;border-radius:999px;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 4px #fa2b241f}.navbarContainer.collapsed .navBtn.active:after{margin-left:0;position:absolute;top:3px;right:3px}.collapsedDropdown{background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 28%),linear-gradient(#0b1732 0%,#071126 100%);border-color:#3db6ee33;border-radius:10px;left:96px;box-shadow:0 22px 50px #04082a57}.bodyContainer{color:#0a1156;background:radial-gradient(circle at 18% 0,#fa2b2414,#0000 28%),radial-gradient(circle at 86% 0,#0818a01f,#0000 30%),linear-gradient(#f8faff 0%,#f3f6ff 48%,#eef3ff 100%);padding:28px 28px 0 16px;position:relative}.navBrandText{gap:2px;min-width:0;line-height:1;display:grid}.brandFont{font-weight:680}.navBrandSubtitle{color:#ffffff8f;max-width:138px;font-size:.56rem;font-weight:500;line-height:1.15}.navOverview{display:none}.navAccountContainer{box-shadow:none;background:0 0;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:8px;margin:6px 6px 12px;padding:8px 0 12px;display:flex}.navAccount{flex:auto;min-width:0}.navAccountEditBtn{color:#ffffffc7;cursor:pointer;background:#ffffff12;border:1px solid #3db6ee38;border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .18s,color .18s,transform .18s;display:inline-flex}.navAccountEditBtn:hover{color:#fff;background:#3db6ee29;transform:translateY(-1px)}.navbarContainer.collapsed .navAccountContainer{border-bottom:1px solid #ffffff24;justify-content:center;margin:6px 8px 12px;padding:8px 0 12px}.navMenu{gap:4px}.scrollable-nav{max-height:calc(100vh - 230px);box-shadow:none;background:0 0;border:0;margin-top:2px;padding:0}.navSubMenu{margin-top:4px;margin-bottom:6px}.navFooter{text-align:center;place-items:center;gap:8px;width:100%;margin-top:auto;display:grid}.navLogoutBtn{background:#fa2b241a;border-color:#fa2b242e;justify-content:center;width:100%;min-height:30px;padding:6px 9px}.navLogoutBtn:hover{background:#fa2b242e}.navPoweredBy{color:#ffffff8f;text-align:center;justify-content:center;align-items:center;width:100%;margin:0 0 2px;font-size:.62rem;font-weight:650;display:flex}.navPoweredByLogo{height:16px}.bodyContainer:after{content:"Petshield\a Veterinary Clinic & Grooming Center\a \a Petshield Las Pinas\a Las Pinas City, Metro Manila\a petshield@gmail.com  |  +63 912 345 6789\a \a Petshield Taguig\a Taguig City, Metro Manila\a petshieldtaguig@gmail.com  |  +63 998 765 4321\a \a Powered by PawRang";color:#ffffffd1;text-align:center;white-space:pre-line;background:linear-gradient(#0818a000 0%,#0818a00d 22%,#0818a02e 38%,#0818a080 56%,#0a1156e0 78%,#050816 100%),linear-gradient(115deg,#fa2b2452 8%,#0818a02e 48%,#ffffff14 100%),#0a1156;place-items:center;min-height:360px;margin:56px -28px 0 -16px;padding:250px 24px 22px;font-size:.9rem;font-weight:650;line-height:1.8;display:grid}.settingsBodyContainer{padding:28px 28px 0 16px!important}.settingsTopContainer{align-items:center!important;gap:12px!important;height:96px!important;min-height:96px!important;margin-bottom:14px!important}.settingsSubTopContainer{height:96px!important;min-height:96px!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0 2px 14px!important}.settingsHeroIcon{color:#fff!important;background:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#fa2b24b3),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%)!important;border-radius:16px!important;flex:0 0 65px!important;place-items:center!important;width:65px!important;height:65px!important;display:grid!important;box-shadow:0 16px 34px #04082a2e!important}.settingsHeroCopy span{color:#4a5872!important;font-size:.62rem!important;font-weight:700!important}.settingsHeroCopy h1,.settingsSummaryCard strong,.settingsSectionHeader h3,.settingsProfileBadge strong,.settingsOtpModal h3{color:#0a1156!important}.settingsHeroCopy h1{font-size:clamp(1.3rem,1.8vw,1.75rem)!important}.settingsHeroCopy p,.settingsSummaryCard span,.settingsChecklist li,.settingsInlineNotice,.settingsProfileBadge span,.settingsOtpModal p,.settingsOtpHint{color:#4a5872!important}.settingsSectionEyebrow{color:#d23b37!important}.settingsHeaderActions{flex:none!important;align-items:center!important;gap:10px!important;display:inline-flex!important}.settingsHeaderStatus{background:#fff!important;border:1px solid #0818a024!important;border-radius:999px!important;min-height:34px!important;margin-left:0!important;padding:0 12px!important}.settingsHeaderStatus strong{color:#0a1156!important;background:0 0!important;border:0!important;padding:0!important}.settingsNotificationContainer{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;box-shadow:none!important;background:#fff!important;border:1px solid #0818a024!important;border-radius:999px!important;flex:0 0 34px!important;margin-left:0!important;padding:0!important}.settingsIconButton,.settingsBlueIcon{color:#0a1156!important}.settingsTableContainer{min-height:auto!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;gap:14px!important;margin-top:0!important;padding:0!important}.settingsScopeStrip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.settingsSummaryCard,.settingsCard{background:radial-gradient(circle at 0 0,#fa2b240d,#0000 10%),radial-gradient(circle at 100% 0,#0818a00f,#0000 10%),#fff3!important;border:1px solid #0818a01f!important;border-radius:20px!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 42px #0a115614,inset 0 1px #ffffffd9!important}.settingsSummaryCard:before,.settingsCard:before{content:""!important;border-radius:inherit!important;pointer-events:none!important;background:linear-gradient(135deg,#ffffff6b,#fff0 36%)!important;position:absolute!important;inset:0!important}.settingsSummaryCard>*,.settingsCard>*{z-index:1!important;position:relative!important}.settingsSummaryCard{color:#fff!important;cursor:pointer!important;text-align:left!important;background:radial-gradient(circle at 20% 18%,#3db6ee33,#0000 15%,#fa2b244d),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 10%)!important;border-color:#ffffff1f!important;grid-template-rows:auto auto!important;grid-template-columns:58px minmax(0,1fr)!important;align-content:center!important;align-items:center!important;gap:2px 14px!important;min-height:112px!important;padding:18px!important;transition:transform .18s,opacity .18s,filter .18s,border-color .18s,box-shadow .18s,background .18s!important;display:grid!important;box-shadow:0 18px 42px #04082a29!important}.settingsSummaryCard:hover{border-color:#3db6ee52!important;transform:translateY(-2px)!important;box-shadow:0 24px 52px #04082a3d!important}.settingsSummaryCardInactive{opacity:.66!important;filter:grayscale(.48)saturate(.68)!important;border-color:#94a3b82e!important;transform:scale(.96)!important;box-shadow:0 12px 28px #04082a1f!important}.settingsSummaryCardInactive:hover{opacity:.82!important;filter:grayscale(.28)saturate(.82)!important;transform:translateY(-1px)scale(.97)!important}.settingsSummaryCard:focus-visible{border-color:#3db6ee94!important;outline:none!important;box-shadow:0 0 0 3px #3db6ee2e,0 22px 50px #04082a38!important}.settingsSummaryCard strong{color:#fff!important;grid-column:2!important;font-size:1.1rem!important;line-height:1.15!important}.settingsSummaryCard span{color:#ffffffa8!important;grid-column:2!important;line-height:1.35!important}.settingsSummaryIcon{color:#fff!important;border-radius:16px!important;grid-area:1/1/3!important;align-self:center!important;width:58px!important;height:58px!important;box-shadow:0 16px 34px #04082a2e!important}.settingsSummaryIcon svg{color:#fff!important;width:25px!important;height:25px!important}.settingsSummaryIcon.blue{color:#fff!important;background:radial-gradient(circle at 20% 18%,#3db6ee80,#0000 38%),radial-gradient(circle at 72% 76%,#94a3b833,#0000 48%),linear-gradient(135deg,#3db6ee80,#ffffff14)!important}.settingsSummaryIcon.red{color:#fff!important;background:radial-gradient(circle at 20% 18%,#fa2b2457,#0000 38%),radial-gradient(circle at 72% 76%,#94a3b833,#0000 48%),linear-gradient(135deg,#fa2b24b3,#ffffff14)!important}.settingsTab{color:#0a1156!important;min-height:34px!important;box-shadow:none!important;background:#fff!important;border:1px solid #0818a024!important;border-radius:999px!important;padding:0 14px!important;font-size:.78rem!important;font-weight:650!important}.settingsTab.active{color:#fff!important;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%)!important;border-color:#3db6ee57!important;box-shadow:0 14px 30px #04082a2e!important}.settingsProfileBadge,.settingsImageEditor,.settingsChecklist li,.settingsInlineNotice{background:0 0!important;border-color:#0818a01a!important;border-radius:14px!important}.settingsInput,.settingsOtpInput,.settingsMoneyInput{color:#0a1156!important;border-color:#0818a024!important;border-radius:12px!important}.settingsInput:focus,.settingsOtpInput:focus,.settingsMoneyInput:focus-within{border-color:#0818a070!important;box-shadow:0 0 0 3px #3db6ee29!important}.settingsPrimaryBtn{background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%)!important;border-radius:10px!important;box-shadow:0 14px 30px #04082a2e!important}.settingsSecondaryBtn,.settingsGhostBtn{color:#0a1156!important;box-shadow:none!important;background:#fff!important;border:1px solid #0818a024!important;border-radius:10px!important}.settingsOtpModal{background:linear-gradient(#fffffff7,#f7fafff2),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%)!important;border:1px solid #ffffffb8!important;border-radius:22px!important;width:min(92vw,430px)!important;padding:28px!important;box-shadow:0 32px 80px #04082a57!important}.settingsOtpIcon{color:#fff!important;background:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#fa2b24b3),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%)!important;border-radius:16px!important;width:58px!important;height:58px!important;box-shadow:0 16px 34px #04082a2e!important}.settingsOtpInput{letter-spacing:.22em!important;background:#fff!important;font-size:1.5rem!important}@media (width<=900px){.settingsBodyContainer{padding:78px 14px 0!important}.settingsTopContainer,.settingsSubTopContainer{height:auto!important}.settingsScopeStrip,.settingsPanelGrid,.settingsPanelGridTwo{grid-template-columns:1fr!important}.navbarContainer.mobile{padding:14px}.navbarContainer.mobile .navBody{border-radius:16px;height:calc(100vh - 28px)}.bodyContainer{padding:78px 14px 0}.bodyContainer:after{margin:44px -14px 0}}.bodyContainer:after{content:none!important;display:none!important}.bodyContainer>.admin-body-footer.user-page-footer{flex:none;margin:56px -28px 0 -16px}@media (width<=900px){.bodyContainer>.admin-body-footer.user-page-footer{margin:44px -14px 0}}.appointmentScheduleBody{height:100vh!important;min-height:0!important;overflow:hidden auto!important}.appointmentScheduleWorkspace{height:auto!important;min-height:calc(100vh - 145px)!important;overflow:visible!important}.appointmentBookedPanel{height:auto!important;min-height:calc(100vh - 154px)!important;overflow:hidden!important}.appointmentTableScroll{flex:auto!important;min-height:500px!important;max-height:none!important;overflow:auto!important}.appointmentClearFiltersBtn{margin-left:0!important}.appointmentBookedPanel .appointmentPaginationBar.accountPagination{justify-content:initial!important;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr)!important;align-items:center!important;margin:14px 0 0!important;display:grid!important}.availabilitySettingsBodyContainer{height:100vh!important;min-height:0!important;overflow:hidden auto!important}.availabilitySettingsWorkspace{width:100%!important;height:auto!important;min-height:calc(100vh - 154px)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;flex-direction:row!important;align-items:stretch!important;gap:20px!important;margin-top:24px!important;padding:0!important;display:flex!important;overflow:visible!important}.availabilitySettingsSidebar{flex-direction:column!important;flex:0 0 360px!important;gap:20px!important;width:360px!important;min-width:300px!important;max-width:360px!important;min-height:0!important;display:flex!important}.availabilitySettingsPanel,.availabilitySettingsMainPanel{background:radial-gradient(circle at 100% 0,#0818a00f,#0000 34%),linear-gradient(#fffffff0,#f9fbffe6)!important;border:1px solid #0818a01f!important;border-radius:22px!important;box-shadow:0 18px 42px #0a115613,inset 0 1px #ffffffe6!important}.availabilitySettingsPanel{padding:20px!important}.availabilitySettingsSpecialDatesPanel{flex-direction:column!important;flex:auto!important;min-height:300px!important;display:flex!important}.availabilitySettingsMainPanel{flex:auto!important;min-width:0!important;padding:30px!important;overflow-y:auto!important}@media (width<=1100px){.availabilitySettingsWorkspace{flex-direction:column!important}.availabilitySettingsSidebar{flex:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:none!important;display:grid!important}}@media (width<=760px){.availabilitySettingsSidebar{display:flex!important}.availabilitySettingsMainPanel{padding:20px!important}}.availabilitySettingsBodyContainer{flex-direction:column!important;display:flex!important}.availabilitySettingsTopContainer{z-index:5!important;flex:none!important;order:0!important;margin:0 0 16px!important}.availabilitySettingsWorkspace{order:1!important;margin-top:0!important}.availabilitySettingsBodyContainer>.admin-body-footer.user-page-footer,.availabilitySettingsBodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{order:99!important;margin-top:48px!important}.availabilitySettingsPanel,.availabilitySettingsMainPanel{background:radial-gradient(circle at 100% 0,#3db6ee1f,#0000 34%),linear-gradient(#fffffff5,#f7faffeb)!important;border-color:#0818a024!important}.availabilitySettingsWorkspace .dataTable th{color:#0a1156!important;background:linear-gradient(135deg,#0818a01a,#3db6ee1f)!important}.availabilitySettingsWorkspace .switch input:checked+.slider{background:linear-gradient(135deg,#3db6ee 0%,#0818a0 100%)!important}.availabilitySettingsWorkspace .gradientBtn,.availabilitySettingsWorkspace .submitBtn,.availabilitySettingsWorkspace .availabilityPrimaryBtn{color:#fff!important;background:linear-gradient(135deg,#ffffff2e,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 42%,#0818a0 100%)!important}.biContainer,.doctorPortalShell{background:radial-gradient(circle at 18% 0,#fa2b2414,#0000 28%),radial-gradient(circle at 86% 0,#0818a01f,#0000 30%),linear-gradient(#f8faff 0%,#f3f6ff 48%,#eef3ff 100%)!important}.navbarContainer,.bodyContainer,.doctorPortalContent{background:0 0!important}.navbarContainer{box-shadow:none!important}.bodyContainer{scrollbar-gutter:stable;scrollbar-color:#0818a057 transparent}.bodyContainer::-webkit-scrollbar{width:12px}.bodyContainer::-webkit-scrollbar-track{background:0 0}.bodyContainer::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.bodyContainer::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact,.doctorPortalContent>.admin-body-footer.user-page-footer.petshield-footer--compact{color:#0a11569e;min-height:82px;margin:28px -28px 0 -16px;padding:18px 24px 20px;background:0 0!important}.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact .petshield-footer-compact-content,.doctorPortalContent>.admin-body-footer.user-page-footer.petshield-footer--compact .petshield-footer-compact-content{border-top-color:#0818a01f;gap:14px;padding-top:12px}.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact .petshield-footer-compact-logo,.doctorPortalContent>.admin-body-footer.user-page-footer.petshield-footer--compact .petshield-footer-compact-logo{border-radius:8px;width:35px;height:35px;margin-right:-10px}.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact .home-footer-powered,.doctorPortalContent>.admin-body-footer.user-page-footer.petshield-footer--compact .home-footer-powered{color:#0a11569e}.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact .home-footer-powered img,.doctorPortalContent>.admin-body-footer.user-page-footer.petshield-footer--compact .home-footer-powered img{width:62px;height:62px}@media (width<=900px){.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact,.doctorPortalContent>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:24px -14px 0;padding-left:18px;padding-right:18px}}.user-page-surface{color:#0a1156;background:#f3f6ff;height:auto;min-height:100vh;overflow-x:hidden}.app-view-root.user-page-surface,.user-container.user-page-surface,.user-appointment-container.user-page-surface,.upf-user-container.user-page-surface{background:#f3f6ff}.user-appointment-container.user-page-surface,.upf-user-container.user-page-surface{height:100vh;overflow:hidden auto}.app-view-root.user-page-surface .app-main-layout,.user-appointment-container.user-page-surface .appointment-content{padding-bottom:220px}.upf-user-container.user-page-surface .upf-main-content{padding-bottom:470px}.user-page-footer{color:#fff;background:linear-gradient(#f3f6ff 0%,#c9d3f2eb 8%,#6f7ec6db 16%,#0818a0f0 32%,#0b1687 46%,#050816 100%),linear-gradient(115deg,#fa2b2429 0%,#0818a02e 44%,#ffffff0a 100%),#050816;width:100%;margin-top:-190px;margin-bottom:0;padding:200px max(20px,50vw - 640px) 22px}.user-page-footer .home-footer-main{grid-template-columns:minmax(240px,.7fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);width:min(100%,1180px);margin:0 auto;display:grid}.user-page-footer .home-footer-brand{align-items:center;gap:16px;display:flex}.user-page-footer .home-footer-brand img{object-fit:contain;border-radius:18px;width:72px;height:72px}.user-page-footer .home-footer-brand h2,.user-page-footer .home-footer-brand p,.user-page-footer .home-footer-branches h3,.user-page-footer .home-footer-branches p{margin:0}.user-page-footer .home-footer-brand h2{color:#fff;font-size:1.8rem;line-height:1}.user-page-footer .home-footer-brand p,.user-page-footer .home-footer-branch p{color:#ffffffbd}.user-page-footer .home-footer-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.user-page-footer .home-footer-branch{gap:10px;display:grid}.user-page-footer .home-footer-branch h3{color:#fff;font-size:1.1rem}.user-page-footer .home-footer-contact-actions{flex-wrap:wrap;gap:10px;display:flex}.user-page-footer .home-footer-contact-actions a{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24}.user-page-footer .home-footer-contact-actions a:hover{background:#fff3}.user-page-footer .home-footer-powered{color:#ffffff9e;border-top:1px solid #ffffff24;justify-content:center;align-items:center;gap:10px;width:min(100%,1180px);margin:40px auto 0;padding-top:18px;font-size:.85rem;display:flex}.user-page-footer .home-footer-powered img{object-fit:contain;width:54px;height:54px}.user-page-footer.petshield-footer--compact{justify-content:center;align-items:flex-end;min-height:170px;margin-top:40px;padding:104px max(20px,50vw - 640px) 18px;display:flex}.user-page-footer.petshield-footer--compact .petshield-footer-compact-content{border-top:1px solid #ffffff24;justify-content:center;align-items:center;gap:18px;width:min(100%,1180px);margin:0 auto;padding-top:14px;display:flex}.user-page-footer.petshield-footer--compact .petshield-footer-compact-logo{object-fit:contain;border-radius:12px;width:44px;height:44px}.user-page-footer.petshield-footer--compact .home-footer-powered{border-top:0;width:auto;margin:0;padding-top:0}.user-page-footer.petshield-footer--compact .home-footer-powered img{width:44px;height:44px}.user-page-surface .modal-overlay,.app-view-root.user-page-surface .app-modal-overlay,.upf-user-container.user-page-surface .upf-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 22% 18%,#fa2b243d,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.user-page-surface .user-alert-modal,.app-view-root.user-page-surface .app-alert-modal,.upf-user-container.user-page-surface .upf-alert-modal{background:linear-gradient(#fffffff5,#f7fafff0),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%);border:1px solid #ffffffb8;border-radius:24px;width:min(340px,100vw - 36px);max-width:340px;padding:22px;box-shadow:0 32px 80px #04082a57}.user-page-surface .user-alert-modal .modal-icon,.user-page-surface .user-alert-modal>svg,.app-view-root.user-page-surface .app-alert-modal>svg,.upf-user-container.user-page-surface .upf-alert-modal>svg{background:linear-gradient(135deg,#fa2b241a,#0818a01f);border-radius:999px;place-items:center;width:54px;height:54px;padding:9px;display:grid}.user-page-surface .user-alert-modal .modal-title,.app-view-root.user-page-surface .app-alert-modal .app-modal-title,.upf-user-container.user-page-surface .upf-alert-modal .upf-modal-title{color:#0a1156;font-size:1.15rem;font-weight:700}.user-page-surface .user-alert-modal .modal-message,.user-page-surface .user-alert-modal .modal-message p,.app-view-root.user-page-surface .app-alert-modal .app-modal-message,.upf-user-container.user-page-surface .upf-alert-modal .upf-modal-message{color:#4a5872;line-height:1.55}.user-page-surface .user-alert-modal .modal-actions,.app-view-root.user-page-surface .app-alert-modal .app-modal-actions,.upf-user-container.user-page-surface .upf-alert-modal .upf-modal-actions{justify-content:center;gap:12px;display:flex}.user-page-surface .user-alert-modal .modal-btn,.app-view-root.user-page-surface .app-alert-modal .app-modal-btn,.upf-user-container.user-page-surface .upf-alert-modal .upf-modal-btn{border-radius:999px;min-height:42px;font-weight:600}.user-page-surface .user-alert-modal .modal-btn-cancel,.app-view-root.user-page-surface .app-alert-modal .app-modal-btn-cancel,.upf-user-container.user-page-surface .upf-alert-modal .upf-modal-btn-cancel{color:#0a1156;box-shadow:none;background:#fff;border:1px solid #9dabc357}.user-page-surface .user-alert-modal .modal-btn-confirm,.app-view-root.user-page-surface .app-alert-modal .app-modal-btn-confirm,.upf-user-container.user-page-surface .upf-alert-modal .upf-modal-btn{color:#fff;background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);border:0;box-shadow:0 16px 32px #0818a033}.upf-user-container.user-page-surface .upf-alert-modal .upf-modal-btn-cancel{color:#0a1156;box-shadow:none;background:#fff;border:1px solid #9dabc357}@media (width<=980px){.app-view-root.user-page-surface .app-main-layout,.user-appointment-container.user-page-surface .appointment-content{padding-bottom:190px}.upf-user-container.user-page-surface .upf-main-content{padding-bottom:440px}.user-page-footer{padding-left:20px;padding-right:20px}.user-page-footer .home-footer-main,.user-page-footer .home-footer-branches{grid-template-columns:1fr}.user-page-footer .home-footer-brand{align-items:flex-start}.user-page-footer .home-footer-contact-actions a{justify-content:center;width:100%}}@media (width<=768px){.app-view-root.user-page-surface .app-main-layout,.user-appointment-container.user-page-surface .appointment-content{padding-bottom:170px}.upf-user-container.user-page-surface .upf-main-content{padding-bottom:400px}}.notifPopup,.viewAllOverlay,.viewAllOverlayContent,.viewAllOverlayItem{backface-visibility:hidden;-webkit-font-smoothing:antialiased;will-change:auto;transform:translateZ(0)}.notifButtonWrapper{display:inline-block;position:relative}.notifButton{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.notifButton:hover{opacity:.8}.notifRedDot{background-color:red;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.notifPopup{background:#fff;border-radius:10px;flex-direction:column;width:400px;max-height:500px;display:flex;overflow:hidden;box-shadow:0 4px 16px #0059ff27}.notifPopupAnchored{z-index:60;position:absolute;top:calc(100% + 10px);right:0}.notifHeader{background:#fff;border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notifHeaderLeft{align-items:center;gap:8px;display:flex}.notifHeaderLeft h3{color:#333;margin:0;font-size:15px;font-weight:600}.notifBadge{color:#fff;background-color:#3d67ee;border-radius:50px;padding:2px 8px;font-size:10px;font-weight:500}.notifCloseBtn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.notifCloseBtn:hover{color:#333;background-color:#f0f0f0}.notifActions{background-color:#fafafa;border-bottom:1px solid #f0f0f0;gap:8px;padding:8px 12px;display:flex}.notifMarkAllBtn,.notifViewAllBtn{cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;display:flex}.notifMarkAllBtn{color:#3d67ee;background-color:#fff;border:1px solid #3d67ee}.notifMarkAllBtn:hover{background-color:#3d67ee14}.notifViewAllBtn{color:#666;background-color:#fff;border:1px solid #e0e0e0}.notifViewAllBtn:hover{color:#333;background-color:#f5f5f5}.notifContent{flex:1;max-height:380px;overflow-y:auto}.notifEmpty{color:#999;flex-direction:column;justify-content:center;align-items:center;padding:48px 16px;display:flex}.notifEmptyIcon{color:#ccc;margin-bottom:8px}.notifEmpty p{margin:0;font-size:13px}.notifItem{cursor:pointer;border-bottom:1px solid #f0f0f0;gap:10px;padding:10px 12px;display:flex;position:relative}.notifItem:hover{background-color:#fafafa}.notifUnread{background-color:#f5f9ff}.notifUnread:hover{background-color:#edf2fc}.notifItemIcon{background-color:#f5f5f5;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:6px;display:flex}.notifIconSuccess{color:#2e9e0c}.notifIconWarning{color:#f57c00}.notifIconError{color:#d93025}.notifIconInfo{color:#3d67ee}.notifItemContent{flex:1;min-width:0}.notifItemHeader{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.notifItemTitle{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.notifItemTime{color:#999;flex-shrink:0;font-size:10px}.notifItemMessage{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.notifUnreadDot{background-color:#3d67ee;border-radius:50%;width:6px;height:6px;position:absolute;top:14px;right:12px}.notifContent::-webkit-scrollbar{width:4px}.notifContent::-webkit-scrollbar-track{background:#f1f1f1}.notifContent::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.notifContent::-webkit-scrollbar-thumb:hover{background:#999}.viewAllOverlay{z-index:10000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewAllOverlayContent{background:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:900px;height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.viewAllOverlayHeader{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.viewAllOverlayHeaderLeft{align-items:center;gap:16px;display:flex}.viewAllOverlayBackBtn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.viewAllOverlayBackBtn:hover{background:#f0f0f0}.viewAllOverlayTitleSection{align-items:center;gap:12px;display:flex}.viewAllOverlayIcon{color:#3d67ee}.viewAllOverlayTitleSection h2{color:#333;margin:0;font-size:20px;font-weight:600}.viewAllOverlayBadge{color:#fff;background:#3d67ee;border-radius:20px;padding:4px 12px;font-size:12px}.viewAllOverlayCloseBtn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.viewAllOverlayCloseBtn:hover{background:#f0f0f0}.viewAllOverlayFilters{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;padding:16px 24px;display:flex}.viewAllOverlaySearchWrapper{flex:1;max-width:350px;position:relative}.viewAllOverlaySearchIcon{color:#999;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.viewAllOverlaySearchInput{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:10px 32px 10px 38px;font-size:14px}.viewAllOverlaySearchInput:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.viewAllOverlayClearSearch{cursor:pointer;color:#999;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.viewAllOverlayFilterGroup{flex-wrap:wrap;gap:12px;display:flex}.viewAllOverlaySortButtons{background:#f5f5f5;border-radius:8px;gap:8px;padding:4px;display:flex}.viewAllOverlaySortBtn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.viewAllOverlaySortBtn.active{color:#3d67ee;background:#fff;box-shadow:0 1px 3px #0000001a}.viewAllOverlayItemSource{color:#3d67ee;background:#eef4ff;border-radius:999px;align-items:center;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.viewAllOverlayFilterDropdown{position:relative}.viewAllOverlayFilterBtn{cursor:pointer;color:#666;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex;position:relative}.viewAllOverlayFilterActiveDot{background:#3d67ee;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.viewAllOverlayFilterMenu{z-index:10002;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:180px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.viewAllOverlayFilterOption{text-align:left;cursor:pointer;color:#666;background:0 0;border:none;justify-content:space-between;width:100%;padding:10px 16px;font-size:13px;display:flex}.viewAllOverlayFilterOption:hover{background:#f5f5f5}.viewAllOverlayFilterOption.active{color:#3d67ee;background:#e8f0fe}.viewAllOverlayActions{border-bottom:1px solid #f0f0f0;flex-shrink:0;gap:12px;padding:12px 24px;display:flex}.viewAllOverlayMarkAllBtn,.viewAllOverlaySelectBtn{cursor:pointer;color:#3d67ee;background:#fff;border:1px solid #3d67ee;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.viewAllOverlayMarkAllBtn:hover,.viewAllOverlaySelectBtn:hover{transform:translateY(-1px);box-shadow:0 0 10px #3d66ee21}.viewAllOverlaySelectionActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.viewAllOverlaySelectedCount{color:#3d67ee;border-right:1px solid #969696;margin-right:15px;padding:6px 20px 6px 12px;font-size:13px;font-weight:500}.viewAllOverlaySelectAllBtn,.viewAllOverlayBulkReadBtn,.viewAllOverlayBulkDeleteBtn,.viewAllOverlayCancelBtn{cursor:pointer;border:none;border-radius:6px;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.viewAllOverlaySelectAllBtn:hover,.viewAllOverlayBulkReadBtn:hover,.viewAllOverlayBulkDeleteBtn:hover,.viewAllOverlayCancelBtn:hover{transform:translateY(-1px)}.viewAllOverlaySelectAllBtn{color:#3d67ee;background-color:#fff;border:1px solid #3d67ee}.viewAllOverlayBulkReadBtn{color:#fff;background:#3d67ee}.viewAllOverlayBulkDeleteBtn{color:#d32f2f;background:#fee}.viewAllOverlayCancelBtn{color:#666;background:#ececec}.viewAllOverlayCancelBtn:hover{background:#f0f0f0}.viewAllOverlayStats{color:#666;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:20px;padding:12px 24px;font-size:13px;display:flex}.viewAllOverlayStats span{align-items:center;gap:8px;display:flex}.viewAllOverlayStats strong{color:#333;font-size:16px}.viewAllOverlayStats strong.unread{color:#3d67ee}.viewAllOverlayStats strong.read{color:#2e9e0c}.viewAllOverlayList{-webkit-overflow-scrolling:touch;flex:1;padding:16px 24px;overflow-y:auto}.viewAllOverlayEmpty{text-align:center;color:#999;padding:60px 20px}.viewAllOverlayEmpty svg{color:#ccc;margin-bottom:16px}.viewAllOverlayEmpty h3{color:#666;margin:0 0 8px;font-size:16px}.viewAllOverlayEmpty p{margin:0;font-size:13px}.viewAllOverlayItem{background:#fff;border:1px solid #e0e0e0;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.viewAllOverlayItem.unread{background:#fafcff;border-left:3px solid #3d67ee}.viewAllOverlayItemCheckbox{cursor:pointer;flex-shrink:0;align-items:center;margin-top:18px;display:flex}.viewAllOverlayItemIcon{cursor:pointer;background:#f5f5f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.viewAllOverlayItemContent{cursor:pointer;flex:1}.viewAllOverlayItemHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.viewAllOverlayItemTitle{color:#333;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.viewAllOverlayItemUnreadDot{background:#3d67ee;border-radius:50%;width:8px;height:8px;display:inline-block}.viewAllOverlayItemTime{color:#999;font-size:11px}.viewAllOverlayItemMessage{color:#666;margin:0 0 6px;font-size:13px;line-height:1.4}.viewAllOverlayItemLink{color:#3d67ee;font-size:12px;font-weight:500}.viewAllOverlayItemDelete{cursor:pointer;color:#ccc;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px}.viewAllOverlayItemDelete:hover{color:#d32f2f;background:#fee}.viewAllOverlayFooter{background:#fff;border-top:1px solid #e0e0e0;flex-shrink:0;justify-content:flex-end;padding:16px 24px;display:flex}.viewAllOverlayDeleteAllBtn{color:#d32f2f;cursor:pointer;background:#ffe7e7;border:1px solid #ffcdd2;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.viewAllOverlayDeleteAllBtn:hover{background:#fee;border-color:#d32f2f}.viewAllOverlayList::-webkit-scrollbar{width:6px}.viewAllOverlayList::-webkit-scrollbar-track{background:#f1f1f1}.viewAllOverlayList::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.viewAllOverlayList::-webkit-scrollbar-thumb:hover{background:#999}.viewAllOverlayFilterSelectWrapper{display:inline-block;position:relative}.viewAllOverlayFilterSelectIcon{color:#666;pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.viewAllOverlayFilterSelect{cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 10px center/14px no-repeat;border:1px solid #e0e0e0;border-radius:8px;padding:10px 30px 10px 35px;font-size:13px;transition:all .2s}.notifButton{border-radius:999px;transition:background .18s,color .18s,box-shadow .18s}.notifButton:hover{opacity:1;background:#0818a012;box-shadow:0 0 0 3px #3db6ee1a}.notifRedDot{background:#fa2b24;border:2px solid #fff;width:9px;height:9px;top:1px;right:1px;box-shadow:0 0 0 3px #fa2b2424}.notifPopup{background:radial-gradient(circle at 0 100%,#fa2b240f,#0000 34%),radial-gradient(circle at 100% 0,#3db6ee14,#0000 34%),linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #0818a01f;border-radius:18px;width:380px;max-height:520px;box-shadow:0 24px 54px #050c2633}.notifHeader{background:radial-gradient(circle at 100% 0,#fa2b243d,#0000 36%),radial-gradient(circle at 0 0,#3db6ee29,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 62%,#040815 100%);border-bottom:1px solid #0818a01a;padding:14px 16px}.notifHeaderLeft h3{color:#fff;font-size:.92rem;font-weight:720}.notifBadge{color:#fff;background:#fa2b2438;border:1px solid #ffffff38}.notifCloseBtn{color:#ffffffb8;border-radius:999px}.notifCloseBtn:hover{color:#fff;background:#ffffff1f}.notifActions{background:#fffc;border-bottom:1px solid #0818a014;padding:10px 12px}.notifMarkAllBtn,.notifViewAllBtn{border-radius:999px;min-height:32px;font-size:.72rem;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.notifMarkAllBtn{color:#0a1156;background:#0818a00f;border-color:#0818a038}.notifMarkAllBtn:hover{background:#0818a01a;border-color:#0818a057;box-shadow:0 8px 18px #0a115614}.notifViewAllBtn{color:#0a1156;background:#3db6ee14;border-color:#3db6ee42}.notifViewAllBtn:hover{color:#0818a0;background:#3db6ee24;border-color:#3db6ee6b}.notifContent{background:0 0;padding:10px}.notifItem{background:#ffffffb8;border:1px solid #0818a014;border-radius:14px;margin-bottom:8px;padding:10px 12px;transition:border-color .18s,background .18s,box-shadow .18s;box-shadow:0 8px 20px #0a11560a}.notifItem:last-child{margin-bottom:0}.notifItem:hover{background:#fff;border-color:#0818a029;box-shadow:0 12px 26px #0a115614}.notifUnread{background:radial-gradient(circle at 100% 0,#fa2b241a,#0000 38%),radial-gradient(circle at 0 0,#3db6ee1f,#0000 44%),#fff;border-color:#fa2b2433}.notifUnread:hover{background:radial-gradient(circle at 100% 0,#fa2b2424,#0000 38%),radial-gradient(circle at 0 0,#3db6ee29,#0000 44%),#fff}.notifItemIcon{background:#0818a00e;border:1px solid #0818a014;border-radius:10px}.notifItemTitle{color:#0a1156;font-weight:720}.notifItemMessage{color:#4a5872}.notifItemTime{color:#7a879f}.notifUnreadDot{background:#fa2b24;top:12px;right:12px;box-shadow:0 0 0 4px #fa2b2421}.notifEmpty{color:#4a5872}.notifEmptyIcon{color:#0818a047}.notifContent::-webkit-scrollbar{width:5px}.viewAllOverlayList::-webkit-scrollbar{width:5px}.notifContent::-webkit-scrollbar-track{background:0 0}.viewAllOverlayList::-webkit-scrollbar-track{background:0 0}.notifContent::-webkit-scrollbar-thumb{background:#0818a033;border-radius:999px}.viewAllOverlayList::-webkit-scrollbar-thumb{background:#0818a033;border-radius:999px}.notifContent::-webkit-scrollbar-thumb:hover{background:#0818a057}.viewAllOverlayList::-webkit-scrollbar-thumb:hover{background:#0818a057}.viewAllOverlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 18% 12%,#3db6ee29,#0000 28%),#04081594}.viewAllOverlayContent{background:radial-gradient(circle at 0 100%,#fa2b240e,#0000 32%),radial-gradient(circle at 100% 0,#3db6ee14,#0000 32%),linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #0818a01f;border-radius:24px;box-shadow:0 30px 70px #050c2642}.viewAllOverlayHeader{background:radial-gradient(circle at 100% 0,#fa2b243d,#0000 36%),radial-gradient(circle at 0 0,#3db6ee29,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 62%,#040815 100%);border-bottom-color:#0818a01a}.viewAllOverlayTitleSection h2{color:#fff}.viewAllOverlayIcon,.viewAllOverlayBackBtn,.viewAllOverlayCloseBtn{color:#ffffffc7}.viewAllOverlayBackBtn:hover,.viewAllOverlayCloseBtn:hover{color:#fff;background:#ffffff1f}.viewAllOverlayBadge{background:#fa2b2438;border:1px solid #ffffff38}.viewAllOverlayFilters,.viewAllOverlayActions,.viewAllOverlayStats{background:#ffffffb8;border-bottom-color:#0818a014}.viewAllOverlaySearchInput,.viewAllOverlayFilterBtn,.viewAllOverlayFilterSelect{color:#0a1156;border-color:#0818a01f;border-radius:12px}.viewAllOverlaySearchInput:focus,.viewAllOverlayFilterSelect:focus{border-color:#0818a061;box-shadow:0 0 0 3px #3db6ee29}.viewAllOverlaySortButtons{background:#0818a00f}.viewAllOverlaySortBtn.active,.viewAllOverlayFilterOption.active{color:#0818a0;background:#fff;box-shadow:0 8px 18px #0a115614}.viewAllOverlayItem{background:#ffffffd1;border-color:#0818a01a;border-radius:16px;box-shadow:0 10px 24px #0a11560d}.viewAllOverlayItem.unread{background:radial-gradient(circle at 100% 0,#fa2b241a,#0000 38%),radial-gradient(circle at 0 0,#3db6ee1f,#0000 40%),#fff;border-left-color:#fa2b24}.viewAllOverlayItem.selected{background:radial-gradient(circle at 100% 0,#fa2b241f,#0000 36%),#0818a00f;border-color:#fa2b2442}.viewAllOverlayItemIcon{background:#0818a00e;border:1px solid #0818a014;border-radius:12px}.viewAllOverlayItemTitle,.viewAllOverlayStats strong{color:#0a1156}.viewAllOverlayItemMessage,.viewAllOverlayStats{color:#4a5872}.react-calendar{background:#fff;border:1px solid #a0a096;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar button{border:0;outline:none;margin:0}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em;display:flex}.react-calendar__navigation button{background:0 0;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{font:inherit;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{text-align:center;max-width:100%;font:inherit;background:0 0;padding:10px 6.6667px;font-size:.833em}.react-calendar__tile:disabled{color:#ababab;background-color:#f0f0f0}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{color:#fff;background:#006edc}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.doctorTableContainer{flex-direction:row;gap:20px;height:100%;display:flex;overflow:hidden}.leftContainer{flex:2.5;padding:10px 20px 10px 10px;overflow-y:scroll}.rightContainer{flex-direction:column;flex:.5;gap:10px;padding-top:10px;padding-bottom:10px;padding-right:10px;display:flex}.upcoming-events-heading{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:10px;display:flex}.rightContainer::-webkit-scrollbar{width:4px}.leftContainer::-webkit-scrollbar{width:4px}.profileCard{border-radius:12px;min-height:180px;margin-bottom:30px;position:relative;overflow:visible}.dashboardHeroMeta{justify-content:space-between;align-items:flex-start;gap:18px;margin:6px 10px 18px;display:flex}.dashboardHeroEyebrow{letter-spacing:.08em;text-transform:uppercase;color:#3d67ee;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.dashboardHeroTitle{color:#16213e;max-width:760px;margin:0 0 8px;font-size:28px;line-height:1.18}.dashboardHeroSubtitle{color:#64748b;max-width:760px;margin:0;font-size:14px;line-height:1.6}.dashboardHeroPill{color:#2f56d5;white-space:nowrap;background:#edf3ff;border:1px solid #cfdbff;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.dashboardProfileCard{box-shadow:0 12px 28px #11182714}.dashboardHighlightGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px;display:grid}.dashboardHighlightCard{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #e7eefb;border-radius:18px;padding:16px;box-shadow:0 8px 22px #3d67ee0d}.dashboardHighlightCard span{color:#64748b;margin-bottom:10px;font-size:12px;display:block}.dashboardHighlightCard strong{color:#172554;margin-bottom:6px;font-size:24px;display:block}.dashboardHighlightCard small{color:#64748b;font-size:11px}.dashboardSectionShell{background:#ffffffb3;border:1px solid #edf2fb;border-radius:22px;padding:18px;box-shadow:0 10px 30px #0f172a0a}.dashboardActionShell{margin-bottom:30px}.dashboardActionGrid{gap:10px;display:grid}.dashboardActionCard{cursor:pointer;border-style:solid;border-width:1px;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:85px;padding:12px 8px;transition:all .2s;display:flex}.dashboardChartCard{background-color:#fff;border:1px solid #f0f2f5;border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000000d}.dashboardSoftCard{box-shadow:0 12px 24px #0f172a0d!important}.profileHeader{background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca,#3db6ee);border-radius:12px;width:100%;min-height:130px;padding:20px}.profileInfo{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;padding-top:5px;display:flex}.profileNameSection{flex-direction:column;align-items:flex-start;margin-left:170px;display:flex}.doctorName{color:#fff;margin:0;font-size:20px;font-weight:600}.doctorUsername{color:#dfdfdf;margin:4px 0 0;font-size:12px}.doctorRole{color:#fff;margin:20px 0 0;font-size:14px;font-weight:600}.profileDateTime{flex-direction:column;align-items:flex-end;margin-right:20px;display:flex}.profileGlassContainer{background-color:#ffffff26;border:1px solid #ffffff40;border-radius:12px;padding:5px 18px;box-shadow:0 4px 10px #0000001a}.dateTimeText{color:#fff;font-size:14px}.editProfileBtn{cursor:pointer;color:#fff;background:0 0;border:none;margin-top:30px}.profileAvatar{position:absolute;bottom:-10px;left:30px}.doctorAvatar{object-fit:cover;background-color:#3566ee;border:4px solid #fff;border-radius:60px;width:120px;height:120px}.sectionTitle{color:#3d67ee;margin:25px 0 4px;font-size:18px;font-weight:600}.sectionSubtitle{color:#3737388e;margin:0 0 20px;font-size:14px;font-weight:400}.reportsContainer{flex-direction:row;gap:20px;margin-top:20px;margin-bottom:30px;display:flex}.reportCard{background-color:#fffefe;border:1px solid #e0e0e0;border-radius:12px;flex:1;padding:20px 20px 25px;box-shadow:0 0 5px #2a05ff26}.reportHeader{flex-direction:row;align-items:center;gap:10px;margin-bottom:10px;display:flex}.reportHeader span{font-size:14px;font-weight:400}.reportValue{flex-direction:row;justify-content:center;align-items:center;gap:12px;display:flex}.valueNumber{color:#000000d3;font-size:30px;font-weight:600}.trendBadge{border-radius:10px;flex-direction:row;align-items:center;gap:6px;padding-left:10px;padding-right:10px;font-size:12px;font-weight:500;display:flex}.trend-up{color:#2e7d32;background-color:#d1f7c4}.trend-up svg{color:#2e7d32}.trend-down{color:#7d2e2e;background-color:#f7c4c4}.trend-down svg{color:#7d2e2e}.quickActions{flex-flow:wrap;justify-content:space-between;margin-top:15px;display:flex}.quickActionBtn{cursor:pointer;background-color:#0000;border-style:solid;border-width:1px;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-width:100px;height:60px;padding:12px;transition:all .2s;display:flex}.quickActionBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.quickActionBtn span{text-align:center;font-size:10px}.appointmentsCard{box-sizing:border-box;background-color:#fffefe;border-radius:12px;width:100%;margin-top:35px;padding:20px;box-shadow:0 0 18px #00000026}.cardHeader{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cardTitle{color:#3566ee;font-size:18px;font-weight:600}.viewAllBtn{color:#3566ee;cursor:pointer;background:0 0;border:none;min-width:60px;font-size:13px;font-weight:500}.appointmentTotal{color:#666;margin:0 0 20px;font-size:14px}.appointmentsList{width:100%}.appointmentsHeader{color:#1773e4;background-color:#ebf4ff;border-radius:8px;flex-direction:row;margin-bottom:5px;padding:12px 15px;font-size:13px;font-weight:600;display:flex}.appointmentsHeader span:first-child{flex:2.5}.appointmentsHeader span:nth-child(2){flex:2}.appointmentsHeader span:last-child{text-align:center;flex:1.2}.appointmentRow{border-bottom:1px solid #f0f0f0;flex-direction:row;align-items:center;padding:12px 0;font-size:14px;display:flex}.appointmentRow.clickable{cursor:pointer}.appointmentRow.clickable:hover{background-color:#3566ee05}.clientName{color:#333;flex:2.5}.appointmentDateTime{color:#666;flex:2}.statusCell{flex:1.2;justify-content:center;display:flex}.statusBadge{border-radius:15px;padding:4px 12px;font-size:12px;font-weight:500}.status-confirmed{color:#2e7d32;background-color:#e6f7e6}.status-pending{color:#f57c00;background-color:#fff3e0}.status-cancelled{color:#c62828;background-color:#ffebee}.patientsCard{box-sizing:border-box;background-color:#fffefe;border-radius:12px;width:100%;margin-top:35px;padding:20px;box-shadow:0 0 18px #00000026}.patientsList{width:100%}.patientsHeader{color:#1773e4;background-color:#ebf4ff;border-radius:8px;flex-direction:row;margin-bottom:5px;padding:12px 15px;font-size:13px;font-weight:600;display:flex}.patientsHeader span:first-child,.patientsHeader span:nth-child(2){flex:2}.patientsHeader span:nth-child(3){text-align:center;flex:1.5}.patientsHeader span:last-child{text-align:center;flex:1.2}.patientRow{border-bottom:1px solid #f0f0f0;flex-direction:row;align-items:center;padding:12px 0;font-size:14px;display:flex}.patientRow.clickable{cursor:pointer}.patientRow.clickable:hover{background-color:#3566ee05}.patientName{color:#333;flex:2}.patientOwner{color:#666;flex:2}.serviceCell{flex:1.5;justify-content:center;display:flex}.serviceBadge{border-radius:15px;padding:4px 12px;font-size:12px;font-weight:500}.service-checkup{color:#3566ee;background-color:#e6f0ff}.service-grooming{color:#eb8716;background-color:#fff0e6}.service-vaccination{color:#f22;background-color:#ffe6e6}.service-dental{color:#2e7d32;background-color:#e6f7e6}.patientDate{color:#666;text-align:center;flex:1.2}.notificationsCard{background-color:#fffefe;border-radius:12px;flex-direction:column;flex:1.5;height:200px;padding:20px;display:flex;box-shadow:0 0 18px #00000026}.notificationsHeader{flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:70px;margin-bottom:15px;display:flex}.notificationsTitle{flex-direction:row;align-items:center;gap:10px;min-width:180px;display:flex}.notificationsTitle h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.notificationsList{background-color:#0000;flex-direction:column;flex:1;gap:8px;padding-right:5px;display:flex;overflow:hidden auto}.notificationItem{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:row;flex-shrink:0;align-items:center;gap:10px;padding:10px;line-height:18px;display:flex}.notificationsList::-webkit-scrollbar{width:0}.notificationsList::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.notificationsList::-webkit-scrollbar-thumb{background:#b9b7b7;border-radius:10px}.notificationsList::-webkit-scrollbar-thumb:hover{background:#e2e2e2}.notificationItem.clickable{cursor:pointer}.notificationItem.clickable:hover{background-color:#f0f4f8}.notificationIcon{border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex}.notificationContent{flex:1}.notificationTitle{color:#1e293b;margin:0;font-size:13px;font-weight:500}.notificationDesc{color:#64748b;margin:2px 0 0;font-size:11px}.notificationTime{color:#94a3b8;font-size:10px}.calendarCard{border-radius:16px;margin-top:20px;box-shadow:0 0 18px #00000026}.calendarHeader{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.calendarNav{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px 10px;font-size:20px}.calendarMonth{color:#fff;font-size:16px;font-weight:600}.calendarWeekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:10px;display:grid}.weekday{color:#fff;font-size:12px;font-weight:600}.calendarDays{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.calendarDay{aspect-ratio:1;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:auto;font-size:12px;display:flex}.calendarDay.today{background-color:#ffffff40;font-weight:700}.calendarDay:hover{background-color:#ffffff26}.calendarDay.selected{color:#3d67ee;background-color:#fff;font-weight:700}.text-center{text-align:center}.calendarCard .react-calendar{background:0 0!important;border:none!important;width:100%!important;font-family:inherit!important;font-size:2px!important}.calendarCard .react-calendar__navigation{background:0 0!important;height:40px!important;margin-bottom:15px!important}.calendarCard .react-calendar__navigation button{color:#fff!important;background:0 0!important;min-width:30px!important;font-size:15px!important}.calendarCard .react-calendar__navigation button:enabled:hover,.calendarCard .react-calendar__navigation button:enabled:focus{background-color:#ffffff26!important;border-radius:8px!important}.calendarCard .react-calendar__navigation button[disabled]{opacity:.5!important}.calendarCard .react-calendar__month-view__weekdays{color:#fff!important;text-transform:none!important;font-size:10px!important;font-weight:600!important;text-decoration:none!important}.calendarCard .react-calendar__month-view__weekdays__weekday{color:#fff!important;text-align:center!important;padding:8px 0!important}.calendarCard .react-calendar__month-view__weekdays__weekday abbr{cursor:default!important;border:none!important;text-decoration:none!important}.calendarCard .react-calendar__month-view__days{grid-template-columns:repeat(7,1fr)!important;gap:5px!important;display:grid!important}.calendarCard .react-calendar__tile{color:#fff!important;background:0 0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:none!important;min-height:38px!important;margin:0 auto!important;padding:8px!important;font-size:13px!important;display:flex!important}.calendarCard .react-calendar__navigation__label{pointer-events:none!important;cursor:default!important}.calendarCard .react-calendar__navigation__label:hover{background-color:#0000!important}.calendarCard .react-calendar__tile:enabled:hover,.calendarCard .react-calendar__tile:enabled:focus{background-color:#ffffff26!important}.calendarCard .react-calendar__tile--active{color:#fff!important;background:#ffffff26!important}.calendarCard .react-calendar__tile--now{background:#ffffff40!important}.calendarCard .react-calendar__tile--now:enabled:hover,.calendarCard .react-calendar__tile--now:enabled:focus{background:#ffffff59!important}.calendarCard .react-calendar__month-view__days__day--neighboringMonth{opacity:.5!important}.calendarCard .react-calendar__tile:disabled{opacity:.25!important}.calendarCard .react-calendar__navigation__label{font-weight:600!important}.calendarCard .react-calendar__navigation__arrow{font-size:24px!important}@media (width<=1200px){.dashboardHighlightGrid{grid-template-columns:1fr}.profileNameSection{margin-left:140px}.quickActions{flex-wrap:wrap}.quickActionBtn{min-width:120px}}@media (width<=768px){.dashboardHeroTitle{font-size:24px}.tableContainer{flex-direction:column}.profileNameSection{margin-left:120px}.doctorName{font-size:18px}}@media (width<=900px){.dashboardHeroMeta{flex-direction:column;margin:0 0 16px}.dashboardHeroTitle{font-size:24px}.dashboardHighlightGrid{grid-template-columns:1fr}.dashboardSectionShell{border-radius:18px;padding:16px}.doctorTableContainer{flex-direction:column;gap:16px;height:auto;overflow:visible}.leftContainer,.rightContainer{width:100%;padding-left:0;padding-right:0;overflow:visible}.leftContainer{padding-top:0}.rightContainer{gap:16px}.profileHeader{border-radius:18px}.profileInfo{align-items:center}.profileNameSection{text-align:center;align-items:center;margin-left:0}.profileDateTime{align-items:center;margin-right:0}.sectionTitle{margin-top:18px}.appointmentsCard,.notificationsCard,.calendarCard{width:100%;margin-top:0}.calendarCard .react-calendar{width:100%!important}}@media (width<=640px){.dashboardHeroTitle{font-size:22px}.dashboardHeroSubtitle{font-size:13px}.calendarGradient{padding:14px}.calendarCard .react-calendar__navigation{margin-bottom:10px!important}.calendarCard .react-calendar__navigation button{min-width:24px!important;font-size:13px!important}.calendarCard .react-calendar__month-view__weekdays{font-size:9px!important}.calendarCard .react-calendar__tile{font-size:11px!important}}.adminDashboardBody{padding-bottom:0!important}.adminDashboardGrid.doctorTableContainer{align-items:flex-start;height:auto;min-height:0;overflow:visible}.adminDashboardMain.leftContainer,.adminDashboardSide.rightContainer{overflow:visible}.adminDashboardMain.leftContainer{flex-direction:column;gap:20px;padding-top:0;padding-bottom:0;display:flex}.adminDashboardSide.rightContainer{align-self:flex-start;padding-top:0;position:sticky;top:0}.dashboardAdminHero{color:#fff;background:radial-gradient(circle at 16% 18%,#3db6ee38,#0000 24%),radial-gradient(circle at 100% 0,#fa2b242e,#0000 26%),linear-gradient(135deg,#0b1732 0%,#071126 58%,#040815 100%);border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:170px;padding:26px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 54px #04082a33}.dashboardAdminHeroGlow{pointer-events:none;background:radial-gradient(circle,#3db6ee3d,#0000 64%);height:160px;position:absolute;inset:auto -80px -100px 24%}.dashboardAdminHeroAvatar{z-index:1;background:linear-gradient(135deg,#3db6ee73,#fa2b2452);border-radius:24px;width:96px;height:96px;padding:5px;position:relative;box-shadow:0 18px 34px #00000038}.dashboardAdminHeroAvatar img{object-fit:cover;background:#fff;border:3px solid #ffffffd1;border-radius:20px;width:100%;height:100%}.dashboardAdminHeroCopy,.dashboardAdminHeroActions{z-index:1;position:relative}.dashboardAdminHeroCopy h1{color:#fff;margin:0;font-size:clamp(1.6rem,2.4vw,2.35rem);font-weight:760;line-height:1.05}.dashboardAdminHeroCopy p{color:#ffffffa8;margin:8px 0 0;font-size:.9rem}.dashboardAdminHero .dashboardHeroEyebrow{color:#7ed8ff;margin-bottom:10px}.dashboardAdminHeroActions{justify-items:end;gap:12px;display:grid}.dashboardAdminHeroTime,.dashboardAdminEditBtn{border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:.76rem;font-weight:680;display:inline-flex}.dashboardAdminHeroTime{color:#ffffffc7;background:#ffffff14;border:1px solid #ffffff24}.dashboardAdminEditBtn{color:#fff;cursor:pointer;background:#3db6ee24;border:1px solid #3db6ee47;transition:background .18s,transform .18s}.dashboardAdminEditBtn:hover{background:#3db6ee38;transform:translateY(-1px)}.adminDashboardMain .dashboardSectionShell,.adminDashboardMain .dashboardSoftCard,.adminDashboardSide .dashboardSoftCard{background:radial-gradient(circle at 0 0,#fa2b240d,#0000 32%),radial-gradient(circle at 100% 0,#0818a00f,#0000 32%),#ffffffdb!important;border:1px solid #9dabc33d!important;border-radius:20px!important;box-shadow:0 18px 42px #0a115614!important}.adminDashboardMain .dashboardActionShell{margin-bottom:0}.adminDashboardMain .dashboardActionCard{border-radius:16px;min-height:86px;background:#ffffffbd!important}.adminDashboardMain .dashboardChartCard{border-color:#9dabc338;border-radius:18px}.adminDashboardSide .notificationsCard{max-height:none!important}@media (width<=1100px){.dashboardAdminHero{grid-template-columns:auto minmax(0,1fr)}.dashboardAdminHeroActions{grid-column:1/-1;grid-template-columns:repeat(2,max-content);justify-content:start;justify-items:start}.adminDashboardSide.rightContainer{position:static}}@media (width<=700px){.dashboardAdminHero{text-align:center;grid-template-columns:1fr;justify-items:center;padding:22px}.dashboardAdminHeroActions{grid-template-columns:1fr;justify-items:center}}.adminDashboardBody{padding-top:22px!important}.adminDashboardGrid.doctorTableContainer{gap:16px!important}.adminDashboardMain.leftContainer{gap:16px}.dashboardAdminHero{color:#0a1156;background:radial-gradient(circle at 0 0,#fa2b2414,#0000 30%),radial-gradient(circle at 100% 0,#0818a01a,#0000 34%),#fff;border-color:#0818a024;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;min-height:126px;padding:18px 20px;box-shadow:0 16px 36px #0a115614}.dashboardAdminHeroGlow{display:none}.dashboardAdminHeroAvatar img{border-width:2px;border-radius:15px}.dashboardAdminHeroCopy h1{color:#0a1156;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.1}.dashboardAdminHeroCopy p{color:#4a5872;margin-top:6px;font-size:.8rem}.dashboardAdminHero .dashboardHeroEyebrow,.sectionTitle,.cardTitle,.notificationsTitle h3{color:#0a1156!important}.dashboardAdminHero .dashboardHeroEyebrow{margin-bottom:6px;font-size:.64rem}.sectionSubtitle{color:#4a5872!important}.dashboardAdminHeroActions{gap:8px}.dashboardAdminHeroTime,.dashboardAdminEditBtn{min-height:32px;padding:0 11px;font-size:.7rem}.dashboardAdminEditBtn{color:#fff;background:#0a1156;border-color:#0818a02e}.adminDashboardMain .dashboardSectionShell,.adminDashboardMain .dashboardSoftCard,.adminDashboardSide .dashboardSoftCard{background:#fff!important;border-color:#9dabc338!important;box-shadow:0 12px 28px #0a11560f!important}.adminDashboardMain .dashboardSectionShell{padding:16px}.adminDashboardMain .dashboardActionCard{border-radius:12px;min-height:62px;padding:9px 8px}.adminDashboardMain .dashboardActionCard svg{width:18px;height:18px}.adminDashboardMain .dashboardActionCard span{color:#0a1156!important;font-size:.68rem!important;font-weight:550!important}.adminDashboardSide.rightContainer{gap:10px!important}.adminDashboardSide .notificationsCard{border-radius:14px!important;padding:10px!important}.adminDashboardSide .notificationsHeader{gap:14px!important;margin-bottom:8px!important}.adminDashboardSide .notificationsTitle h3{font-size:.78rem!important}.adminDashboardSide .notificationsList{max-height:238px;gap:5px!important}.adminDashboardSide .notificationItem{border-radius:10px!important;gap:6px!important;padding:6px!important}.adminDashboardSide .notificationIcon{border-radius:7px!important;padding:4px!important}.adminDashboardSide .notificationTitle{color:#0a1156!important;font-size:.66rem!important}.adminDashboardSide .notificationDesc,.adminDashboardSide .notificationTime{font-size:.58rem!important}.adminDashboardSide .calendarCard{width:100%;margin-top:0;background:#fff!important;border-radius:14px!important}.adminDashboardSide .calendarGradient{background:radial-gradient(circle at 0 0,#fa2b240d,#0000 32%),radial-gradient(circle at 100% 0,#0818a00f,#0000 34%),#fff;border-radius:12px;padding:0}.adminDashboardSide .calendarCard .react-calendar{color:#0a1156!important;background:0 0!important}.adminDashboardSide .calendarCard .react-calendar__tile{color:#0a1156!important;border-radius:8px!important;height:32px!important}.adminDashboardSide .calendarCard .react-calendar__tile--active{color:#fff!important;background:#0a1156!important}@media (width<=700px){.dashboardAdminHero{min-height:0;padding:18px}}.dashboardAdminHero{color:#fff;background:radial-gradient(circle at 16% 18%,#3db6ee33,#0000 24%),radial-gradient(circle at 100% 0,#fa2b2429,#0000 26%),linear-gradient(135deg,#0b1732 0%,#071126 58%,#040815 100%);border-color:#ffffff1f;min-height:136px;padding:19px 22px;box-shadow:0 20px 46px #04082a2e}.dashboardAdminHeroGlow{height:120px;display:block}.dashboardAdminHeroAvatar{background:linear-gradient(135deg,#3db6ee70,#fa2b244d);border-radius:19px;width:78px;height:78px;padding:4px;box-shadow:0 14px 28px #0003}.dashboardAdminHeroAvatar img{border-color:#ffffffd1}.dashboardAdminHeroCopy h1{color:#fff;font-size:clamp(1.45rem,2vw,1.95rem)}.dashboardAdminHeroCopy p{color:#ffffffad}.dashboardAdminHero .dashboardHeroEyebrow{color:#ffffffb8!important}.dashboardAdminHeroTime{color:#ffffffc7;background:#ffffff14;border-color:#ffffff24}.dashboardAdminEditBtn{background:#3db6ee24;border-color:#3db6ee47}.dashboardAdminEditBtn:hover{background:#3db6ee38}.adminDashboardMain .dashboardActionCard{background:var(--dashboard-action-bg,#0818a00f)!important}.adminDashboardMain .dashboardActionCard:hover{background:var(--dashboard-action-hover-bg,#0818a01c)!important}.adminDashboardSide .notificationsCard{padding:14px!important}.adminDashboardSide .notificationsList{padding-right:3px}.adminDashboardSide .notificationsList::-webkit-scrollbar{width:3px}.adminDashboardSide .notificationsList::-webkit-scrollbar-thumb{background:#0818a047;border-radius:999px}.adminDashboardSide .calendarGradient{padding:10px}.adminDashboardSide .calendarCard .react-calendar__navigation{min-height:30px!important;margin-bottom:2px!important}.adminDashboardSide .calendarCard .react-calendar__month-view__weekdays{margin-bottom:0!important}.adminDashboardSide .calendarCard .react-calendar__tile{height:10px!important;font-size:.66rem!important}.adminDashboardSide .calendarCard .react-calendar__month-view__days{row-gap:1px!important}.adminDashboardSide .calendarCard{background:radial-gradient(circle at 16% 18%,#3db6ee33,#0000 24%),radial-gradient(circle at 100% 0,#fa2b2429,#0000 26%),linear-gradient(135deg,#0b1732 0%,#071126 58%,#040815 100%)!important;box-shadow:0 18px 38px #04082a29!important}.adminDashboardSide .calendarGradient{background:0 0!important}.adminDashboardSide .calendarCard .react-calendar{color:#fff!important}.adminDashboardSide .calendarCard .react-calendar__navigation button,.adminDashboardSide .calendarCard .react-calendar__navigation__label,.adminDashboardSide .calendarCard .react-calendar__month-view__weekdays{color:#ffffffd1!important}.adminDashboardSide .calendarCard .react-calendar__tile{color:#ffffffc7!important}.adminDashboardSide .calendarCard .react-calendar__tile:enabled:hover,.adminDashboardSide .calendarCard .react-calendar__tile:enabled:focus{background:#ffffff1f!important}.adminDashboardSide .calendarCard .react-calendar__tile--now{color:#fff!important;background:#fa2b2438!important}.adminDashboardSide .calendarCard .react-calendar__tile--active{box-shadow:inset 0 0 0 1px #3db6ee6b;color:#fff!important;background:#3db6ee42!important}.adminDashboardMain .dashboardSectionShell{position:relative;overflow:hidden;background:0 0!important;border:1px solid #0818a01f!important;box-shadow:0 18px 42px #0a115614,inset 0 1px #ffffffd9!important}.adminDashboardMain .dashboardSectionShell:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffffbd,#fff0 36%);position:absolute;inset:0}.adminDashboardMain .dashboardSectionShell>*{z-index:1;position:relative}.dashboardKpiCard{transition:transform .18s,box-shadow .18s,border-color .18s;transform:translateY(0);background:radial-gradient(circle at 100% 0,#0818a014,#0000 38%),radial-gradient(circle at 0 100%,#fa2b240f,#0000 36%),linear-gradient(#fff 0%,#f8fbff44 10%)!important;border:1px solid #0818a01c!important;box-shadow:0 14px 32px #0a115612,inset 0 1px #ffffffe6!important}.dashboardKpiCard:hover{transform:translateY(-3px);border-color:#0818a033!important;box-shadow:0 20px 42px #0a11561f,inset 0 1px #fffffff2!important}.dashboardKpiCard>div:first-child span{color:#4a5872!important}.dashboardKpiCard>div:nth-child(2){color:#0a1156!important}.adminDashboardMain .dashboardChartCard{box-shadow:inset 0 1px #ffffffdb;background:linear-gradient(#fff 0%,#f9fbff 100%),radial-gradient(circle at 100% 0,#0818a00f,#0000 32%)!important;border:1px solid #0818a01f!important}.adminDashboardMain .appointmentsCard.dashboardSoftCard,.adminDashboardSide .notificationsCard.dashboardSoftCard{background:radial-gradient(circle at 0 0,#fa2b240f,#0000 34%),radial-gradient(circle at 100% 0,#0818a012,#0000 36%),linear-gradient(#fff 0%,#f9fbff 100%)!important;border:1px solid #0818a01f!important;box-shadow:0 16px 34px #0a115613,inset 0 1px #ffffffdb!important}.adminDashboardMain .inventoryLogsHeader{border:1px solid #0818a01a;color:#0a1156!important;background:linear-gradient(135deg,#0818a014,#3db6ee14)!important}.adminDashboardMain .inventoryLogRow,.adminDashboardSide .notificationItem{box-shadow:0 6px 16px #0a115609;background:linear-gradient(#fffffff5,#f8fbffeb)!important;border-color:#0818a014!important}.adminDashboardSide .notificationItem:not(:last-child){margin-bottom:4px}.dashboardLegacyHidden{display:none!important}.adminDashboardRedesign{background:radial-gradient(circle at 100% 0,#fa2b2414,#0000 28%),linear-gradient(#f6f8fc 0%,#eef3fb 100%);padding:22px 18px 0!important;overflow-y:auto!important}.adminDashboardRedesign .adminDashboardGrid{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;height:auto;min-height:0;gap:18px!important;display:grid!important;overflow:visible!important}.adminDashboardRedesign .adminDashboardMain,.adminDashboardRedesign .adminDashboardSide{padding:0!important;overflow:visible!important}.adminDashboardRedesign .adminDashboardMain{flex-direction:column;gap:16px;display:flex}.adminDashboardRedesign .adminDashboardSide{flex-direction:column;display:flex;position:sticky;top:16px;gap:14px!important}.dashboardOpsHeader,.dashboardOpsPanel,.dashboardOpsSnapshot .dashboardKpiCard{border:1px solid #0818a01f!important;box-shadow:0 18px 42px #0a115614!important}.dashboardOpsHeader{border-radius:22px;justify-content:space-between;align-items:center;gap:18px;min-height:132px;padding:22px;display:flex;overflow:hidden;background:radial-gradient(circle at 100% 0,#fa2b2429,#0000 34%),linear-gradient(135deg,#0b1732 0%,#071126 62%,#040815 100%)!important}.dashboardOpsIdentity{align-items:center;gap:16px;min-width:0;display:flex}.dashboardOpsAvatar,.dashboardSideProfileTop img{background:#fff;flex:none;place-items:center;display:grid;overflow:hidden}.dashboardOpsAvatar{border:3px solid #ffffffc7;border-radius:20px;width:72px;height:72px;box-shadow:0 16px 28px #00000038}.dashboardOpsAvatar img,.dashboardSideProfileTop img{object-fit:cover;width:100%;height:100%}.dashboardOpsHeader .dashboardHeroEyebrow{margin-bottom:8px;color:#ffffffad!important}.dashboardOpsHeader h1,.dashboardPanelHeader h2,.dashboardSideProfile h2{color:#0a1156;letter-spacing:0;margin:0}.dashboardOpsHeader h1{color:#fff;max-width:720px;font-size:clamp(1.55rem,2.5vw,2.3rem);font-weight:760;line-height:1.08}.dashboardOpsHeader p,.dashboardPanelHeader p,.dashboardSideProfile p{color:#64748b;margin:6px 0 0;font-size:.82rem;line-height:1.45}.dashboardOpsHeader p{color:#ffffffad}.dashboardOpsControls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dashboardOpsClock,.dashboardStatusPill,.dashboardAdminEditBtn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:.76rem;font-weight:720;display:inline-flex}.dashboardOpsClock{color:#ffffffc7;background:#ffffff14;border:1px solid #ffffff24}.dashboardOpsClock strong{color:#fff;font-weight:760}.adminDashboardRedesign .dashboardAdminEditBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fa2b24 0%,#c9162b 100%);border:1px solid #fa2b2447;transition:transform .18s,box-shadow .18s}.adminDashboardRedesign .dashboardAdminEditBtn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #c9162b38}.dashboardOpsSnapshot{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboardOpsSnapshot .dashboardKpiCard{min-height:132px;border-radius:18px!important;padding:16px!important;transform:none!important}.dashboardOpsSnapshot .dashboardKpiCard:hover{transform:translateY(-2px)!important}.dashboardOpsPanel{border-radius:20px;padding:18px}.dashboardPanelHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.dashboardPanelHeader h2,.dashboardSideProfile h2{font-size:1rem;font-weight:760}.dashboardStatusPill{color:#0f766e;background:#0f766e17;border:1px solid #0f766e2e;min-height:30px;padding:0 11px;font-size:.7rem}.adminDashboardRedesign .dashboardActionGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.adminDashboardRedesign .dashboardActionCard{min-height:74px;color:var(--dashboard-action-color,#0a1156);border-radius:14px;flex-direction:row;justify-content:flex-start;gap:10px;padding:12px;background:var(--dashboard-action-bg,#f8fafc)!important;box-shadow:none!important;border:1px solid #0818a01a!important}.adminDashboardRedesign .dashboardActionCard:hover{transform:translateY(-2px);background:var(--dashboard-action-hover-bg,#eef2ff)!important;box-shadow:0 12px 24px #0a115614!important}.dashboardActionIcon{background:#ffffffb8;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.adminDashboardRedesign .dashboardActionCard span:last-child{color:#0a1156!important;text-align:left!important;font-size:.76rem!important;font-weight:720!important}.adminDashboardRedesign .dashboardChartCard{border-radius:16px;padding:12px;background:linear-gradient(#fff 0%,#f8fbff 100%)!important;border:1px solid #0818a01a!important;box-shadow:inset 0 1px #ffffffe6!important}.adminDashboardRedesign .inventoryLogsList,.adminDashboardRedesign .notificationsList{flex-direction:column;gap:8px;display:flex}.adminDashboardRedesign .inventoryLogsHeader,.adminDashboardRedesign .inventoryLogRow{grid-template-columns:58px minmax(160px,1.5fr) 80px minmax(120px,1fr) 90px;align-items:center;gap:10px;display:grid}.adminDashboardRedesign .inventoryLogsHeader{text-transform:uppercase;border:1px solid #0818a014;border-radius:12px;padding:9px 12px;font-size:.68rem;font-weight:780;color:#0a1156!important;background:#f2f6ff!important}.adminDashboardRedesign .inventoryLogRow{color:#344054;border-radius:13px;box-shadow:0 8px 18px #0a11560a;background:#fff!important;border:1px solid #0818a012!important;padding:11px 12px!important;font-size:.76rem!important}.adminDashboardRedesign .inventoryLogRow span:nth-child(2){color:#0a1156;font-weight:720}.adminDashboardRedesign .inventoryLogRow span:last-child,.adminDashboardRedesign .inventoryLogRow span:nth-child(4){color:#64748b;font-size:.72rem}.inventoryMovementIcon{border-radius:10px;place-items:center;width:30px;height:30px;display:inline-grid}.inventoryMovementIcon.isIn{color:#0f766e;background:#0f766e1f}.inventoryMovementIcon.isOut{color:#b91c1c;background:#ef44441f}.inventoryQtyIn{font-weight:760;color:#0f766e!important}.inventoryQtyOut{font-weight:760;color:#b91c1c!important}.dashboardEmptyState{color:#64748b;text-align:center;border:1px dashed #0818a029;border-radius:14px;padding:24px;font-size:.82rem}.dashboardSideProfile{background:radial-gradient(circle at 100% 0,#fa2b241f,#0000 34%),#fff!important}.dashboardSideProfileTop{align-items:center;gap:12px;display:flex}.dashboardSideProfileTop img{border:2px solid #0818a01a;border-radius:15px;width:48px;height:48px}.dashboardSideStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.dashboardSideStats div{background:#f8fafc;border:1px solid #0818a014;border-radius:14px;padding:12px}.dashboardSideStats span{color:#64748b;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.dashboardSideStats strong{color:#0a1156;margin-top:4px;font-size:1.35rem;line-height:1;display:block}.adminDashboardRedesign .notificationsHeader{justify-content:space-between;align-items:center;display:flex;gap:12px!important;margin-bottom:12px!important}.adminDashboardRedesign .notificationsTitle{color:#0a1156;align-items:center;display:inline-flex;gap:8px!important}.adminDashboardRedesign .notificationsTitle h3{margin:0;color:#0a1156!important;font-size:.95rem!important}.adminDashboardRedesign .notificationItem{cursor:pointer;text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;display:grid;background:#fff!important;border:1px solid #0818a014!important;border-radius:14px!important;gap:10px!important;padding:10px!important}.adminDashboardRedesign .notificationItem.isUnread{background:linear-gradient(snow 0%,#fff 100%)!important;border-color:#fa2b242e!important}.adminDashboardRedesign .notificationIcon{place-items:center;width:32px;height:32px;display:grid;border-radius:11px!important;padding:0!important}.adminDashboardRedesign .notificationContent{min-width:0}.adminDashboardRedesign .notificationTitle,.adminDashboardRedesign .notificationDesc{display:block}.adminDashboardRedesign .notificationTitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#0a1156!important;font-size:.76rem!important;font-weight:760!important}.adminDashboardRedesign .notificationDesc{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden;color:#64748b!important;font-size:.68rem!important}.adminDashboardRedesign .notificationTime{white-space:nowrap;color:#94a3b8!important;font-size:.65rem!important}.adminDashboardRedesign .viewAllBtn{color:#b91c1c;cursor:pointer;background:#fa2b2414;border:1px solid #fa2b2429;border-radius:999px;min-height:30px;padding:0 12px;font-weight:760;font-size:.72rem!important}.adminDashboardRedesign .calendarCard{width:100%;margin:0;background:#fff!important}.adminDashboardRedesign .calendarGradient{padding:0;background:0 0!important}.adminDashboardRedesign .calendarCard .react-calendar{width:100%;color:#0a1156!important;background:0 0!important;border:0!important}.adminDashboardRedesign .calendarCard .react-calendar__navigation{min-height:34px!important;margin-bottom:6px!important}.adminDashboardRedesign .calendarCard .react-calendar__navigation button,.adminDashboardRedesign .calendarCard .react-calendar__navigation__label,.adminDashboardRedesign .calendarCard .react-calendar__month-view__weekdays{color:#0a1156!important}.adminDashboardRedesign .calendarCard .react-calendar__tile{color:#0a1156!important;border-radius:10px!important;height:34px!important;font-size:.72rem!important}.adminDashboardRedesign .calendarCard .react-calendar__tile:enabled:hover,.adminDashboardRedesign .calendarCard .react-calendar__tile:enabled:focus{background:#0818a014!important}.adminDashboardRedesign .calendarCard .react-calendar__tile--now{color:#b91c1c!important;background:#fa2b241a!important}.adminDashboardRedesign .calendarCard .react-calendar__tile--active{color:#fff!important;background:#0a1156!important}@media (width<=1180px){.adminDashboardRedesign .adminDashboardGrid{grid-template-columns:1fr}.adminDashboardRedesign .adminDashboardSide{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.adminDashboardRedesign .dashboardSideProfile{grid-column:1/-1}}@media (width<=920px){.dashboardOpsHeader{flex-direction:column;align-items:flex-start}.dashboardOpsControls{justify-content:flex-start}.dashboardOpsSnapshot,.adminDashboardRedesign .dashboardActionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.adminDashboardRedesign .adminDashboardSide{grid-template-columns:1fr}}@media (width<=640px){.adminDashboardRedesign{padding:14px 10px 0!important}.dashboardOpsHeader,.dashboardOpsPanel{border-radius:16px;padding:14px}.dashboardOpsIdentity{align-items:flex-start}.dashboardOpsAvatar{border-radius:16px;width:54px;height:54px}.dashboardOpsHeader h1{font-size:1.35rem}.dashboardOpsSnapshot,.adminDashboardRedesign .dashboardActionGrid{grid-template-columns:1fr}.adminDashboardRedesign .inventoryLogsHeader{display:none}.adminDashboardRedesign .inventoryLogRow{grid-template-columns:36px 1fr auto}.adminDashboardRedesign .inventoryLogRow span:nth-child(4),.adminDashboardRedesign .inventoryLogRow span:last-child{grid-column:2/-1}}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardAdminHero{color:#0a1156;border-radius:0;min-height:112px;margin-bottom:10px;padding:8px 4px 18px;box-shadow:none!important;background:0 0!important;border:0!important;border-bottom:1px solid #0a11561f!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardAdminHeroGlow,.adminDashboardBody:not(.adminDashboardRedesign) .dashboardAdminHeroTime{display:none!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardAdminHeroCopy h1{-webkit-text-fill-color:transparent;background-color:#0000;background-image:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#ff0f0fb5),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;color:#0000!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardAdminHeroCopy p{color:#4a5872!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardAdminHero .dashboardHeroEyebrow{color:#b91c1c!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardAdminHeroAvatar{box-shadow:none;background:#fa2b241a}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardAdminEditBtn{color:#fff;background:#0a1156;border-color:#0a11561f}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .dashboardWelcomeCard,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsCard,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard{color:#fff;background:radial-gradient(circle at 20% 10%,#3db6ee59 0%,#0000 62%,#ff0f0f47 100%),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);box-shadow:none!important;border:0!important;border-radius:0!important}.dashboardWelcomeCard{border-radius:16px;padding:16px;position:relative;overflow:hidden;background:linear-gradient(135deg, #040815e0, #071126db), var(--welcome-branch-image) center/cover!important}.dashboardWelcomeCard span{z-index:1;color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:3px;margin-bottom:8px;font-size:.68rem;font-weight:760;display:inline-flex;position:relative}.dashboardWelcomeCard span img{object-fit:contain;border-radius:999px;width:40px;max-height:24px;padding:0}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide{background:radial-gradient(circle at 100% 0,#fa2b2433,#0000 32%),linear-gradient(135deg,#0b1732 0%,#071126 58%,#040815 100%);border-radius:18px;box-shadow:0 18px 38px #04082a29;gap:0!important;overflow:hidden!important}.dashboardWelcomeCard h3{z-index:1;color:#fff;margin:0;font-size:1.05rem;line-height:1.2;position:relative}.dashboardWelcomeCard p{z-index:1;color:#ffffffad;margin:8px 0 0;font-size:.76rem;line-height:1.45;position:relative}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsTitle,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsTitle h3,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__navigation button,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__navigation__label,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__month-view__weekdays{color:#fff!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsTitle svg{color:#fff}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .viewAllBtn{color:#fff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;padding:5px 10px}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationItem{box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsList{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsList::-webkit-scrollbar{display:none}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationContent{min-width:0}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationTitle,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationDesc{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarGradient{background:0 0!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardActionShell{grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);align-items:center;gap:16px;display:grid;margin-bottom:20px!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardActionShellOld{display:none!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardActionIntro{min-width:0}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardActionCard{color:var(--dashboard-action-color,#0a1156)!important;box-shadow:0 0 18px color-mix(in srgb, var(--dashboard-action-color,#0a1156) 16%, transparent)!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardActionCard span{color:var(--dashboard-action-color,#0a1156)!important;font-weight:650!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardGrid{grid-template-columns:minmax(0,1fr) minmax(260px,310px);align-items:start;display:grid!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardMain{min-width:0}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide{justify-self:end;width:100%;max-width:310px}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardSectionShell:has(.dashboardKpiCard){padding:14px!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardSectionShell:has(.dashboardKpiCard)>div:last-child{gap:9px!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardKpiCard{min-height:104px;border-radius:14px!important;padding:12px!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardKpiCard>div:first-child{margin-bottom:8px!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardKpiCard>div:first-child>div{border-radius:10px!important;width:30px!important;height:30px!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardKpiCard>div:nth-child(2){margin-bottom:6px!important;font-size:21px!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardKpiCard>div:nth-child(2) span{font-size:14px!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide{border-radius:0;box-shadow:none!important;background:0 0!important;gap:12px!important;overflow:visible!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .dashboardWelcomeCard,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsCard,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard{border:1px solid #ffffff24!important;border-radius:16px!important;box-shadow:0 0 20px #94a3b81f,0 14px 30px #04082a24!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .dashboardWelcomeCard{box-shadow:0 0 22px #fa2b2424,0 14px 30px #04082a24!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsCard{box-shadow:0 0 22px #3db6ee1f,0 14px 30px #04082a24!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard{box-shadow:0 0 22px #94a3b824,0 14px 30px #04082a24!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .dashboardWelcomeCard,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsCard{background:radial-gradient(circle at 10% 2%,#3db6ee36 0%,#0000 60%,#ff0f0f47 100%),linear-gradient(135deg,#0b1732 10%,#071126 64%,#040815 100%)!important;border-bottom:1px solid #ffffff24!important}@media (width<=760px){.adminDashboardBody:not(.adminDashboardRedesign) .dashboardActionShell{grid-template-columns:1fr;align-items:stretch}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardGrid{grid-template-columns:1fr}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide{justify-self:stretch;max-width:none}}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide{box-shadow:none!important;background:0 0!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsCard,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard{color:#0a1156!important;background:radial-gradient(circle at 0 0,#fa2b240d,#0000 32%),radial-gradient(circle at 100% 0,#0818a00f,#0000 32%),#ffffffdb!important;border:1px solid #9dabc33d!important;border-radius:20px!important;box-shadow:0 18px 42px #0a115614!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .dashboardWelcomeCard{color:#0a1156!important;background:radial-gradient(circle at 0 0,#fa2b240d,#0000 32%),radial-gradient(circle at 100% 0,#0818a00f,#0000 32%),#ffffff54!important;border:1px solid #9dabc33d!important;border-radius:20px!important;box-shadow:0 18px 42px #0a115614!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardWelcomeCard h3,.adminDashboardBody:not(.adminDashboardRedesign) .dashboardWelcomeCard p,.adminDashboardBody:not(.adminDashboardRedesign) .dashboardWelcomeCard span,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsTitle,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsTitle h3,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationsTitle svg,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarHeader,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarHeader h3,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__navigation button,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__navigation__label,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__month-view__weekdays{color:#0a1156!important;-webkit-text-fill-color:currentColor!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__month-view__weekdays,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__month-view__weekdays__weekday{color:#3566ee!important;-webkit-text-fill-color:#3566ee!important}.adminDashboardBody:not(.adminDashboardRedesign) .dashboardWelcomeCard span{color:#3d67ee!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .viewAllBtn{color:#3566ee!important;background:#3d67ee14!important;border:1px solid #3d67ee29!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationItem{color:#0a1156!important;background:#fff!important;border:1px solid #0a115614!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationItem.isUnread,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationItem.unread{background:linear-gradient(#f8fbff 0%,#fff 100%)!important;border-color:#3d67ee2e!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationTitle{color:#0a1156!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationDesc,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .notificationTime{color:#64748b!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__tile{color:#0a1156!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__tile:enabled:hover,.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__tile:enabled:focus{background:#3d67ee14!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__tile--now{color:#3566ee!important;background:#3d67ee1f!important}.adminDashboardBody:not(.adminDashboardRedesign) .adminDashboardSide .calendarCard .react-calendar__tile--active{color:#fff!important;background:#0a1156!important}.doctorPortalShell{background:linear-gradient(#f7faff 0%,#eef4ff 100%);width:100vw;height:100vh;min-height:100vh;display:flex;overflow:hidden}.doctorPortalContent{flex:1;height:100vh;min-height:100vh;padding:28px;overflow-y:auto}.doctorDashboardShell{background-color:#f8fafc;min-height:100vh}.doctorDashboardBody{background-color:#f8fafc;padding-right:10px}.doctorDashboardLayout{overflow:visible}.doctorDashboardLeft{padding-left:10px;padding-right:15px;overflow:visible}.doctorDashboardRight{flex:.7;gap:12px;padding-left:2px;overflow-y:visible}.doctorDashboardProfile{background-color:#f4f4f4;min-height:140px;margin-bottom:20px}.doctorDashboardProfileHeader{min-height:100px;padding:15px}.doctorDashboardProfileName{margin-left:140px}.doctorDashboardAvatar{bottom:-15px}.doctorDashboardAvatar .doctorAvatar{object-fit:cover;border:4px solid #fff;border-radius:50%;width:100px;height:100px}.doctorDashboardSection{margin-bottom:20px}.doctorDashboardSection .sectionTitle{margin:0 0 2px;font-size:15px}.doctorDashboardSection .sectionSubtitle{margin-bottom:0;font-size:11px}.doctorDashboardQuickActions .sectionSubtitle{margin-bottom:16px}.doctorDashboardSectionHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.doctorDashboardLivePill{color:#3d67ee;white-space:nowrap;background-color:#3d67ee10;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:flex}.doctorDashboardKpiGrid{gap:12px;display:grid}.doctorDashboardKpiCard{background-color:#fff;border:1px solid #f0f2f5;border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000000d}.doctorDashboardKpiHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.doctorDashboardKpiHeader span{color:#64748b;font-size:13px;font-weight:500}.doctorDashboardKpiIcon{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.doctorDashboardKpiValue{color:#1e293b;margin-bottom:8px;font-size:28px;font-weight:700}.doctorDashboardKpiHelper{color:#64748b;font-size:11px;line-height:1.45}.doctorDashboardActionGrid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.doctorDashboardActionGrid .dashboardActionCard span{text-align:center;font-size:10px;font-weight:500}.doctorDashboardCases{background-color:#fff;border:1px solid #f0f2f5;border-radius:16px;flex-direction:column;min-height:0;max-height:430px;margin-top:35px;margin-bottom:15px;padding:15px;display:flex;box-shadow:0 1px 3px #0000000d}.doctorDashboardCases .cardTitle{margin:0;font-size:14px}.doctorDashboardCases .cardHeader{flex-shrink:0}.doctorDashboardCases .viewAllBtn{font-size:11px}.doctorDashboardCases .appointmentTotal{flex-shrink:0;margin-bottom:12px;font-size:12px}.doctorDashboardCases .doctorList{min-height:0;max-height:310px;padding-right:4px;overflow:hidden auto}.doctorDashboardCases .doctorList::-webkit-scrollbar{width:6px}.doctorDashboardNotificationsList::-webkit-scrollbar{width:6px}.doctorDashboardCases .doctorList::-webkit-scrollbar-track{background:0 0}.doctorDashboardNotificationsList::-webkit-scrollbar-track{background:0 0}.doctorDashboardCases .doctorList::-webkit-scrollbar-thumb{background:#d8e2f2;border-radius:999px}.doctorDashboardNotificationsList::-webkit-scrollbar-thumb{background:#d8e2f2;border-radius:999px}.doctorDashboardCases .doctorList::-webkit-scrollbar-thumb:hover{background:#b9c8df}.doctorDashboardNotificationsList::-webkit-scrollbar-thumb:hover{background:#b9c8df}.doctorDashboardCaseRow{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.doctorDashboardCalendar{width:100%;margin-top:0}.doctorDashboardCalendar .calendarGradient{border-radius:16px;padding:8px}.doctorDashboardWidget{background-color:#fff;border:1px solid #f0f2f5;border-radius:16px;padding:15px;box-shadow:0 1px 3px #0000000d}.doctorDashboardWidgetHeader{margin-bottom:12px}.doctorDashboardWidgetHeader h3{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;display:flex}.doctorDashboardWidgetList{flex-direction:column;gap:8px;display:flex}.doctorDashboardWidgetList div{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.doctorDashboardWidgetList span{color:#64748b;font-size:11px}.doctorDashboardWidgetList strong{color:#1e293b;text-align:right;font-size:12px}.doctorDashboardNotifications{flex:initial;background-color:#fff;border:1px solid #f0f2f5;border-radius:16px;height:auto;max-height:320px;padding:12px;box-shadow:0 1px 3px #0000000d}.doctorDashboardNotificationsHeader{gap:16px;margin-bottom:10px}.doctorDashboardNotificationsTitle{gap:6px;min-width:auto}.doctorDashboardNotificationsTitle h3{font-size:13px}.doctorDashboardNotifications .viewAllBtn{font-size:10px}.doctorDashboardNotificationsList{gap:6px;max-height:245px;padding-right:3px;overflow-y:auto}.doctorDashboardNotificationItem{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:8px;padding:8px}.doctorDashboardNotificationItem.unread{background-color:#eff6ff}.doctorDashboardNotificationIcon{border-radius:8px;padding:5px}.doctorDashboardNotifications .notificationTitle{font-size:11px;font-weight:600}.doctorDashboardNotifications .notificationDesc{color:#666;font-size:9px;line-height:1.35}.doctorDashboardNotifications .notificationTime{color:#999;white-space:nowrap;font-size:9px}.doctorDashboardNotificationEmpty{color:#94a3b8;text-align:center;padding:24px;font-size:12px}.doctorSidebar{color:#fff;z-index:20;background:linear-gradient(#12356f 0%,#18468f 40%,#2458b8 100%);flex-direction:column;width:290px;height:100vh;padding:22px 18px;display:flex;position:fixed;top:0;left:0;box-shadow:0 24px 60px #12356f38}.doctorSidebarBrand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.doctorSidebarBrand img{object-fit:cover;background:#ffffff1f;border-radius:12px;width:42px;height:42px}.doctorSidebarBrandText{flex-direction:column;gap:2px;display:flex}.doctorSidebarBrandTitle{font-size:20px;font-weight:800}.doctorSidebarBrandSub{color:#ffffffb8;font-size:12px}.doctorSidebarUser{background:#ffffff1c;border:1px solid #ffffff29;border-radius:18px;align-items:center;gap:12px;margin-bottom:24px;padding:14px;display:flex}.doctorSidebarAvatar{object-fit:cover;background:#ffffff1f;border-radius:14px;width:46px;height:46px}.doctorSidebarUserName{font-size:14px;font-weight:700}.doctorSidebarUserRole{color:#ffffffb8;font-size:12px}.doctorSidebarSectionLabel{color:#ffffff9e;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px 10px;font-size:11px;font-weight:700}.doctorSidebarNav{flex-direction:column;gap:8px;display:flex}.doctorSidebarLink{color:#ffffffd1;border-radius:16px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:flex}.doctorSidebarLink:hover{color:#fff;background:#ffffff1f;transform:translate(2px)}.doctorSidebarLink.active{color:#18468f;background:#fff;box-shadow:0 16px 30px #0c22472e}.doctorSidebarFooter{flex-direction:column;gap:12px;margin-top:auto;display:flex}.doctorSidebarHint{color:#ffffffbd;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:14px;font-size:12px;line-height:1.5}.doctorSidebarLogout{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:16px;padding:12px 14px;font-size:14px;font-weight:700}.doctorHeader{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.doctorHeaderEyebrow{color:#2451d1;background:#deebff;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.doctorHeaderTitle{color:#102247;margin:0 0 8px;font-size:32px;line-height:1.1}.doctorHeaderText{color:#5d6d88;max-width:760px;margin:0;font-size:15px;line-height:1.6}.doctorHeaderBadge{background:#fff;border:1px solid #d7e3ff;border-radius:20px;min-width:180px;padding:18px 20px;box-shadow:0 18px 40px #2651d114}.doctorHeaderBadgeLabel{color:#6b7b96;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.doctorHeaderBadgeValue{color:#102247;font-size:22px;font-weight:800;display:block}.doctorGrid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.doctorCard{background:#fff;border:1px solid #dce7fb;border-radius:22px;box-shadow:0 18px 40px #1022470f}.doctorCard.pad{padding:22px}.doctorStatCard{grid-column:span 4;padding:22px}.doctorStatLabel{color:#6d7b92;margin-bottom:10px;font-size:13px;font-weight:700;display:block}.doctorStatValue{color:#102247;margin-bottom:8px;font-size:34px;font-weight:800;display:block}.doctorStatHint{color:#5d6d88;font-size:13px;line-height:1.5}.doctorWideCard{grid-column:span 8}.doctorSideCard{grid-column:span 4}.doctorSectionTitle{color:#102247;margin:0 0 6px;font-size:20px;font-weight:800}.doctorSectionText{color:#62728d;margin:0 0 16px;font-size:14px;line-height:1.6}.doctorQuickLinks{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.doctorQuickLink{background:linear-gradient(#f6f9ff 0%,#eef4ff 100%);border:1px solid #d8e4ff;border-radius:18px;padding:18px;text-decoration:none;display:block}.doctorQuickLinkTitle{color:#17366f;margin-bottom:6px;font-size:15px;font-weight:800;display:block}.doctorQuickLinkText{color:#61718d;font-size:13px;line-height:1.5;display:block}.doctorList{flex-direction:column;gap:12px;display:flex}.doctorListItem{background:#f8fbff;border:1px solid #e2ebfb;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.doctorListPrimary{flex-direction:column;gap:4px;display:flex}.doctorListTitle{color:#102247;font-size:14px;font-weight:700}.doctorListMeta{color:#61718d;font-size:12px}.doctorStatusPill{border-radius:999px;justify-content:center;align-items:center;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.doctorStatusPill.pending{color:#9a5b00;background:#fff3d8}.doctorStatusPill.confirmed,.doctorStatusPill.accepted,.doctorStatusPill.completed{color:#106a40;background:#dcf5e7}.doctorStatusPill.cancelled{color:#a12424;background:#fde0e0}.doctorToolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.doctorFilters{flex-wrap:wrap;gap:12px;display:flex}.doctorInput,.doctorSelect{color:#102247;background:#fff;border:1px solid #cfddfb;border-radius:14px;min-width:180px;padding:12px 14px;font-size:14px}.doctorSplitGrid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:18px;display:grid}.doctorTable{border-collapse:collapse;width:100%}.doctorTable th,.doctorTable td{text-align:left;border-bottom:1px solid #edf2fb;padding:14px 12px;font-size:14px}.doctorTable th{color:#6c7a90;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.doctorTable td{color:#203251}.doctorTableRow{cursor:pointer;transition:background-color .2s}.doctorTableRow:hover{background:#f8fbff}.doctorTableRow.active{background:#eef4ff}.doctorEmptyState{text-align:center;color:#667791;padding:30px 10px;line-height:1.6}.doctorDetailStack{flex-direction:column;gap:14px;display:flex}.doctorDetailBlock{background:#f8fbff;border:1px solid #e1ebfb;border-radius:16px;padding:16px}.doctorDetailLabel{color:#71819a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.doctorDetailValue{color:#14284d;font-size:14px;line-height:1.5}.doctorMiniActions{flex-wrap:wrap;gap:10px;display:flex}.doctorButton,.doctorGhostButton{cursor:pointer;border-radius:14px;padding:11px 16px;font-size:14px;font-weight:700}.doctorButton{color:#fff;background:#2451d1;border:none}.doctorGhostButton{color:#2451d1;background:#fff;border:1px solid #cfddfb}@media (width<=1200px){.doctorStatCard{grid-column:span 6}.doctorWideCard,.doctorSideCard{grid-column:span 12}.doctorSplitGrid{grid-template-columns:1fr}}@media (width<=960px){.doctorPortalContent{margin-left:0;padding:18px}.doctorSidebar{width:100%;height:auto;position:static}.doctorPortalShell{flex-direction:column;display:flex}.doctorHeader{flex-direction:column}.doctorQuickLinks{grid-template-columns:1fr}}@media (width<=900px){.doctorDashboardBody{padding-right:0}.doctorDashboardLeft,.doctorDashboardRight{width:100%;padding-left:0;padding-right:0;overflow:visible}.doctorDashboardProfileName{margin-left:0}.doctorDashboardCases{margin-top:18px}}@media (width<=640px){.doctorStatCard{grid-column:span 12}.doctorToolbar{flex-direction:column;align-items:stretch}.doctorFilters{flex-direction:column}.doctorInput,.doctorSelect{width:100%;min-width:0}.doctorDashboardSectionHeader{flex-direction:column;align-items:flex-start}.doctorDashboardActionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.doctorPortalContent{color:#0a1156;background:radial-gradient(circle at 18% 0,#fa2b2414,#0000 28%),radial-gradient(circle at 86% 0,#0818a01f,#0000 30%),linear-gradient(#f8faff 0%,#f3f6ff 48%,#eef3ff 100%);padding-bottom:0;position:relative}.doctorPortalContent:after{content:"Petshield\a Veterinary Clinic & Grooming Center\a \a Petshield Las Pinas\a Las Pinas City, Metro Manila\a petshield@gmail.com  |  +63 912 345 6789\a \a Petshield Taguig\a Taguig City, Metro Manila\a petshieldtaguig@gmail.com  |  +63 998 765 4321\a \a Powered by PawRang";color:#ffffffd1;text-align:center;white-space:pre-line;background:linear-gradient(#0818a000 0%,#0818a00d 22%,#0818a02e 38%,#0818a080 56%,#0a1156e0 78%,#050816 100%),linear-gradient(115deg,#fa2b2452 8%,#0818a02e 48%,#ffffff14 100%),#0a1156;place-items:center;min-height:360px;margin:56px -28px 0;padding:250px 24px 22px;font-size:.9rem;font-weight:650;line-height:1.8;display:grid}@media (width<=900px){.doctorPortalContent:after{margin-left:-14px;margin-right:-14px}}.doctorPortalContent:after{content:none!important;display:none!important}.doctorPortalContent>.admin-body-footer.user-page-footer{flex:none;margin:56px -28px 0}@media (width<=900px){.doctorPortalContent>.admin-body-footer.user-page-footer{margin-left:-14px;margin-right:-14px}}.doctorPortalShell{background:linear-gradient(#f3f6ff00 calc(100% - 250px),#c9d3f2e6 calc(100% - 220px),#6f7ec6d6 calc(100% - 180px),#0818a0eb calc(100% - 122px),#0b1687 calc(100% - 72px),#050816 100%),radial-gradient(circle at 18% 0,#fa2b2414,#0000 28%),radial-gradient(circle at 86% 0,#0818a01f,#0000 30%),linear-gradient(#f8faff 0%,#f3f6ff 48%,#eef3ff 100%)}.doctorPortalContent>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:36px -28px 0}@media (width<=900px){.doctorPortalContent>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:32px -14px 0}}.doctorDashboardBody.adminDashboardBody{background:radial-gradient(circle at 100% 0,#fa2b2414,#0000 28%),linear-gradient(#f6f8fc 0%,#eef3fb 100%);padding-right:10px;padding-top:22px!important}.doctorDashboardBody .doctorDashboardLayout{height:auto;min-height:0}.doctorDashboardBody .doctorDashboardHero,.doctorDashboardBody .doctorDashboardSection{margin-bottom:0}.doctorDashboardBody .doctorDashboardSection .sectionTitle{margin:0 0 2px;font-size:15px}.doctorDashboardBody .doctorDashboardSection .sectionSubtitle{margin-bottom:0;font-size:11px}.doctorDashboardBody .doctorDashboardKpiGrid{gap:12px}.doctorDashboardBody .doctorDashboardKpiCard{background:0 0;min-height:104px}.doctorDashboardBody .doctorDashboardKpiCard:hover{transform:translateY(-2px)}.doctorDashboardBody .doctorDashboardActionGrid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.doctorDashboardBody .doctorDashboardActionGrid .dashboardActionCard span:last-child{text-align:left;font-size:10px;font-weight:650}.doctorDashboardBody .doctorDashboardCases{max-height:430px;margin-top:10px;margin-bottom:15px;border-radius:16px!important}.doctorDashboardBody .doctorDashboardCaseRow .doctorListTitle{color:#0a1156}.doctorDashboardBody .doctorDashboardCaseRow .doctorListMeta{color:#64748b}.doctorDashboardBody .doctorDashboardWelcomeCard{min-height:126px}.doctorDashboardBody .doctorDashboardRight .notificationsCard{height:auto;max-height:320px;padding:12px}.doctorDashboardBody .doctorDashboardNotificationsList{gap:6px;max-height:245px;padding-right:3px;overflow-y:auto}.doctorDashboardBody .doctorDashboardNotificationsList .notificationItem{color:inherit}.doctorDashboardBody .doctorDashboardNotificationEmpty{color:#64748b;border-color:#3d67ee29}.doctorDashboardCalendarHeader{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.doctorDashboardCalendarHeader h3{color:#0a1156;margin:0;font-size:13px;font-weight:700}@media (width<=900px){.doctorDashboardBody.adminDashboardBody{padding-right:0!important}.doctorDashboardBody .doctorDashboardLeft,.doctorDashboardBody .doctorDashboardRight{width:100%;padding-left:0!important;padding-right:0!important}}@media (width<=640px){.doctorDashboardBody .doctorDashboardActionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.doctorDashboardBody .doctorDashboardSectionHeader{flex-direction:column;align-items:flex-start}}.emrRichTextEditorWrapper{width:100%;position:relative;overflow:visible}.emrRichTextEditorContainer{flex-direction:column;display:flex;position:relative;overflow:visible}.emrEditorLabel{color:#555;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.emrRichTextToolbar{background-color:#fff;border:1px solid #e0e0e0;border-bottom:none;border-radius:8px 8px 0 0;flex-wrap:wrap;align-items:center;gap:4px;margin-top:0;padding:6px 8px;transition:all .2s;display:flex}.emrRichTextBtn.emrBtnActive{color:#fff;background-color:#3d67ee;transform:scale(1.05)}.emrRichTextBtn.emrBtnActive:hover{color:#fff;background-color:#0738d9}.emrToolbarFocused{border-color:#3d67ee;box-shadow:0 2px 8px #3d67ee1a}.emrRichTextToolbar .emrRichTextBtn,.emrRichTextToolbar .emrColorPickerContainer,.emrRichTextToolbar .emrToolbarDivider{order:1}.emrRichTextToolbar:before{content:"";flex:1}.emrRichTextBtn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.emrRichTextBtn:hover{color:#3d67ee;background-color:#f0f0f0;transform:translateY(-1px)}.emrRichTextBtn:active{transform:translateY(0)}.emrClearFormatBtn{color:#dc3545}.emrClearFormatBtn:hover{color:#dc3545;background-color:#ffebee}.emrToolbarDivider{background-color:#e0e0e0;width:1px;height:24px;margin:0 4px}.emrColorPickerContainer{display:inline-block;position:relative}.emrColorPicker{z-index:3200;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:260px;padding:12px;animation:.2s emrColorPickerFadeIn;position:absolute;left:0;right:auto;box-shadow:0 4px 12px #00000026}.emrColorPickerBottom{top:calc(100% + 8px);bottom:auto}.emrColorPickerTop{top:auto;bottom:calc(100% + 8px)}@keyframes emrColorPickerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.emrColorPickerHeader{color:#333;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.emrColorPickerHeader button{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.emrColorPickerHeader button:hover{color:#333}.emrColorWheelSection{margin-bottom:12px;padding-bottom:8px}.emrColorWheelLabel{color:#666;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.emrColorWheelContainer{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.emrColorWheel{cursor:pointer;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;width:40px;height:40px;padding:2px}.emrColorWheel::-webkit-color-swatch-wrapper{padding:0}.emrColorWheel::-webkit-color-swatch{border:none;border-radius:6px}.emrColorPreview{cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;width:40px;height:40px;transition:all .2s}.emrColorPreview:hover{border-color:#3d67ee;transform:scale(1.05)}.emrColorValue{color:#666;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;flex:1;padding:4px 8px;font-family:monospace;font-size:11px}.emrColorPickerDivider{background:linear-gradient(90deg,#0000,#e0e0e0,#0000);height:1px;margin:12px 0}.emrPresetColorsSection{margin-top:4px}.emrPresetColorsLabel{color:#666;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.emrColorGrid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.emrColorOption{cursor:pointer;border:2px solid #0000;border-radius:6px;width:32px;height:32px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.emrColorOption:hover{border-color:#3d67ee;transform:scale(1.1);box-shadow:0 2px 8px #00000026}.emrRichTextEditor{background-color:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;width:100%;min-height:100px;max-height:300px;margin-top:0;padding:12px;font-family:inherit;font-size:13px;line-height:1.6;transition:all .2s;overflow-y:auto}.emrRichTextEditor:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 2px #3d67ee1a}.emrRichTextEditor[data-placeholder]:empty:before{content:attr(data-placeholder);color:#999;font-style:normal}.emrRichTextEditor strong{font-weight:700}.emrRichTextEditor em{font-style:italic}.emrRichTextEditor ul{margin:8px 0;padding-left:20px}.emrRichTextEditor li{margin:4px 0;line-height:1.5}.emrEditorHelper{color:#999;margin-top:6px;font-size:10px}@media (width<=768px){.emrRichTextToolbar{justify-content:flex-start;padding:4px 6px}.emrRichTextToolbar:before{display:none}.emrRichTextBtn{padding:4px 8px}.emrColorPicker{min-width:240px;left:0;right:auto}.emrColorWheelContainer{flex-wrap:wrap}.emrColorValue{text-align:center;width:100%}.emrColorGrid{grid-template-columns:repeat(5,1fr);gap:6px}.emrColorOption{width:28px;height:28px}}@keyframes emrColorPickerSlideIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.emrColorPicker{animation:.2s emrColorPickerSlideIn}.emrRichTextDisplayContent{background-color:#f8f9fa;border-left:3px solid #3d67ee;border-radius:8px;margin-top:8px;padding:12px;font-size:13px;line-height:1.6}.emrRichTextDisplayContent strong,.emrRichTextDisplayContent b{font-weight:700}.emrRichTextDisplayContent em,.emrRichTextDisplayContent i{font-style:italic}.emrRichTextDisplayContent span[style*=color]{display:inline}.emrRichTextDisplayContent ul{margin:8px 0;padding-left:20px}.emrRichTextDisplayContent li{margin:4px 0}.emrRichTextDisplayContent p{margin:0 0 8px}.emrRichTextDisplayContent :first-child{margin-top:0}.emrRichTextDisplayContent :last-child{margin-bottom:0}.pets-grid,.branches-grid,.datetime-container,.medical-questionnaire,.confirmation-details,.grooming-preferences-container,.service-carousel,.selected-services,.action-buttons,.action-buttons-row{display:block}.user-container{background-color:#fff;flex-direction:column;width:100%;min-height:100vh;display:flex}.user-home-page{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561f;height:100dvh;min-height:100dvh;overflow:hidden auto}.user-home-page::-webkit-scrollbar{width:10px}.user-home-page::-webkit-scrollbar-track{background:#0a11561a}.user-home-page::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}.user-home-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}.navbar-sticky{z-index:1000;background-color:#fff;padding-bottom:10px;position:sticky;top:0}.nav-link{color:#333;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:16px;transition:all .2s}.nav-link:hover{color:#3d67ee;font-size:16px}.nav-link.active{color:#3d67ee;background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;height:60px;padding-left:20px;padding-right:20px;font-weight:600;box-shadow:0 4px 10px #0000001a}.user-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:20px}.welcome-section{text-align:center;flex-direction:column;align-items:center;margin-top:100px;display:flex}.welcome-title{color:#333;margin:0;font-size:90px;font-weight:700;line-height:1}.brand-title{color:#3d67ee;margin:20px 0;font-size:90px;font-weight:700}.welcome-description{color:#5b5a5a;text-align:center;max-width:800px;margin:5px 0;font-size:20px}.modal-overlay{z-index:2000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;width:90%;max-width:340px;padding:24px;display:flex;box-shadow:0 4px 20px #0003}.modal-content.wide{max-width:50%;max-height:80%;overflow-y:auto}.modal-icon{margin-bottom:6px}.modal-icon svg{width:46px;height:46px}.modal-title{color:#333;text-align:center;margin:10px 0;font-size:18px;font-weight:700}.modal-message{color:#666;text-align:center;margin-bottom:18px;font-size:13px}.modal-actions{flex-direction:row;justify-content:center;gap:10px;width:100%;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;min-width:100px;padding:10px 25px;font-size:14px;font-weight:600;transition:all .2s}.modal-btn-cancel{color:#333;background-color:#f0f0f0}.modal-btn-cancel:hover{background-color:#e0e0e0}.modal-btn-confirm{color:#fff;background-color:#3d67ee}.modal-btn-confirm:hover{background-color:#2d4fb0}.modal-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.vaccination-confirm-modal{align-items:stretch;gap:14px;max-width:470px}.vaccination-confirm-icon{background:#3d67ee1a;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.vaccination-confirm-note{color:#3450a3;background:#eef4ff;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.vaccination-confirm-checkbox{color:#344054;cursor:pointer;background:#fff;border:1px solid #d9e1ff;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.vaccination-confirm-checkbox input{flex-shrink:0;margin-top:2px}.vaccination-confirm-actions{margin-top:4px}.home-landing{flex-direction:column;gap:36px;padding-top:36px;padding-bottom:56px;display:flex}.home-hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:stretch;gap:28px;display:grid}.home-hero-copy,.home-hero-panel,.home-service-card,.home-about-card{background:#fff;border:1px solid #3d67ee1f;border-radius:28px;box-shadow:0 18px 50px #3d67ee14}.home-hero-copy{background:radial-gradient(circle at 100% 0,#3d67ee1f,#0000 38%),linear-gradient(#fff 0%,#f7f9ff 100%);padding:42px}.home-eyebrow,.home-section-kicker{color:#3d67ee;letter-spacing:.03em;text-transform:uppercase;background:#3d67ee1f;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.home-hero-title{color:#202124;margin:18px 0 14px;font-size:clamp(2rem,4.35vw,3.9rem);line-height:.98}.home-hero-description{color:#5f6368;max-width:700px;margin:0;font-size:18px;line-height:1.7}.home-hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-top:28px;display:flex}.home-cta-btn{cursor:pointer;border:none;border-radius:16px;min-height:52px;padding:0 24px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background-color .2s}.home-cta-btn:hover{transform:translateY(-1px)}.home-hero-panel{padding:28px}.home-panel-title{color:#202124;margin:0 0 18px;font-size:24px}.home-highlight-list{flex-direction:column;gap:14px;display:flex}.home-highlight-card{background:#f8faff;border:1px solid #3d67ee1f;border-radius:20px;align-items:flex-start;gap:14px;padding:18px;display:flex}.home-highlight-icon,.home-about-icon{color:#3d67ee;background:#3d67ee1f;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.home-highlight-card h3,.home-service-card h3,.home-about-card h3{color:#202124;margin:0 0 8px;font-size:19px}.home-highlight-card p,.home-service-card p,.home-about-card p,.home-section-heading p{color:#5f6368;margin:0;line-height:1.7}.home-section{flex-direction:column;gap:22px;display:flex}.home-section-heading{max-width:760px}.home-services-grid,.home-about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.home-service-card,.home-about-card{padding:28px}.home-about-card{flex-direction:column;gap:16px;display:flex}.modal-btn-confirm.error-btn{background-color:#d93025}.modal-btn-confirm.error-btn:hover{background-color:#b71c1c}.modal-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding:10px;display:flex}.modal-header h2{color:#333;margin:0;font-size:20px;font-weight:700}.modal-close-btn{cursor:pointer;z-index:10;background:0 0;border:none;padding:5px;position:absolute;top:15px;right:15px}.modal-body{width:100%;max-height:60vh;padding:10px;overflow-y:auto}.glassContainer{background-color:#ffffff4d;border:1px solid #ffffff80;border-radius:10px;padding:15px 20px;box-shadow:0 4px 10px #0000001a}.user-appointment-container{scroll-behavior:smooth;background-color:#f8fbff;width:100%;height:100vh;overflow:hidden auto}.user-appointment-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.user-appointment-container::-webkit-scrollbar-thumb{background:#3d67ee;border-radius:10px}.appointment-content{max-width:1400px;min-height:calc(100vh - 100px);margin:0 auto;padding:20px 20px 40px}.progress-container{scroll-behavior:smooth;scrollbar-width:none;margin-top:30px;margin-bottom:20px;padding:14px 0 18px;overflow:auto hidden}.progress-container::-webkit-scrollbar{display:none}.progress-steps{justify-content:center;align-items:flex-start;width:max-content;min-width:100%;display:flex}.progress-step-segment{flex:0 0 120px;justify-content:center;transition:transform .3s,opacity .3s;display:flex}.progress-step-segment.completed,.progress-step-segment.upcoming{opacity:.82}.step-item{flex-direction:column;align-items:center;gap:10px;width:120px;transition:transform .28s;display:flex}.step-item.current{transform:scale(1.08)}.step-circle-shell{justify-content:center;align-items:center;width:58px;height:58px;display:flex}.step-circle{background-color:#ccc;border-radius:25px;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .28s,background-color .28s,box-shadow .28s;display:flex;box-shadow:0 6px 16px #1c2e7314}.step-circle.active,.step-circle.final{background-color:#3d67ee}.step-circle span{color:#fff;font-size:18px;font-weight:700}.progress-step-segment.current .step-circle{transform:scale(1.12);box-shadow:0 10px 24px #3d67ee38}.step-line{transform-origin:50%;background-color:#ccc;border-radius:999px;width:74px;height:3px;margin:28px 10px 0;transition:background-color .3s,transform .3s}.step-line.active{background-color:#3d67ee;transform:scaleX(1.03)}.step-label{color:#666;white-space:nowrap;text-align:center;font-size:14px;transition:color .28s,transform .28s,font-weight .28s}.step-label.active{color:#3d67ee;font-weight:700;transform:translateY(1px)}.step-title{text-align:center;color:#333;margin-top:40px;margin-bottom:20px;font-size:40px;font-weight:700}.step-subtitle{text-align:center;color:#555;margin-bottom:30px;font-size:16px}.service-instruction{text-align:center;color:#232323;margin:-6px 0 24px;font-size:16px}.service-carousel-shell{flex-direction:column;align-items:center;gap:14px;margin-bottom:30px;display:flex}.service-carousel{justify-content:center;width:100%;display:flex}.carousel-viewport{width:min(100%,960px);padding:10px 0 14px;overflow:hidden}.carousel-track{will-change:transform;align-items:stretch;gap:28px;transition:transform .35s;display:flex}.service-card-wrapper{flex:0 0 260px;justify-content:center;transition:opacity .3s,transform .3s;display:flex}.service-card-wrapper.center-card{transform:scale(1)}.service-card{cursor:pointer;background-color:#fff;border:2px solid #3d67eea6;border-radius:22px;flex-direction:column;justify-content:space-between;width:260px;min-height:320px;padding:28px 24px;transition:transform .25s,box-shadow .25s,opacity .25s,border-color .25s;display:flex;box-shadow:0 6px 16px #1c2e7314}.service-card.active{opacity:1;transform:scale(1)}.service-card.inactive{opacity:.42;transform:scale(.9)}.service-card.selected{background:linear-gradient(135deg,#3dcbee,#3db6ee,#3d67ee,#2565db,#3dcbee);border:2px solid #2565db;box-shadow:0 8px 20px #3d67ee24}.service-card.selected .service-name,.service-card.selected .service-description p,.service-card.selected .service-price{color:#fff}.service-card.selected svg{color:#fff!important}.service-card:disabled{cursor:default;opacity:.7}.service-card:hover{box-shadow:0 8px 18px #1c2e731a}.service-icon{justify-content:center;margin-top:6px;display:flex}.service-icon svg{color:#3d67ee}.service-name{text-align:center;color:#3d67ee;margin:14px 0 10px;font-size:18px;font-weight:700}.service-description p{color:#444;text-align:center;margin:4px 0;font-size:14px}.service-price{text-align:center;color:#3d67ee;margin-top:18px;font-size:18px;font-weight:700}.service-carousel-nav{justify-content:center;gap:16px;display:flex}.carousel-arrow{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.carousel-arrow:disabled{cursor:not-allowed}.boarding-days-panel{background:#ffffffeb;border:1px solid #dce6ff;border-radius:20px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:18px;width:min(100%,640px);margin:8px auto 24px;padding:20px;display:grid;box-shadow:0 16px 36px #3d67ee1f}.boarding-days-copy h3{color:#1f3fae;margin:0 0 6px;font-size:18px}.boarding-days-copy p{color:#64748b;margin:0;line-height:1.45}.boarding-days-field{color:#334155;gap:7px;font-size:13px;font-weight:700;display:grid}.boarding-days-field input{color:#1f2937;background:#f8fbff;border:1px solid #bfd0ff;border-radius:14px;outline:none;width:100%;height:46px;padding:0 14px;font-size:15px;font-weight:700}.boarding-days-field input:focus{border-color:#3d67ee;box-shadow:0 0 0 4px #3d67ee1f}.service-options-panel{border-left:2px solid #3d67ee;border-radius:18px;width:min(100%,640px);height:auto;max-height:320px;margin:8px auto 24px;position:static;box-shadow:0 8px 20px #3d67ee1f}.options-panel{z-index:100;background-color:#fff;border:2px solid #3d67ee;border-left:none;border-radius:0 15px 15px 0;height:300px;padding:15px;position:absolute;overflow-y:auto;box-shadow:4px 2px 8px #00000040}.options-panel.service-options-panel{z-index:auto;border:2px solid #3d67ee;border-radius:18px;width:min(100%,640px);height:auto;max-height:320px;margin:8px auto 24px;position:static;inset:auto;box-shadow:0 8px 20px #3d67ee1f}.options-panel::-webkit-scrollbar{width:5px;height:8px}.options-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:10px 0}.options-title{color:#3d67ee;margin-bottom:20px;font-size:18px;font-weight:700}.options-list{flex-direction:column;gap:10px;display:flex}.option-item{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #3d67ee;border-radius:10px;padding:12px;transition:all .2s}.option-item.selected{background-color:#3d67ee}.option-item.selected .option-name,.option-item.selected .option-description,.option-item.selected .option-price{color:#fff}.option-name{color:#3d67ee;margin-bottom:3px;font-size:14px;font-weight:700}.option-description{color:#666;margin-bottom:3px;font-size:12px}.option-price{color:#3d67ee;font-size:14px;font-weight:700}.lab-limit-note{color:#ee3d5a;text-align:center;margin-top:10px;font-size:12px}.selected-services{background-color:#fff;border:1px solid #3d67ee;border-radius:10px;align-self:center;width:100%;max-width:600px;margin:0 auto 20px;padding:15px;box-shadow:0 0 12px #0000001f}.selected-services h4{color:#3d67ee;margin-bottom:10px;font-size:16px;font-weight:500}.selected-services-list{flex-wrap:wrap;gap:10px;display:flex}.selected-service-tag{background-color:#3d67ee;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;display:flex}.selected-service-tag.grooming,.selected-service-tag.lab{background-color:#3db6ee}.selected-service-tag span{color:#fff;font-size:14px}.selected-service-tag button{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.selected-total{color:#3d67ee;margin-top:10px;font-size:16px;font-weight:700}.pets-main-content{flex-direction:row;justify-content:center;width:100%;max-width:1600px;height:calc(100vh - 100px);min-height:0;margin:10px auto 0;padding:20px 10px 10px;display:flex;overflow:hidden}.pets-sidebar{border-right:1px solid #b9b9b9;width:35%;height:80vh;padding:20px}.pets-details{background-color:#fff;width:65%;height:80vh;padding:20px 20px 50px;overflow-y:auto}.pets-sidebar::-webkit-scrollbar{width:3px}.pets-details::-webkit-scrollbar{width:3px}.modal-body::-webkit-scrollbar{width:3px}.pets-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;min-height:40px}.pets-details::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;min-height:40px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;min-height:40px}.pets-sidebar::-webkit-scrollbar-thumb{background:#3d67ee;border-radius:10px}.pets-details::-webkit-scrollbar-thumb{background:#3d67ee;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#3d67ee;border-radius:10px}.pets-sidebar::-webkit-scrollbar-thumb:hover{background:#2d4fb0}.pets-details::-webkit-scrollbar-thumb:hover{background:#2d4fb0}.modal-body::-webkit-scrollbar-thumb:hover{background:#2d4fb0}.sidebar-header{margin-bottom:20px;position:relative}.sidebar-header-image{border-radius:15px;width:100%;height:110px;margin-top:55px}.sidebar-header-text{z-index:2;position:absolute;top:82px;left:20px;right:20px}.sidebar-header-text h2{color:#fff;margin:0 0 2px;font-size:24px;font-weight:500}.sidebar-header-text p{color:#fff;opacity:.9;margin:0;font-size:12px}.sidebar-pets-image{z-index:3;object-fit:contain;filter:drop-shadow(0 10px 8px #0000003b);width:100%;height:170px;position:absolute;top:-35px;left:0}.pets-list-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pets-list-header h3{color:#333;margin:10px;font-size:20px;font-weight:500}.add-pet-btn{cursor:pointer;background-color:#3d67ee;border:none;border-radius:10px;align-items:center;gap:5px;padding:8px 12px;transition:all .2s;display:flex}.add-pet-btn:hover{background-color:#2d4fb0}.add-pet-btn span{color:#fff;font-size:12px;font-weight:600}.pets-list{flex-direction:column;gap:12px;height:43vh;padding:10px;display:flex;overflow-y:auto}.pets-list::-webkit-scrollbar{width:0}.pets-list::-webkit-scrollbar-thumb{background:#3d67ee;border-radius:10px}.pet-list-item{cursor:pointer;background-color:#fff;border:1px solid #f0f0f0;border-radius:15px;align-items:center;width:100%;padding:15px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.pet-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pet-list-item.selected{border:3px solid #3d67ee}.pet-list-image{object-fit:cover;border:2px solid #3d67ee;border-radius:35px;width:65px;height:65px;margin-right:15px}.pet-list-name{color:#333;font-size:18px;font-weight:700}.pet-list-username{color:#666;margin-bottom:4px;font-size:13px}.pet-list-stats{gap:12px;display:flex}.stat-badge{color:#3d67ee;align-items:center;gap:4px;font-size:11px;display:flex}.no-pet-selected{color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;display:flex}.no-pet-selected p{text-align:center;margin-top:20px;font-size:18px}.pet-profile-header{margin-bottom:60px;position:relative}.profile-header-bg{object-fit:cover;border-radius:15px;width:100%;height:110px}.profile-header-overlay{z-index:10;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:-40px;left:20px}.profile-picture-wrapper{position:relative}.profile-picture{object-fit:cover;border:5px solid #fff;border-radius:80px;width:135px;height:135px}.profile-header-info{margin-bottom:45px;padding:10px}.profile-header-info h1{color:#fff;margin:0;font-size:22px;font-weight:500}.profile-header-meta{color:#fff;align-items:center;gap:8px;margin-top:2px;font-size:14px;display:flex}.profile-header-info p{color:#fff;opacity:.9;margin:5px 0 0;font-size:12px}.edit-profile-btn{cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff4d;border:none;border-radius:20px;padding:8px;transition:background-color .2s;position:absolute;top:10px;right:10px}.edit-profile-btn:hover{background-color:#ffffff80}.profile-tabs{background-color:#f5f7fa;border-radius:10px;margin-top:20px;margin-bottom:20px;padding:5px;display:flex}.tab-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;transition:all .2s}.tab-btn.active{color:#fff;background-color:#3d67ee;font-weight:600}.profile-tab-content,.records-tab-content,.appointments-tab-content{padding:0 8px}.info-section{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:20px;box-shadow:0 0 10px #0000001a}.section-header{align-items:center;gap:8px;margin-bottom:15px;display:flex}.section-header h3,.section-header h4{color:#3d67ee;margin:0;font-size:16px}.section-header.with-action{justify-content:space-between;align-items:center;display:flex}.section-header.with-action>div{align-items:center;gap:8px;display:flex}.info-grid{flex-direction:column;gap:12px;display:flex}.info-row{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding-bottom:10px;display:flex}.info-label{color:#000;font-size:14px;font-weight:500}.info-value{color:#333;font-size:14px}.vaccinations-section{margin-top:25px}.vaccinations-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.vaccination-section-title{align-items:center;gap:8px;display:flex}.add-vaccine-btn{color:#fff;cursor:pointer;background-color:#3d67ee;border:none;border-radius:15px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:500;display:inline-flex}.add-vaccine-btn:disabled{opacity:.7;cursor:not-allowed}.vaccinations-list{flex-direction:column;gap:12px;display:flex}.vaccination-card{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:15px;box-shadow:0 1px 2px #0000000d}.vaccination-header{justify-content:space-between;margin-bottom:8px;display:flex}.vaccination-title{align-items:center;gap:8px;display:flex}.vaccination-title span{color:#3d67ee;font-size:15px;font-weight:700}.vaccination-actions{align-items:center;gap:10px;display:flex}.vaccination-date{color:#666;font-size:12px}.delete-vaccine-btn{cursor:pointer;background:0 0;border:none;padding:0}.vaccination-name{color:#333;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;margin-bottom:5px;font-size:16px;font-weight:600;overflow:hidden}.medical-record-card{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:12px;padding:15px;box-shadow:0 1px 2px #0000000d}.record-header{justify-content:space-between;margin-bottom:8px;display:flex}.record-title{align-items:center;gap:8px;display:flex}.record-title span{color:#3d67ee;font-size:15px;font-weight:700}.record-date{color:#666;font-size:12px}.record-name{color:#333;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:16px;font-weight:600;overflow:hidden}.record-vet{color:#3d67ee;margin-bottom:3px;font-size:14px}.record-notes{color:#888;margin-top:5px;font-size:13px}.record-count,.appointment-count{color:#3d67ee;margin-left:auto;font-size:14px}.records-note{color:#888;margin-bottom:15px;font-size:12px;font-style:italic}.refresh-shared-records-btn{color:#3d67ee;cursor:pointer;background:#fff;border:1px solid #d8e2ff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.refresh-shared-records-btn:hover:not(:disabled){background:#eef3ff}.refresh-shared-records-btn:disabled{opacity:.7;cursor:not-allowed}.shared-records-sections{flex-direction:column;gap:18px;display:flex}.shared-records-section{background:#fff;border:1px solid #edf1fb;border-radius:14px;padding:18px;box-shadow:0 10px 24px #16295a0a}.shared-records-section-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.shared-records-section-title{align-items:center;gap:8px;display:flex}.shared-records-section-title h4{color:#3d67ee;margin:0;font-size:15px}.shared-records-list{flex-direction:column;gap:12px;display:flex}.shared-record-card{margin-bottom:0}.shared-record-grid{flex-direction:column;gap:6px;display:flex}.shared-records-empty-state{text-align:center;color:#7f8db1;background:linear-gradient(#fbfcff 0%,#f5f8ff 100%);border:1px dashed #dbe5ff;border-radius:16px;padding:36px 20px}.shared-records-empty-state p{margin:12px 0 0;line-height:1.5}.shared-records-empty-copy{color:#8a95af;margin:0;font-size:13px}.appointment-card{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #f0f0f0;border-left-width:4px;border-radius:12px;width:100%;margin-bottom:12px;padding:15px;transition:all .2s}.appointment-card.upcoming{border-left-color:#3d67ee}.appointment-card.completed{border-left-color:#999}.appointment-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.appointment-header{justify-content:space-between;margin-bottom:8px;display:flex}.appointment-title{align-items:center;gap:8px;display:flex}.appointment-title span{color:#3d67ee;font-size:15px;font-weight:700}.status-badge{text-transform:capitalize;border-radius:15px;padding:4px 10px;font-size:11px;font-weight:500}.status-badge.upcoming{color:#3d67ee;background-color:#eef2ff}.status-badge.completed{color:#666;background-color:#f0f0f0}.appointment-datetime{color:#333;margin-bottom:5px;font-size:16px;font-weight:600}.appointment-vet{color:#3d67ee;margin-bottom:10px;font-size:14px}.view-details-btn{cursor:pointer;color:#3d67ee;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:13px;display:flex}.view-doc-btn,.upload-doc-btn{cursor:pointer;color:#3d67ee;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;margin-top:10px;padding:8px 12px;font-size:13px;transition:all .2s;display:inline-flex}.view-doc-btn:hover,.upload-doc-btn:hover{background-color:#3d67ee1a}.form-label{color:#666;margin-bottom:5px;font-size:14px;display:block}.form-label:after{content:" *";color:#f44;display:inline}.form-label:has(+.input-with-checkbox .checkbox-label input:checked):after{content:""}.form-input,.form-select{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:10px;width:100%;margin-bottom:15px;padding:12px;font-size:14px}.form-input.error,.form-select.error{border-color:#f44}.form-input:focus,.form-select:focus{border-color:#3d67ee;outline:none}.input-with-counter{margin-bottom:15px;position:relative}.input-with-counter .form-input{margin-bottom:0;padding-right:50px}.char-counter{color:#999;font-size:12px;position:absolute;top:12px;right:10px}.error-message{color:#f44;margin-bottom:15px;font-size:12px;display:block}.error-message.text-center{text-align:center}.type-selector,.size-selector{gap:10px;margin-bottom:15px;display:flex}.type-btn,.size-btn{cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:12px;transition:all .2s;display:flex}.type-btn.selected,.size-btn.selected{color:#3d67ee;background-color:#eef2ff;border-color:#3d67ee}.type-btn:hover,.size-btn:hover{border-color:#3d67ee}.input-with-checkbox,.input-with-unit{align-items:center;gap:10px;margin-bottom:15px;display:flex}.input-with-checkbox .form-input,.input-with-unit .form-input{flex:1;margin-bottom:0}.checkbox-label{cursor:pointer;color:#666;align-items:center;gap:5px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{accent-color:#3d67ee;width:20px;height:20px}.unit-label{color:#666;margin-right:10px;font-size:16px}.image-upload-btn{cursor:pointer;background-color:#f0f4ff;border:2px dashed #3d67ee;border-radius:15px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:20px;padding:0;display:flex;overflow:hidden}.upload-placeholder{flex-direction:column;align-items:center;gap:5px;display:flex}.upload-placeholder p{color:#3d67ee;margin:0;font-size:12px}.upload-preview-img{object-fit:cover;width:100%;height:100%}.upload-area-btn{cursor:pointer;background-color:#f0f4ff;border:1px dashed #3d67ee;border-radius:10px;flex-direction:column;align-items:center;gap:5px;width:100%;margin-bottom:10px;padding:15px;display:flex}.upload-area-btn span{color:#3d67ee}.uploaded-files{margin-top:10px}.uploaded-file-item{background-color:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:8px;display:flex}.file-info{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.file-name{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.file-actions{align-items:center;gap:10px;display:flex}.delete-file-btn{cursor:pointer;background:0 0;border:none;padding:0}.modal-actions-row{gap:10px;margin-top:20px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:10px;padding:15px;font-size:16px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background-color:#3d67ee}.btn-primary:hover{background-color:#2d4fb0}.btn-secondary{color:#666;background-color:#f0f0f0}.btn-secondary:hover{background-color:#e0e0e0}.submit-btn{color:#fff;cursor:pointer;background-color:#3d67ee;border:none;border-radius:10px;width:100%;margin-top:10px;padding:15px;font-size:16px;font-weight:600;transition:all .2s}.submit-btn:hover{background-color:#2d4fb0}.datetime-container{flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:30px;padding:0 100px;display:flex}.calendar-wrapper{background-color:#3d67ee;border-radius:20px;width:350px;overflow:hidden;box-shadow:0 4px 8px #0003}.calendar-gradient{background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca,#3db6ee);border-radius:20px;padding:12px}.react-calendar{padding:10px;background:0 0!important;border:none!important;width:100%!important;font-size:13px!important}.react-calendar__navigation{background:0 0!important;height:40px!important;margin-bottom:10px!important}.react-calendar__navigation__label__labelText{font-size:17px!important;font-weight:700!important}.react-calendar__navigation button{color:#fff!important;background:0 0!important;min-width:24px!important;font-size:13px!important}.react-calendar__month-view__weekdays{color:#fff!important;text-transform:none!important;font-size:12px!important;font-weight:600!important}.react-calendar__month-view__weekdays__weekday{color:#fff!important;text-align:center!important;padding:4px 0!important}.react-calendar__month-view__weekdays__weekday abbr{border:none!important;text-decoration:none!important}.react-calendar__tile{color:#fff!important;aspect-ratio:1!important;background:0 0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;max-width:50px!important;height:35px!important;margin:1px auto!important;padding:18px!important;font-size:12px!important;display:flex!important}.react-calendar__tile:enabled:hover{background-color:#ffffff26!important}.react-calendar__tile--active{color:#3d67ee!important;background:#fff!important;font-weight:700!important}.react-calendar__tile:disabled{opacity:.2!important}.react-calendar__month-view__days{grid-template-columns:repeat(7,1fr)!important;gap:2px!important;display:grid!important}.react-calendar__month-view__days__day{justify-content:center!important;align-items:center!important;display:flex!important}.available-day{position:relative}.available-day:after{content:"";background-color:#3d67ee;border-radius:1.5px;width:3px;height:3px;position:absolute;bottom:2px}.time-slots-wrapper{background-color:#fff;border:1px solid #f0f0f0;border-radius:20px;width:350px;padding:20px;box-shadow:0 4px 12px #00000026}.time-slots-title{color:#333;text-align:center;margin-top:5px;margin-bottom:15px;font-size:17px;font-weight:700}.time-slots-grid{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.time-slot-btn{cursor:pointer;background-color:#fff;border:1px solid #3d67ee;border-radius:6px;width:130px;padding:10px 8px;font-size:12px;transition:all .2s}.time-slot-btn.selected{color:#fff;background-color:#3d67ee}.time-slot-btn:hover:not(.selected){background-color:#f0f0f0}.time-slot-btn.disabled,.time-slot-btn:disabled{color:#94a3b8;cursor:not-allowed;opacity:.85;background-color:#f1f5f9;border-color:#cbd5e1}.time-slot-btn.disabled:hover,.time-slot-btn:disabled:hover{background-color:#f1f5f9}.time-slots-empty{text-align:center;color:#999;padding:20px;font-size:14px}.selected-datetime-display{justify-content:center;margin-top:10px;margin-bottom:20px;display:flex}.selected-datetime-badge{text-align:center;background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca,#3db6ee);border-radius:30px;width:40%;padding:12px 20px}.selected-datetime-badge span{color:#fff;font-size:16px;font-weight:600}.medical-questionnaire{margin-bottom:30px;padding:0 200px}.required-info-banner{background-color:#fee;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:15px;display:flex}.required-info-banner p{color:#333;flex:1;margin:0;font-size:14px}.questions-list{flex-direction:column;gap:25px;margin-bottom:30px;display:flex}.question-item{margin-bottom:15px}.question-header h4{color:#333;margin-bottom:12px;font-size:16px;font-weight:500}.required-asterisk{color:#ee3d5a;margin-left:5px;font-size:16px}.question-options{gap:30px;margin-bottom:15px;display:flex}.radio-label{cursor:pointer;color:#333;align-items:center;gap:8px;font-size:16px;display:flex}.radio-label input[type=radio]{accent-color:#3d67ee;width:20px;height:20px}.medication-details{margin-top:15px;margin-left:30px}.medication-details label{color:#3d67ee;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.medication-textarea{resize:vertical;background-color:#f8f9fa;border:1px solid #3d67ee;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:15px}.medication-hint{color:#999;margin-top:5px;font-size:12px}.additional-notes{margin-bottom:20px}.additional-notes label{color:#333;margin-bottom:10px;font-size:16px;font-weight:500;display:block}.notes-textarea{resize:vertical;background-color:#fff;border:1px solid #3d67ee;border-radius:10px;width:100%;min-height:100px;padding:15px;font-family:inherit;font-size:16px}.symptom-intake-panel{flex-direction:column;gap:18px;display:flex}.symptom-intake-banner{background:linear-gradient(135deg,#eef3ff 0%,#f9fbff 100%)}.symptom-section-block{background:#fff;border:1px solid #e3e9fb;border-radius:14px;padding:18px}.symptom-section-heading{margin-bottom:14px}.symptom-section-heading h4{color:#22304d;margin:0 0 6px;font-size:18px}.symptom-section-heading p{color:#65718a;margin:0;font-size:14px}.symptom-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.symptom-group-card{box-shadow:none;background:#fff;border:1px solid #dbe5ff;border-radius:12px;padding:14px}.symptom-group-header h4{color:#2747a6;margin:0 0 12px;font-size:16px}.symptom-chip-grid{flex-wrap:wrap;gap:10px;display:flex}.common-symptom-grid{gap:12px}.symptom-chip{color:#2747a6;cursor:pointer;background:#f6f8ff;border:1px solid #c7d6ff;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s}.symptom-chip:hover{border-color:#3d67ee;transform:translateY(-1px)}.symptom-chip.selected{color:#fff;background:#3d67ee;border-color:#3d67ee;box-shadow:0 10px 20px #3d67ee33}.selected-symptoms-panel{background:#fbfcff;border:1px dashed #b8c9ff;border-radius:16px;padding:16px}.selected-symptoms-label{color:#2747a6;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:14px;font-weight:700;display:block}.selected-symptoms-list{flex-wrap:wrap;gap:10px;display:flex}.selected-symptom-pill{color:#2747a6;background:#eaf0ff;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600}.selected-symptoms-empty{color:#687385;font-size:14px}.symptom-followups-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.symptom-select-field{flex-direction:column;gap:8px;display:flex}.symptom-select-field label{color:#2747a6;font-size:14px;font-weight:600}.symptom-select-field select{color:#22304d;background:#fff;border:1px solid #c7d6ff;border-radius:12px;padding:12px 14px;font-size:15px}.symptom-more-details{flex-direction:column;gap:14px;display:flex}.symptom-more-toggle{color:#2747a6;cursor:pointer;background:#fff;border:1px solid #c7d6ff;border-radius:10px;align-self:flex-start;padding:10px 14px;font-size:14px;font-weight:700}.symptom-more-toggle:hover{background:#f6f8ff}.symptom-advanced-panel{background:#fbfcff;border:1px solid #e3e9fb;border-radius:14px;flex-direction:column;gap:16px;padding:16px;display:flex}@media (width<=768px){.symptom-groups,.symptom-followups-grid{grid-template-columns:1fr}}.grooming-preferences-container{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dce6ff;border-radius:20px;width:min(100%,820px);margin:0 auto;padding:24px;box-shadow:0 16px 36px #3d67ee1a}.grooming-section{max-width:800px;margin:0 auto 20px}.haircut-styles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:100%;margin:0 auto;display:grid}.haircut-style-card{cursor:pointer;background:#fff;border:1px solid #dce6ff;border-radius:18px;width:100%;padding:8px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 10px 24px #3d67ee14}.haircut-style-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #3d67ee29}.haircut-style-card.selected{border-color:#3d67ee;transform:translateY(-2px);box-shadow:0 0 0 3px #3d67ee29,0 14px 28px #3d67ee2e}.haircut-style-card.selected .haircut-gradient-overlay{background:linear-gradient(135deg,#3d67ee14 0%,#14359657 35%,#103db9eb 100%)}.haircut-image-wrapper{aspect-ratio:1;border-radius:14px;width:100%;position:relative;overflow:hidden}.haircut-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.haircut-style-card:hover .haircut-image{transform:scale(1.08)}.haircut-gradient-overlay{background:linear-gradient(135deg,#0000 0%,#00000038 55%,#00000080 100%);justify-content:flex-end;align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.haircut-name-overlay{color:#fff;text-shadow:1px 1px 3px #0009;text-align:right;letter-spacing:.3px;max-width:90%;font-size:15px;font-weight:800;line-height:1.2}.custom-style-input{resize:vertical;background:#fff;border:1px solid #bfd0ff;border-radius:14px;outline:none;width:100%;max-width:none;min-height:96px;margin:0 auto;padding:12px 14px;font-family:inherit;font-size:14px;display:block}.custom-style-input:focus{border-color:#3d67ee;box-shadow:0 0 0 4px #3d67ee1f}.grooming-label{color:#334155;text-align:left;max-width:none;margin:20px 0 8px;font-size:14px;font-weight:700;display:block}.grooming-info-note{display:none}.confirmation-details{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-top:50px;margin-bottom:50px;padding:0 100px;display:grid}.confirmation-card{background-color:#fff;border:1.5px solid #3d67ee;border-radius:20px;width:100%;margin:0;padding:25px;box-shadow:0 4px 8px #0000001a}.confirmation-card.full-width{grid-column:1/-1}.card-header{border-bottom:1px solid #1d52ff33;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:20px;display:flex}.card-header h3{color:#3d67ee;margin:0;font-size:20px;font-weight:600}.card-details{flex-direction:column;gap:15px;display:flex}.detail-row{align-items:flex-start;display:flex}.detail-label{color:#666;width:140px;font-size:14px;font-weight:500;line-height:1.5}.detail-value{color:#333;word-break:break-word;flex:1;font-size:14px;font-weight:500;line-height:1.5}.pet-details-row{align-items:center;gap:20px;display:flex}.pet-detail-image{object-fit:cover;border:2px solid #3d67ee;border-radius:50px;width:100px;height:100px}.pet-detail-info{flex-direction:column;flex:1;gap:10px;display:flex}.pet-detail-info .detail-row{align-items:center;display:flex}.pet-detail-info .detail-label{width:80px;font-size:13px}.pet-detail-info .detail-value{font-size:13px}.service-list{flex-direction:column;gap:5px;display:flex}.service-main-item{color:#3d67ee;font-size:14px;font-weight:600}.service-subitem{color:#555;align-items:center;gap:5px;margin-left:15px;font-size:13px;display:flex}.service-subitem:before{content:"•";color:#3d67ee;font-weight:700}.detail-divider{background-color:#3d67ee33;margin:15px 0 10px}.total-row{border-top:2px solid #3d67ee4d;align-items:center;padding-top:10px;display:flex}.total-label{color:#333;width:140px;font-size:16px;font-weight:600}.total-value{color:#ee3d5a;text-align:right;flex:1;font-size:22px;font-weight:700}.reference-image-preview{object-fit:cover;border:2px solid #3d67ee;border-radius:8px;width:80px;height:80px}.action-buttons{justify-content:center;align-self:center;margin-top:20px;margin-bottom:30px;display:flex}.action-buttons-row{justify-content:center;gap:15px;margin-top:20px;margin-bottom:30px;display:flex}.action-buttons-row .btn-primary,.action-buttons-row .btn-secondary{padding:10px 30px;font-size:14px}.confirmation-icon{border-radius:40px;justify-content:center;align-items:center;width:80px;height:80px;margin:10px 10px 20px;display:flex}.confirmation-title{color:#333;text-align:center;margin-bottom:10px;font-size:24px;font-weight:700}.confirmation-text{color:#666666ce;text-align:center;margin-bottom:30px;font-size:16px;line-height:24px}.booking-terms-panel{color:#334155;text-align:left;background-color:#f7f9ff;border:1px solid #d9e3ff;border-radius:8px;width:100%;margin:0 0 22px;padding:16px}.booking-terms-row{color:#1f3fae;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.booking-terms-panel p{margin:8px 0 0;font-size:14px;line-height:20px}.checkbox-container{width:100%;margin-bottom:25px;padding:0 10px}.checkbox-label{cursor:pointer;align-items:center;gap:12px;display:flex}.checkbox-input{accent-color:#3d67ee;cursor:pointer;border-radius:20px;width:20px;height:20px}.checkbox-text{color:#333;font-size:15px}.confirmation-btn{color:#fff;cursor:pointer;background-color:#3d67ee;border:none;border-radius:10px;width:100%;padding:12px 30px;font-size:16px;font-weight:500;transition:all .2s}.confirmation-btn.disabled{cursor:not-allowed;background-color:#ccc}.confirmation-btn-secondary{color:#3d67ee;background-color:#fff;border:1px solid #c8d6ff;margin-top:10px}.confirmation-btn-secondary:hover{background-color:#f4f7ff}@media (width<=1200px){.medical-questionnaire{padding:0 100px}.confirmation-details{gap:15px;padding:0 50px}.modal-content.wide{max-width:70%}}@media (width<=1024px){.welcome-title,.brand-title{font-size:60px}.nav-links{gap:30px}.haircut-styles-grid{grid-template-columns:repeat(2,1fr);gap:12px}.haircut-style-card{width:140px}}@media (width<=992px){.pets-main-content{flex-direction:column}.pets-sidebar,.pets-details{width:100%}.pets-sidebar{border-bottom:1px solid #b9b9b9;border-right:none;margin-bottom:20px}.modal-content.wide{max-width:80%}.confirmation-details{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}.confirmation-card{width:100%}}@media (width<=768px){.user-navbar{flex-direction:column;gap:15px}.nav-links{flex-wrap:wrap;gap:15px;width:100%}.welcome-title,.brand-title{font-size:40px}.welcome-description{font-size:16px}.progress-steps{flex-wrap:nowrap}.step-title{font-size:30px}.service-carousel{flex-direction:column}.pets-grid,.branches-grid,.datetime-container,.medical-questionnaire,.confirmation-details{padding:0 20px}.confirmation-card{width:100%}.haircut-styles-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:400px}.haircut-style-card{width:130px}.haircut-name-overlay{padding:6px;font-size:12px}.profile-header-info{left:160px}.profile-header-info h1{font-size:18px}.profile-picture{width:100px;height:100px}.modal-content.wide{max-width:95%}.confirmation-details{padding:0 20px}.detail-row{flex-direction:column;gap:5px}.detail-label{width:100%;font-size:13px}.detail-value{width:100%;font-size:14px}.pet-details-row{text-align:center;flex-direction:column}.pet-detail-info .detail-row{text-align:left;flex-direction:row}}@media (width<=480px){.haircut-styles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:340px}.haircut-style-card{width:100%}.haircut-name-overlay{padding:8px;font-size:13px}}.branches-grid{flex-wrap:wrap;justify-content:center;gap:30px;max-width:1000px;margin:0 auto;padding:20px;display:flex}.branch-card{cursor:pointer;background-color:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;flex:0 auto;justify-content:center;width:320px;height:320px;padding:15px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000001a}.branch-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #3d67ee33}.branch-card.selected{background-color:#f0f4ff;border-color:#3d67ee}.branch-image{object-fit:cover;border-radius:8px;width:100%;height:150px;margin-bottom:12px}.branch-name{color:#3d67ee;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.branch-address{color:#666;margin:0;font-size:13px;line-height:1.5}@media (width<=768px){.branches-grid{flex-direction:column;align-items:center}.branch-card{width:100%;max-width:350px}}.pets-grid{flex-wrap:wrap;justify-content:center;gap:20px;max-width:2000px;margin:0 auto;padding:20px;display:flex}.pet-card{cursor:pointer;text-align:center;background-color:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;flex:0 auto;justify-content:center;align-items:center;width:220px;height:280px;padding:15px;transition:all .2s;display:flex;box-shadow:0 4px 10px #0000001a}.pet-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #3d67ee33}.pet-card.selected{background-color:#f0f4ff;border-color:#3d67ee}.pet-image{object-fit:cover;border:2px solid #3d67ee;border-radius:50px;width:100px;height:100px;margin-bottom:10px}.pet-name{color:#333;margin:0 0 3px;font-size:18px;font-weight:600}.pet-details{color:#666;margin:2px 0;font-size:12px}.add-pet-card{cursor:pointer;background-color:#f8f9fa;border:2px dashed #3d67ee;border-radius:12px;flex-direction:column;flex:0 auto;justify-content:center;align-items:center;width:220px;min-height:200px;padding:15px;transition:all .2s;display:flex}.add-pet-card:hover{background-color:#eef2ff;transform:translateY(-3px)}.add-pet-icon{background-color:#fff;border:2px solid #3d67ee;border-radius:30px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:10px;display:flex}.add-pet-icon svg{width:30px;height:30px}.add-pet-text{color:#3d67ee;font-size:14px;font-weight:600}@media (width<=768px){.pets-grid{flex-direction:column;align-items:center}.pet-card,.add-pet-card{width:100%;max-width:250px}}.pet-profile-view-modal{border-radius:22px;flex-direction:column;align-items:stretch;width:92%;max-width:980px;padding:0;display:flex;overflow:hidden}.pet-profile-modal-scroll{width:100%;max-height:calc(100dvh - 56px);padding:22px;overflow-y:auto}.pet-profile-view-close{background:#fffffff0;border:1px solid #3d67ee2e;border-radius:999px;align-self:center;margin:0 0 18px;padding:8px;position:static;box-shadow:0 4px 12px #1c2e731a}.pet-details-content-modal{width:100%}.pet-details-content-modal .profile-tab-content,.pet-details-content-modal .records-tab-content{padding-left:0;padding-right:0}@media (width<=768px){.user-appointment-container{-webkit-overflow-scrolling:touch;height:100dvh;min-height:100dvh;overflow:hidden auto}.appointment-content{min-height:auto;padding:16px 14px 96px}.progress-container{scroll-snap-type:x mandatory;margin-top:18px;padding-inline:10px}.progress-steps{justify-content:flex-start;min-width:max-content;padding:0 8px}.progress-step-segment{scroll-snap-align:center;flex-basis:112px}.step-item{width:112px}.step-item.current{transform:scale(1.03)}.step-circle-shell{width:54px;height:54px}.step-circle{width:46px;height:46px}.step-circle span{font-size:16px}.step-line{width:40px;margin:26px 8px 0}.step-label{font-size:12px}.step-title{margin-top:22px;margin-bottom:16px;font-size:30px}.service-instruction{margin:-4px 0 18px;font-size:15px}.service-carousel-shell{gap:12px}.service-carousel{width:100%}.carousel-viewport{width:100%;padding:8px 0 10px}.carousel-track{gap:18px}.service-card-wrapper{flex-basis:286px}.service-card{width:286px;min-height:286px;padding:24px 20px}.service-card.inactive{opacity:.3;transform:scale(.88)}.service-carousel-nav{gap:10px}.carousel-arrow svg{width:44px;height:44px}.service-options-panel,.options-panel.service-options-panel{border:2px solid #3d67ee;border-radius:16px;width:100%;max-height:260px;margin-top:10px;position:static;top:auto;left:auto;box-shadow:0 6px 16px #3d67ee1f}.boarding-days-panel{grid-template-columns:1fr;width:100%;padding:18px}.selected-services{max-width:100%}.step-content{width:100%}.datetime-container{flex-direction:column;align-items:center;gap:16px;padding:0}.calendar-wrapper,.time-slots-wrapper,.selected-datetime-badge{width:min(100%,360px)}.medical-questionnaire{padding:0 4px}.question-options{flex-wrap:wrap;gap:14px}.medication-details{margin-left:0}.confirmation-details{gap:16px;margin-top:24px;padding:0}.confirmation-card{padding:18px}.action-buttons,.action-buttons-row{flex-direction:column;align-items:center;gap:10px}.action-buttons .btn-primary,.action-buttons-row .btn-primary,.action-buttons-row .btn-secondary{width:min(100%,320px)}.action-buttons{margin-top:24px;margin-bottom:0}.action-buttons-row{margin-bottom:0;padding-bottom:12px}.pets-grid{flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:100%;padding:12px 0 0;display:flex}.pet-card{text-align:left;grid-template-columns:72px minmax(0,1fr);grid-template-areas:"image name""image detail1""image detail2";place-items:center start;gap:4px 12px;width:100%;max-width:100%;height:auto;min-height:0;padding:14px;display:grid}.pet-image{grid-area:image;width:64px;height:64px;margin-bottom:0}.pet-name{grid-area:name;margin:0;font-size:16px}.pet-card .pet-details:first-of-type{grid-area:detail1}.pet-card .pet-details:last-of-type{grid-area:detail2}.pet-details{margin:0;font-size:12px;line-height:1.35}.add-pet-card{flex-direction:row;justify-content:flex-start;gap:12px;width:100%;max-width:100%;min-height:88px;padding:12px}.add-pet-icon{border-radius:24px;flex-shrink:0;width:48px;height:48px;margin-bottom:0}.add-pet-icon svg{width:24px;height:24px}.add-pet-text{font-size:14px}.branches-grid{grid-template-columns:1fr;gap:12px;max-width:100%;padding:12px 0 0;display:grid}.branch-card{justify-content:center;align-items:flex-start;width:100%;max-width:100%;height:auto;min-height:132px;padding:16px}.branch-name{font-size:15px}.branch-address{font-size:12px}.pets-main-content{height:auto;min-height:calc(100dvh - 86px);padding:16px 12px 24px;overflow:visible}.pets-sidebar{border-bottom:none;border-right:none;width:100%;height:auto;margin-bottom:0;padding:16px 12px 8px}.pets-details{display:none}.pets-list-header{flex-wrap:wrap;align-items:stretch;gap:10px}.pets-list-header h3{margin:0}.add-pet-btn{justify-content:center;width:100%}.pets-list{height:min(48dvh,100dvh - 270px);min-height:260px;padding:8px 2px 14px}.pet-list-item{padding:14px}.pet-profile-modal-overlay{z-index:1950;align-items:center;padding:12px;overflow-y:auto}.pet-profile-view-modal{width:min(100%,520px);max-width:none;max-height:calc(100dvh - 24px)}.pet-profile-modal-scroll{max-height:calc(100dvh - 24px);padding:18px 14px 20px}.pet-profile-view-close{margin-bottom:14px}.pet-details-content-modal .pet-profile-header{margin-bottom:52px}.pet-details-content-modal .profile-header-overlay{gap:14px;left:14px;right:14px}.pet-details-content-modal .profile-header-meta{flex-wrap:wrap}}@media (width<=1024px){.home-hero,.home-services-grid,.home-about-grid{grid-template-columns:1fr}}@media (width<=768px){.home-landing{gap:24px;padding-top:20px;padding-bottom:36px}.home-hero-copy,.home-hero-panel,.home-service-card,.home-about-card{border-radius:22px;padding:22px;box-shadow:0 12px 32px #3d67ee14}.home-hero-description,.home-highlight-card p,.home-service-card p,.home-about-card p,.home-section-heading p{font-size:15px}.home-hero-actions{flex-direction:column}.home-cta-btn{width:100%}.home-highlight-card{border-radius:18px;padding:16px}}.progress-container{background:#fbfcff;border:1px solid #3d67ee1a;border-radius:18px;max-width:min(100%,980px);margin:18px auto 12px;padding:10px 14px 14px}.progress-steps{min-width:auto;margin-left:auto;margin-right:auto}.progress-container.no-symptom-step .progress-steps{justify-content:center}.progress-step-segment{flex-basis:92px}.step-item{gap:7px;width:92px}.step-circle-shell{width:42px;height:42px}.step-circle{border-radius:18px;width:36px;height:36px}.step-circle span{font-size:14px}.step-line{width:42px;margin:20px 4px 0}.step-label{white-space:normal;max-width:90px;font-size:11px;line-height:1.25}.step-title{margin-top:24px;font-size:34px}.service-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dce6ff;border-radius:18px;min-height:300px;position:relative;box-shadow:0 14px 34px #3d67ee1a}.service-card.selected{background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9);border-color:#3d67ee}.service-selected-mark{color:#3d67ee;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:14px;right:14px}.service-icon{background:#eef4ff;border-radius:20px;align-items:center;width:62px;height:62px;margin:0 auto}.service-price{background:#eef4ff;border-radius:999px;width:fit-content;margin:18px auto 0;padding:7px 12px;font-size:14px}.options-panel.service-options-panel{background:#fbfcff;border:1px solid #dce6ff;border-radius:18px;width:min(100%,760px);padding:18px;box-shadow:0 16px 36px #3d67ee1a}.options-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.option-item{border:1px solid #dce6ff;border-radius:14px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;display:grid}.option-check{border:1px solid #bfd0ff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.option-copy{min-width:0}.branch-card{text-align:left;border:1px solid #e0e8ff;border-radius:18px;justify-content:flex-start;width:330px;height:auto;min-height:340px;padding:0;overflow:hidden;box-shadow:0 14px 30px #3d67ee1a}.branch-card-body{padding:16px}.branch-image{border-radius:0;height:170px;margin-bottom:0}.branch-pill{color:#3d67ee;text-transform:uppercase;background:#eef4ff;border-radius:999px;align-items:center;gap:5px;margin-bottom:10px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.confirmation-hero{background:linear-gradient(135deg,#fff 0%,#f5f8ff 100%);border:1px solid #dce6ff;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;max-width:960px;margin:24px auto 22px;padding:22px;display:grid;box-shadow:0 14px 34px #3d67ee1a}.confirmation-hero-icon{color:#fff;background:#3d67ee;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.confirmation-kicker{color:#3d67ee;text-transform:uppercase;font-size:12px;font-weight:800}.confirmation-hero h2{color:#1f2937;margin:3px 0 4px;font-size:24px}.confirmation-hero p{color:#64748b;margin:0;line-height:1.5}.confirmation-total-chip{color:#3d67ee;background:#fff;border:1px solid #dce6ff;border-radius:16px;justify-items:end;gap:3px;min-width:150px;padding:12px 16px;display:grid}.confirmation-total-chip span{color:#64748b;font-size:12px;font-weight:700}.confirmation-total-chip strong{color:#ee3d5a;font-size:24px}.confirmation-details{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-top:0;padding:0}.confirmation-card{border:1px solid #dce6ff;border-radius:16px;box-shadow:0 10px 26px #3d67ee14}.detail-label{color:#64748b;text-transform:uppercase;width:118px;font-size:12px;font-weight:700}.service-list{flex:1;gap:8px}.service-subitem{background:#f4f7ff;border-radius:10px;justify-content:space-between;margin-left:0;padding:7px 10px}@media (width<=768px){.progress-step-segment,.step-item{flex-basis:86px;width:86px}.step-line{width:28px}.options-list{grid-template-columns:1fr}.branch-card{min-height:0}.confirmation-hero,.confirmation-details{grid-template-columns:1fr}.confirmation-total-chip{justify-items:start;width:100%}.confirmation-card-primary{grid-row:auto}}.selected-services{display:none!important}.service-card{border-width:1px;border-radius:14px;width:232px;min-height:252px;padding:20px 18px}.service-icon{border-radius:15px;width:50px;height:50px}.service-name{margin:11px 0 7px;font-size:16px}.service-description p{font-size:12px;line-height:1.35}.service-price{color:#3d67ee;margin-top:12px}.service-card.selected .service-price{box-shadow:0 8px 18px #1538a029;color:#3d67ee!important;background:#fff!important}.service-card.selected .service-selected-mark svg{color:#3d67ee!important}.confirmation-hero{margin-bottom:14px}.confirmation-details{column-count:2;column-gap:14px;margin-bottom:24px;display:block}.confirmation-card{break-inside:avoid;width:100%;margin:0 0 14px;padding:18px;display:inline-block}.confirmation-card-primary{grid-row:auto}.card-header{margin-bottom:12px;padding-bottom:12px}.card-header h3{font-size:18px}.card-details{gap:10px}.service-subitem{color:#344054}.service-subitem:before{content:none}.service-subitem span{color:#ee3d5a;font-weight:800}.medical-info-card{background:linear-gradient(#fff 0%,#f8fbff 100%)}.medical-info-card .card-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.medical-info-card .detail-row{background:#fff;border:1px solid #e4ebff;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:10px 12px}.medical-info-card .detail-label{width:auto;font-size:10px;line-height:1.25}.medical-info-card .detail-value{color:#1f3fae;background:#eef4ff;border-radius:999px;flex:none;padding:4px 9px;font-size:12px;font-weight:800}@media (width<=768px){.service-card{width:260px;min-height:250px}.confirmation-details{column-count:1}.medical-info-card .card-details{grid-template-columns:1fr}}.legacy-confirmation-hero-hidden{display:none!important}.step-title{display:none}.step-hero{background:linear-gradient(135deg,#fff 0%,#f5f8ff 100%);border:1px solid #dce6ff;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;width:min(100%,820px);margin:20px auto 18px;padding:22px;display:grid;box-shadow:0 14px 34px #3d67ee1a}.step-hero-confirm{grid-template-columns:auto minmax(0,1fr) auto}.step-hero-icon{color:#fff;background:#3d67ee;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.step-hero-kicker{color:#3d67ee;text-transform:uppercase;font-size:12px;font-weight:800}.step-hero h2{color:#1f2937;margin:3px 0 4px;font-size:24px;line-height:1.2}.step-hero p{color:#64748b;margin:0;line-height:1.5}.service-card{border-radius:22px;width:260px;min-height:320px;padding:28px 24px}.service-card-wrapper{flex-basis:288px}.service-icon{color:#3d67ee;border-radius:18px;width:58px;height:58px}.service-icon svg{width:35px;height:35px}.service-card.selected .service-icon,.service-card.selected .service-price,.service-card.selected .service-selected-mark{color:#3d67ee!important;background:#fff!important}.service-card.selected .service-icon svg,.service-card.selected .service-price,.service-card.selected .service-selected-mark svg{color:#3d67ee!important}.service-card.selected .service-name,.service-card.selected .service-description p{color:#fff}.medical-info-step-panel{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #dce6ff;border-radius:20px;width:min(100%,820px);margin:0 auto;padding:24px;box-shadow:0 16px 36px #3d67ee1a}.medical-info-step-panel .required-info-banner{background:#fff6f8;border:1px solid #ffd7df;border-radius:16px;margin-bottom:18px;padding:14px 16px}.medical-info-step-panel .questions-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.medical-info-step-panel .question-item{background:#fff;border:1px solid #e4ebff;border-radius:16px;margin:0;padding:16px;box-shadow:0 8px 20px #3d67ee0f}.medical-info-step-panel .question-header h4{color:#1f2937;font-size:13px;line-height:1.45}.medical-info-step-panel .question-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.medical-info-step-panel .radio-label{background:#f8fbff;border:1px solid #dce6ff;border-radius:12px;justify-content:center;min-height:42px;margin:0;padding:10px 12px}.medical-info-step-panel .radio-label:has(input:checked){color:#1f3fae;background:#eef4ff;border-color:#3d67ee}.medical-info-step-panel input[type=radio]{accent-color:#3d67ee}.medical-info-step-panel .additional-notes{margin-top:16px}.confirmation-details{column-gap:12px;width:min(100%,820px);margin-left:auto;margin-right:auto}.confirmation-card{margin-bottom:12px}@media (width<=768px){.step-hero,.step-hero-confirm{grid-template-columns:1fr;width:min(100%,92vw);padding:18px}.step-hero-icon{width:50px;height:50px}.step-hero h2{font-size:21px}.service-card{width:260px;min-height:320px}.medical-info-step-panel{width:min(100%,92vw);padding:18px}.medical-info-step-panel .questions-list{grid-template-columns:1fr}.confirmation-details{column-count:1;width:min(100%,92vw)}}.grooming-preferences-container .haircut-styles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grooming-preferences-container .haircut-style-card{width:100%}@media (width<=768px){.grooming-preferences-container{width:min(100%,92vw);padding:18px}.grooming-preferences-container .haircut-styles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.grooming-preferences-container .haircut-styles-grid{grid-template-columns:1fr}}.user-appointment-container{color:#0a1156;background:#f3f6ff}.user-appointment-container .appointment-content{isolation:isolate;width:min(100% - 40px,1280px);max-width:1280px;padding:114px 0 620px;position:relative}.user-appointment-container .appointment-content:before{content:"";z-index:-1;background:linear-gradient(90deg,#04082a2e 0%,#04082a00 18% 82%,#04082a2e 100%),linear-gradient(90deg,#04082a1a 0%,#04082a00 9% 91%,#04082a1a 100%),linear-gradient(#f3f6ff 0%,#f8faff 40%,#eef3ff 68%,#dfe8ff 86%,#0818a038 96%,#0818a06b 100%);width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.user-appointment-container .progress-container{max-width:100%;box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #9dabc347;border-radius:8px;margin:10px auto 22px;padding:12px}.user-appointment-container .booking-progress-hidden{display:none}.user-appointment-container .progress-steps{justify-content:center}.user-appointment-container .step-circle{color:#9dabc3;box-shadow:none;background:#fff;border:1px solid #9dabc366}.user-appointment-container .step-circle span{color:#9dabc3}.user-appointment-container .step-circle.active{background:linear-gradient(135deg,#ffffff2e,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);border-color:#0000}.user-appointment-container .step-circle.active span{color:#fff}.user-appointment-container .step-line{background:#9dabc357}.user-appointment-container .step-line.active{background:#fa2b24}.user-appointment-container .step-label{color:#6b7890;font-weight:650}.user-appointment-container .step-label.active{color:#0818a0}.user-appointment-container .step-hero{background:linear-gradient(90deg,#fa2b2414,#fff0 32%,#0818a014 100%),linear-gradient(#fffffff5,#f8faffe6);border:1px solid #9dabc347;border-radius:8px;width:100%;margin:0 auto 24px;padding:clamp(22px,3vw,34px);box-shadow:0 18px 44px #0a115614}.user-appointment-container .step-hero-icon{color:#0818a0;background:#0818a014;border-radius:8px;box-shadow:inset 0 0 0 1px #0818a014}.user-appointment-container .step-hero-kicker,.user-appointment-container .step-hero h2,.user-appointment-container .step-hero p{color:#0a1156}.user-appointment-container .step-hero-kicker{color:#fa2b24;opacity:1}.user-appointment-container .step-hero h2{font-size:clamp(1.85rem,3vw,3rem);line-height:1}.user-appointment-container .step-hero p{color:#4a5872;opacity:1;max-width:720px}.user-appointment-container .step-content{width:100%}.user-appointment-container .service-carousel-shell{align-items:stretch;margin-bottom:22px}.user-appointment-container .service-carousel{display:block}.user-appointment-container .carousel-viewport{width:100%;padding:0;overflow:visible}.user-appointment-container .booking-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid;transform:none!important}.user-appointment-container .service-card-wrapper{opacity:1;flex:none;display:block;transform:none!important}.user-appointment-container .service-card{opacity:1;text-align:left;cursor:pointer;background:linear-gradient(#fff 0%,#f8faff 100%);border:1px solid #9dabc357;border-radius:8px;width:100%;height:100%;min-height:250px;padding:22px;box-shadow:0 20px 42px #0a115614;transform:none!important}.user-appointment-container .service-card:hover{border-color:#0818a047;box-shadow:0 26px 56px #0a11561f;transform:translateY(-4px)!important}.user-appointment-container .service-card.selected{background:linear-gradient(145deg,#0a1156 0%,#0818a0 58%,#fa2b24 100%);border-color:#ffffff47;box-shadow:0 28px 62px #0818a033}.user-appointment-container .service-selected-mark{color:#0818a0;background:#fff;top:12px;right:12px}.user-appointment-container .service-icon{background:#0818a014;border-radius:8px;width:54px;height:54px;margin:0 0 18px}.user-appointment-container .service-name{color:#0a1156;text-align:left;margin:0 0 10px;font-size:1.05rem;line-height:1.15}.user-appointment-container .service-description p{color:#4a5872;text-align:left;margin:3px 0;font-size:.86rem;line-height:1.45}.user-appointment-container .service-price{color:#c51d2a;background:#fa2b241a;margin:18px 0 0}.user-appointment-container .service-card.selected .service-name,.user-appointment-container .service-card.selected .service-description p{color:#fff}.user-appointment-container .service-card.selected .service-icon,.user-appointment-container .service-card.selected .service-price{color:#fff!important;background:#ffffff24!important}.user-appointment-container .service-card.selected .service-icon svg,.user-appointment-container .service-card.selected .service-price{color:#fff!important}.user-appointment-container .service-carousel-nav{display:none}.user-appointment-container .options-panel.service-options-panel,.user-appointment-container .boarding-days-panel,.user-appointment-container .grooming-preferences-container,.user-appointment-container .medical-info-step-panel,.user-appointment-container .confirmation-card{background:linear-gradient(#fffffffa,#f8fafff5);border:1px solid #9dabc352;border-radius:8px;box-shadow:0 20px 48px #0a115614}.user-appointment-container .options-panel.service-options-panel,.user-appointment-container .medical-info-step-panel,.user-appointment-container .grooming-preferences-container{width:100%;padding:22px}.user-appointment-container .options-list,.user-appointment-container .pets-grid,.user-appointment-container .branches-grid{gap:14px}.user-appointment-container .option-item,.user-appointment-container .pet-card,.user-appointment-container .branch-card,.user-appointment-container .haircut-style-card,.user-appointment-container .symptom-chip,.user-appointment-container .time-slot-btn{box-shadow:none;background:#fff;border:1px solid #9dabc357;border-radius:8px}.user-appointment-container .option-item:hover,.user-appointment-container .pet-card:hover,.user-appointment-container .branch-card:hover,.user-appointment-container .haircut-style-card:hover,.user-appointment-container .symptom-chip:hover,.user-appointment-container .time-slot-btn:hover{border-color:#0818a047;box-shadow:0 16px 34px #0a115614}.user-appointment-container .option-item.selected,.user-appointment-container .pet-card.selected,.user-appointment-container .branch-card.selected,.user-appointment-container .haircut-style-card.selected,.user-appointment-container .symptom-chip.selected,.user-appointment-container .time-slot-btn.selected{color:#0818a0;background:#eef3ff;border-color:#0818a0}.user-appointment-container input,.user-appointment-container textarea,.user-appointment-container select{color:#0a1156;background:#fffffff0;border:1px solid #9dabc36b;border-radius:8px;box-shadow:inset 0 1px #ffffffc2}.user-appointment-container input:focus,.user-appointment-container textarea:focus,.user-appointment-container select:focus{border-color:#0818a085;outline:none;box-shadow:0 0 0 4px #0818a014}.user-appointment-container .datetime-container{background:#ffffffe6;border:1px solid #9dabc352;border-radius:8px;box-shadow:0 20px 48px #0a115614}.user-appointment-container .react-calendar{background:0 0;border:0;border-radius:8px}.user-appointment-container .action-buttons,.user-appointment-container .action-buttons-row{z-index:5;margin-top:24px;margin-bottom:200px;position:relative}.user-appointment-container .btn-primary,.user-appointment-container .btn-secondary{border-radius:999px;min-height:44px;font-weight:750}.user-appointment-container .btn-primary{color:#fff;background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);border:1px solid #ffffff9e;box-shadow:0 16px 34px #0818a047}.user-appointment-container .btn-secondary{color:#0a1156;background:#fff;border:1px solid #9dabc361;box-shadow:0 10px 22px #0a115614}.user-appointment-container .confirmation-total-chip{color:#0a1156;background:#fff;border-color:#9dabc352;border-radius:8px}.user-appointment-container .confirmation-total-chip span,.user-appointment-container .confirmation-total-chip strong{color:#0a1156}.user-appointment-container .confirmation-total-chip strong{color:#fa2b24}.user-appointment-container .confirmation-details{width:100%}@media (width<=1120px){.user-appointment-container .booking-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.user-appointment-container .appointment-content{width:min(100% - 28px,680px);padding-top:92px}.user-appointment-container .progress-container{padding:10px 4px}.user-appointment-container .booking-service-grid,.user-appointment-container .options-list{grid-template-columns:1fr}.user-appointment-container .service-card{min-height:0}.user-appointment-container .step-hero,.user-appointment-container .step-hero-confirm{width:100%}}.user-appointment-container{scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561f}.user-appointment-container::-webkit-scrollbar{width:10px}.user-appointment-container::-webkit-scrollbar-track{background:#0a11561a}.user-appointment-container::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}.user-appointment-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}.user-appointment-container .appointment-content{width:min(100% - 52px,1180px);padding-top:104px;padding-bottom:120px}.user-appointment-container .progress-container{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin-bottom:16px;padding:0}.user-appointment-container .progress-step-segment{flex-basis:96px}.user-appointment-container .step-item{width:96px}.user-appointment-container .step-circle-shell{width:34px;height:34px}.user-appointment-container .step-circle{width:30px;height:30px}.user-appointment-container .step-circle span{font-size:12px}.user-appointment-container .step-line{width:34px;height:2px;margin-top:16px}.user-appointment-container .step-label{font-size:10px}.user-appointment-container .step-hero{border-radius:22px;margin-bottom:34px;padding:18px 20px}.user-appointment-container .step-hero-icon{border-radius:14px;width:44px;height:44px}.user-appointment-container .step-hero h2{font-size:clamp(1.35rem,2.3vw,2.1rem)}.user-appointment-container .step-hero p{font-size:.9rem}.user-appointment-container .step-hero-copy{min-width:0}.user-appointment-container .step-hero-topline,.user-appointment-container .step-hero-title-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.user-appointment-container .step-hero-encouragement{color:#fa2b24;white-space:nowrap;font-size:.8rem;font-weight:600}.user-appointment-container .step-hero-topline{min-height:32px}.user-appointment-container .step-hero-title-row{align-items:flex-start;margin:3px 0 4px}.user-appointment-container .step-hero-title-row h2{margin:0}.user-appointment-container .selected-service-heading-chip{color:#0818a0;white-space:nowrap;background:linear-gradient(135deg,#fa2b241a,#0818a014),#fff;border-radius:999px;align-items:center;gap:7px;min-height:30px;margin-top:0;padding:0 10px;font-size:.76rem;font-weight:550;display:inline-flex;box-shadow:inset 0 0 0 1px #0818a01f}.user-appointment-container .selected-service-heading-chip svg{color:#fa2b24;width:17px;height:17px}.user-appointment-container .selected-service-heading-chip strong{color:#fff;background:#fa2b24;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:.68rem;display:inline-flex}.user-appointment-container .step-hero-progress{background:#0818a01a;border-radius:999px;flex:auto;height:7px;margin-top:0;overflow:hidden}.user-appointment-container .step-hero-progress-row{align-items:center;gap:14px;width:100%;margin-top:12px;display:flex}.user-appointment-container .step-hero-progress span{border-radius:inherit;background:linear-gradient(90deg,#fa2b24 0%,#0818a0 100%);height:100%;transition:width .28s;display:block}.user-appointment-container .booking-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.user-appointment-container .service-card{min-height:246px;box-shadow:none;perspective:1000px;background:0 0;border:0;padding:0}.user-appointment-container .service-card:hover{box-shadow:none;border-color:#0000;transform:none!important}.user-appointment-container .service-card-inner{width:100%;height:100%;min-height:246px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative}.user-appointment-container .service-card.has-options.selected .service-card-inner{transform:rotateY(180deg)}.user-appointment-container .service-card-face{backface-visibility:hidden;background:#fff;border:1px solid #9dabc352;border-radius:22px;position:absolute;inset:0;overflow:hidden;box-shadow:0 14px 32px #0a115614}.user-appointment-container .service-card-front{text-align:left;cursor:pointer;width:100%;padding:0;display:block}.user-appointment-container .service-card-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.user-appointment-container .service-card-overlay{background:linear-gradient(#05081614 0%,#050816b8 100%),linear-gradient(135deg,#0818a057,#fa2b2438);position:absolute;inset:0}.user-appointment-container .service-card-copy{z-index:1;position:absolute;bottom:14px;left:16px;right:16px}.user-appointment-container .service-card .service-icon{color:#fff;background:#ffffff29;border-radius:12px;width:38px;height:38px;margin-bottom:10px}.user-appointment-container .service-card .service-icon svg{width:24px;height:24px;color:#fff!important}.user-appointment-container .service-card .service-name{color:#fff;margin-bottom:7px;font-size:.98rem}.user-appointment-container .service-card .service-description p{color:#ffffffd1;font-size:.76rem;line-height:1.3}.user-appointment-container .service-card .service-price{color:#fff;background:#ffffff29;margin-top:10px;padding:5px 9px;font-size:.74rem}.user-appointment-container .service-card.selected{box-shadow:none;background:0 0}.user-appointment-container .service-card-back{pointer-events:none;background:linear-gradient(135deg,#0818a014,#fa2b240f),#fff;flex-direction:column;gap:10px;padding:16px;display:flex;transform:rotateY(180deg)}.user-appointment-container .service-card.has-options.selected .service-card-back{pointer-events:auto}.user-appointment-container .service-card.has-options.selected .service-card-front{pointer-events:none}.user-appointment-container .service-back-kicker{color:#c51d2a;text-transform:uppercase;background:#fa2b241a;border-radius:999px;width:fit-content;padding:5px 9px;font-size:.68rem;font-weight:850}.user-appointment-container .service-card-back h3{color:#0a1156;margin:0;font-size:1rem}.user-appointment-container .service-card-option-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561a;touch-action:pan-y;gap:7px;min-height:0;max-height:158px;padding-right:2px;display:grid;overflow-y:auto}.user-appointment-container .service-card-option-list::-webkit-scrollbar{width:7px}.user-appointment-container .service-card-option-list::-webkit-scrollbar-track{background:#0a115614;border-radius:999px}.user-appointment-container .service-card-option-list::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border-radius:999px}.user-appointment-container .service-card-option-list button{color:#0a1156;text-align:left;cursor:pointer;background:#fff;border:1px solid #9dabc357;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:7px 9px;font-size:.76rem;display:flex}.user-appointment-container .service-card-option-list button.is-picked{background:#eef3ff;border-color:#0818a0}.user-appointment-container .service-card-option-list strong{color:#fa2b24;font-size:.72rem}.user-appointment-container .service-card.has-options.selected .service-card-face,.user-appointment-container .service-card:not(.has-options).selected .service-card-face{border-color:#fa2b24bd;box-shadow:0 0 0 3px #fa2b241f,0 20px 44px #0a115624}.user-appointment-container .service-card.has-options.selected:after,.user-appointment-container .service-card:not(.has-options).selected:after{content:"Selected";z-index:4;color:#fff;pointer-events:none;background:#fa2b24;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:850;position:absolute;top:12px;right:12px;box-shadow:0 10px 20px #fa2b2433}.user-appointment-container .service-selected-mark,.user-appointment-container .options-panel.service-options-panel{display:none!important}.user-appointment-container .boarding-days-panel,.user-appointment-container .grooming-preferences-container,.user-appointment-container .medical-info-step-panel,.user-appointment-container .datetime-container,.user-appointment-container .confirmation-card{border-radius:22px}.user-appointment-container .pet-card,.user-appointment-container .branch-card,.user-appointment-container .haircut-style-card,.user-appointment-container .symptom-chip,.user-appointment-container .time-slot-btn,.user-appointment-container input,.user-appointment-container textarea,.user-appointment-container select{border-radius:14px}.user-appointment-container .btn-primary,.user-appointment-container .btn-secondary{border-radius:10px;min-height:38px;padding:0 18px;font-size:.86rem}.user-appointment-container .pets-grid,.user-appointment-container .branches-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.user-appointment-container .pet-card,.user-appointment-container .branch-card{width:100%;min-height:0}.booking-footer{color:#fff;background:linear-gradient(#0818a000 0%,#0818a0d1 22%,#0a1156fa 60%,#050816 100%),linear-gradient(115deg,#fa2b2475 0%,#0818a038 44%,#ffffff14 100%),#0a1156;width:100%;padding:58px max(24px,50vw - 590px) 18px}.user-appointment-container .modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 22% 18%,#fa2b243d,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.user-appointment-container .modal-content{background:linear-gradient(#fffffff5,#f7fafff0),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%);border:1px solid #ffffffb8;border-radius:22px;max-width:340px;padding:22px;box-shadow:0 32px 80px #04082a57}.user-appointment-container .modal-content.payrex-payment-modal{border-radius:18px;width:min(94vw,760px);max-width:760px;max-height:min(92vh,760px);padding:24px;overflow-y:auto}.user-appointment-container .modal-icon,.user-appointment-container .confirmation-icon{background:linear-gradient(135deg,#fa2b241a,#0818a01f);border-radius:999px;place-items:center;width:52px;height:52px;line-height:0;display:grid}.user-appointment-container .confirmation-icon{margin:0 auto 12px}.user-appointment-container .confirmation-icon svg,.user-appointment-container .modal-icon svg{flex:none;display:block}.user-appointment-container .modal-title,.user-appointment-container .confirmation-title{color:#0a1156;font-size:1.15rem;font-weight:750}.user-appointment-container .modal-message,.user-appointment-container .confirmation-text{color:#4a5872;font-size:.86rem;line-height:1.55}.user-appointment-container .modal-btn,.user-appointment-container .confirmation-btn{border-radius:10px;min-height:38px;font-weight:750}.user-appointment-container .modal-btn-confirm,.user-appointment-container .confirmation-btn{color:#fff;background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%)}.user-appointment-container .modal-btn-cancel{color:#0a1156;background:#fff;border:1px solid #9dabc357}.user-appointment-container .booking-home-footer{margin-top:-28px;padding-top:96px}.user-appointment-container .booking-home-footer .home-footer-main{width:min(100%,1180px);margin:0 auto}.user-appointment-container .booking-home-footer .home-footer-powered{width:min(100%,1180px);margin-left:auto;margin-right:auto}.user-appointment-container .pets-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:10px;width:100%;max-width:none;margin:0 auto;display:grid}.user-appointment-container .pet-card,.user-appointment-container .add-pet-card{background:#fff;height:188px;min-height:188px;padding:0;position:relative;overflow:hidden;box-shadow:0 16px 36px #0a115614;border:0!important;border-radius:22px!important}.user-appointment-container .pet-card:after{content:"";pointer-events:none;background:linear-gradient(#05081600,#050816c7);height:58%;position:absolute;inset:auto 0 0}.user-appointment-container .pet-card.selected{background:#fff;border-color:#0000;box-shadow:0 0 0 3px #fa2b241f,0 20px 44px #0a115624}.user-appointment-container .pet-card.selected:before{content:"Selected";z-index:3;color:#fff;background:#fa2b24;border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:850;position:absolute;top:12px;right:12px}.user-appointment-container .pet-image{object-fit:cover;min-height:188px;display:block;position:absolute;inset:0;border:0!important;border-radius:0!important;width:100%!important;height:100%!important;margin:0!important}.user-appointment-container .pet-name,.user-appointment-container .pet-details{z-index:2;color:#fff;text-align:left;position:absolute;left:16px;right:16px}.user-appointment-container .pet-name{margin:0;font-size:.9rem;bottom:42px}.user-appointment-container .pet-details{color:#ffffffc7;margin:0;font-size:.68rem}.user-appointment-container .pet-card .pet-details:first-of-type{bottom:25px}.user-appointment-container .pet-card .pet-details:last-of-type{bottom:10px}.user-appointment-container .add-pet-card{color:#0818a0;text-align:center;background:linear-gradient(135deg,#fa2b2414,#0818a014),#fff;align-content:center;place-items:center;gap:10px;padding:12px;display:grid;border:1px solid #0818a02e!important}.user-appointment-container .add-pet-icon{background:#0818a014;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.user-appointment-container .add-pet-text{color:#0a1156;font-size:.74rem;font-weight:750}.user-appointment-container .add-pet-subtext{color:#4a5872;max-width:150px;font-size:.6rem;line-height:1.25}.user-appointment-container .booking-home-footer{color:#fff;background:linear-gradient(#0818a000 0%,#0818a00d 22%,#0818a02e 38%,#0818a080 56%,#0a1156e0 78%,#050816 100%),linear-gradient(115deg,#fa2b2452 8%,#0818a02e 48%,#ffffff14 100%),#0a1156;width:100%;margin-top:-260px;margin-bottom:0;padding:300px max(20px,50vw - 640px) 22px}.user-appointment-container .booking-home-footer:before{content:none}.user-container.pet-profile-page{color:#0a1156;-webkit-overflow-scrolling:touch;background:#f3f6ff;height:auto;min-height:100vh;overflow:hidden auto}.user-container:has(.pets-main-content){color:#0a1156;-webkit-overflow-scrolling:touch;background:#f3f6ff;height:auto;min-height:100vh;overflow:hidden auto}html:has(.pet-profile-page){min-height:100vh;height:auto!important;max-height:none!important;overflow:hidden auto!important}body:has(.pet-profile-page){min-height:100vh;height:auto!important;max-height:none!important;overflow:hidden auto!important}#root:has(.pet-profile-page){min-height:100vh;height:auto!important;max-height:none!important;overflow:hidden auto!important}html:has(.pet-profile-page){scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561f}html:has(.pet-profile-page)::-webkit-scrollbar{width:10px}body:has(.pet-profile-page)::-webkit-scrollbar{width:10px}html:has(.pet-profile-page)::-webkit-scrollbar-track{background:#0a11561a}body:has(.pet-profile-page)::-webkit-scrollbar-track{background:#0a11561a}html:has(.pet-profile-page)::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}body:has(.pet-profile-page)::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}html:has(.pet-profile-page)::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}body:has(.pet-profile-page)::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}.user-container:has(.pets-main-content) .pets-main-content{isolation:isolate;grid-template-columns:minmax(360px,420px) minmax(0,1fr);align-items:start;gap:22px;width:min(100% - 40px,1280px);max-width:1280px;height:auto;min-height:calc(100vh - 92px);margin:0 auto;padding:112px 0 360px;display:grid;position:relative;overflow:visible}.user-container:has(.pets-main-content) .pets-main-content:before{content:"";z-index:-1;background:linear-gradient(90deg,#04082a24 0%,#04082a00 18% 82%,#04082a24 100%),linear-gradient(#f3f6ff 0%,#f8faff 40%,#eef3ff 68%,#dfe8ff 86%,#0818a038 96%,#0818a06b 100%);width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}:is(.user-container:has(.pets-main-content) .pets-sidebar,.user-container:has(.pets-main-content) .pets-details){background:radial-gradient(circle at 100% 0,#fa2b2414,#0000 34%),radial-gradient(circle at 0 100%,#0818a00f,#0000 34%),linear-gradient(#fffffff5,#f8fafff0);border:1px solid #0818a01f;border-radius:26px;width:100%;height:auto;max-height:none;box-shadow:0 22px 54px #0a11561a}.user-container:has(.pets-main-content) .pets-sidebar{padding:20px;position:sticky;top:92px;overflow:visible}.user-container:has(.pets-main-content) .pets-details{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561a;max-height:calc(100vh - 48px);padding:18px 12px 18px 18px;position:sticky;top:92px;overflow-y:auto}.user-container:has(.pets-main-content) .pets-details::-webkit-scrollbar{width:8px}.user-container:has(.pets-main-content) .pets-list::-webkit-scrollbar{width:8px}.user-container:has(.pets-main-content) .pet-profile-modal-scroll::-webkit-scrollbar{width:8px}.user-container:has(.pets-main-content) .pets-details::-webkit-scrollbar-track{background:#0a115614;border-radius:999px}.user-container:has(.pets-main-content) .pets-list::-webkit-scrollbar-track{background:#0a115614;border-radius:999px}.user-container:has(.pets-main-content) .pet-profile-modal-scroll::-webkit-scrollbar-track{background:#0a115614;border-radius:999px}.user-container:has(.pets-main-content) .pets-details::-webkit-scrollbar-track{background:0 0;margin:18px 0}.user-container:has(.pets-main-content) .pets-details::-webkit-scrollbar-thumb{min-height:44px}.user-container:has(.pets-main-content) .pets-details::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}.user-container:has(.pets-main-content) .pets-list::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}.user-container:has(.pets-main-content) .pet-profile-modal-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}.user-container:has(.pets-main-content) .sidebar-header{background:radial-gradient(circle at 100% 0,#fa2b241a,#0000 34%),linear-gradient(135deg,#fff 0%,#f5f8ff 100%);border:1px solid #dce6ff;border-radius:22px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;min-height:116px;margin:0 0 18px;padding:18px 20px;display:grid;overflow:hidden;box-shadow:0 14px 34px #3d67ee1a}.user-container:has(.pets-main-content) .sidebar-header-image{object-fit:contain;z-index:2;filter:drop-shadow(0 8px 16px #0818a01f);background:0 0;border-radius:0;width:52px;height:52px;margin-top:0;padding:0;position:relative}.user-container:has(.pets-main-content) .sidebar-header:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0818a00d,#fa2b2414);position:absolute;inset:0}.user-container:has(.pets-main-content) .sidebar-header-text{z-index:4;text-align:left;gap:5px;display:grid;position:relative;inset:auto;transform:none}.user-container:has(.pets-main-content) .sidebar-header-text h2{color:#0a1156;align-items:center;gap:7px;margin:0;font-size:1.15rem;font-weight:800;line-height:1;display:flex}.user-container:has(.pets-main-content) .sidebar-header-text p{color:#61708b;max-width:230px;margin:0;font-size:.76rem;line-height:1.35}.user-container:has(.pets-main-content) .sidebar-pets-image{display:none}.user-container:has(.pets-main-content) .pets-list-header{gap:12px;margin:0 0 12px}.user-container:has(.pets-main-content) .pets-list-shell{background:radial-gradient(circle at 100% 0,#fa2b240d,#0000 34%),#ffffffb8;border:1px solid #0818a01a;border-radius:22px;flex-direction:column;min-height:320px;max-height:calc(100vh - 294px);padding:14px 10px 14px 14px;display:flex;overflow:hidden}.user-container:has(.pets-main-content) .pets-list-header h3{color:#0a1156;margin:0;font-size:1rem;font-weight:750}.user-container:has(.pets-main-content) .add-pet-btn{background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);border-radius:10px;min-height:38px;padding:0 14px;box-shadow:0 12px 24px #0818a033}.user-container:has(.pets-main-content) .pets-list{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561a;gap:12px;height:auto;min-height:260px;max-height:none;padding:8px 8px 34px 0;overflow-y:auto}.user-container:has(.pets-main-content) .pet-list-item{background:radial-gradient(circle at 100% 0,#fa2b2412,#0000 32%),#fff;border:1px solid #0818a01a;border-radius:18px;min-height:94px;padding:14px;position:relative;overflow:hidden;box-shadow:0 12px 28px #0a11560f}.user-container:has(.pets-main-content) .pet-list-item:hover{border-color:#0818a03d;transform:translateY(-2px);box-shadow:0 18px 38px #0a11561a}.user-container:has(.pets-main-content) .pet-list-item.selected{border:1px solid #fa2b249e;box-shadow:0 0 0 4px #fa2b241a,0 18px 38px #0a11561f}.user-container:has(.pets-main-content) .pet-list-image{object-fit:cover;border:0;border-radius:16px;flex:0 0 72px;width:72px;height:72px;margin-right:14px}.user-container:has(.pets-main-content) .pet-list-name{color:#0a1156;font-size:.94rem;font-weight:800}.user-container:has(.pets-main-content) .pet-list-username{color:#6b7891;font-size:.74rem}.user-container:has(.pets-main-content) .pet-list-stats{flex-wrap:wrap;gap:7px}.user-container:has(.pets-main-content) .stat-badge{color:#0818a0;background:#0818a012;border-radius:999px;min-height:22px;padding:0 8px;font-size:.66rem;font-weight:700}.user-container:has(.pets-main-content) .no-pet-selected{background:#ffffff9e;border:1px dashed #0818a02e;border-radius:22px;min-height:540px}.user-container:has(.pets-main-content) .no-pet-selected p{color:#4a5872;font-size:.92rem}.user-container:has(.pets-main-content) .pet-profile-header{background:radial-gradient(circle at 100% 0,#fa2b241a,#0000 34%),linear-gradient(135deg,#fffffffa,#eff4fff0);border:1px solid #0818a01f;border-radius:20px;min-height:146px;margin-bottom:18px;overflow:hidden}.user-container:has(.pets-main-content) .profile-header-bg{object-fit:cover;filter:saturate(1.04);opacity:.72;border-radius:0;width:100%;height:146px}.user-container:has(.pets-main-content) .pet-profile-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fffffff2,#ffffffc2 48%,#0508162e),linear-gradient(135deg,#0818a024,#fa2b241f);position:absolute;inset:0}.user-container:has(.pets-main-content) .profile-header-overlay{z-index:2;align-items:center;inset:50% 70px auto 22px;transform:translateY(-50%)}.user-container:has(.pets-main-content) .profile-picture{border:3px solid #fff;border-radius:20px;width:88px;height:88px;box-shadow:0 18px 38px #0a115629}.user-container:has(.pets-main-content) .profile-header-info{margin-bottom:4px;padding:0}.user-container:has(.pets-main-content) .profile-header-info h1{color:#0a1156;margin:0 0 6px;font-size:clamp(1.25rem,2.4vw,1.72rem);font-weight:800}.user-container:has(.pets-main-content) .profile-header-meta{color:#56647d}.user-container:has(.pets-main-content) .profile-header-info p{color:#56647d}.user-container:has(.pets-main-content) .edit-profile-btn{z-index:3;background:#0818a0;border-radius:12px;place-items:center;width:38px;height:38px;padding:0;display:grid;top:12px;right:12px;box-shadow:0 12px 26px #0818a033}.user-container:has(.pets-main-content) .profile-tabs{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:flex-end;gap:2px;margin:0;padding:0 8px;position:relative}.user-container:has(.pets-main-content) .tab-btn{color:#4a5872;background:#f5f8ffe6;border:1px solid #0818a01f;border-bottom:0;border-radius:16px 16px 0 0;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-weight:750;transition:transform .18s,background .18s,color .18s;display:inline-flex;position:relative;transform:translateY(6px);box-shadow:0 -6px 16px #0a11560a}.user-container:has(.pets-main-content) .tab-btn svg{flex:none;display:block}.user-container:has(.pets-main-content) .tab-btn:before{content:"";background:inherit;border:1px solid #0818a01f;border-bottom:0;border-radius:10px 10px 0 0;width:42px;height:12px;position:absolute;top:-7px;left:18px}.user-container:has(.pets-main-content) .tab-btn.active{z-index:2;color:#0818a0;background:#fff;transform:translateY(0);box-shadow:0 -10px 22px #0a115612}:is(.user-container:has(.pets-main-content) .profile-tab-content,.user-container:has(.pets-main-content) .records-tab-content,.user-container:has(.pets-main-content) .appointments-tab-content){z-index:1;padding:0;position:relative}.user-container:has(.pets-main-content) .records-tab-content{background:radial-gradient(circle at 100% 0,#fa2b2414,#0000 34%),radial-gradient(circle at 0 100%,#0818a00f,#0000 34%),linear-gradient(#fffffff7,#f8fafff0);border:1px solid #0818a01f;border-radius:0 22px 22px;padding:18px;box-shadow:0 18px 42px #0a115614}:is(.user-container:has(.pets-main-content) .info-section,.user-container:has(.pets-main-content) .shared-records-section,.user-container:has(.pets-main-content) .vaccinations-section){background:radial-gradient(circle at 100% 0,#fa2b2414,#0000 34%),radial-gradient(circle at 0 100%,#0818a00f,#0000 34%),linear-gradient(#fffffff7,#f8fafff0);border:1px solid #0818a01f;border-radius:22px;box-shadow:0 18px 42px #0a115614}.user-container:has(.pets-main-content) .info-section{padding:18px}.user-container:has(.pets-main-content) .section-header{border-bottom:1px solid #0818a01a;align-items:center;gap:9px;margin-bottom:14px;padding-bottom:12px;display:flex}:is(.user-container:has(.pets-main-content) .section-header h3,.user-container:has(.pets-main-content) .section-header h4){color:#0a1156;font-size:.98rem;font-weight:800}.user-container:has(.pets-main-content) .info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.user-container:has(.pets-main-content) .info-row{background:#ffffffbd;border:1px solid #0818a014;border-radius:14px;gap:4px;padding:11px 12px;display:grid}.user-container:has(.pets-main-content) .info-label{color:#0818a0;letter-spacing:.03em;text-transform:uppercase;font-size:.66rem;font-weight:700}.user-container:has(.pets-main-content) .info-value{color:#0a1156;font-size:.84rem;line-height:1.4}.user-container:has(.pets-main-content) .vaccinations-section{padding:16px;margin-top:18px!important}:is(.user-container:has(.pets-main-content) .vaccinations-header,.user-container:has(.pets-main-content) .shared-records-section-header){border-bottom:1px solid #0818a01a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.user-container:has(.pets-main-content) .section-header.with-action{align-items:center;gap:9px;display:flex}.user-container:has(.pets-main-content) .section-header.with-action>div{align-items:center;gap:9px;display:flex}.user-container:has(.pets-main-content) .shared-records-section-title{align-items:center;gap:9px;display:flex}.user-container:has(.pets-main-content) .record-title{align-items:center;gap:9px;display:flex}.user-container:has(.pets-main-content) .section-header.with-action{justify-content:space-between}.user-container:has(.pets-main-content) .section-header.with-action h3{line-height:1.1}.user-container:has(.pets-main-content) .shared-records-section-title h4{line-height:1.1}.user-container:has(.pets-main-content) .record-title span{line-height:1.1}:is(.user-container:has(.pets-main-content) .add-vaccine-btn,.user-container:has(.pets-main-content) .refresh-shared-records-btn,.user-container:has(.pets-main-content) .view-doc-btn){color:#fff;background:#0818a0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:.76rem;font-weight:750;display:inline-flex}.user-container:has(.pets-main-content) .add-vaccine-btn:hover{background:#0a1156}.user-container:has(.pets-main-content) .refresh-shared-records-btn:hover:not(:disabled){background:#0a1156}.user-container:has(.pets-main-content) .view-doc-btn:hover{background:#0a1156}:is(.user-container:has(.pets-main-content) .vaccinations-list,.user-container:has(.pets-main-content) .shared-records-list,.user-container:has(.pets-main-content) .shared-records-sections){gap:12px}:is(.user-container:has(.pets-main-content) .vaccination-card,.user-container:has(.pets-main-content) .medical-record-card,.user-container:has(.pets-main-content) .shared-record-card,.user-container:has(.pets-main-content) .shared-records-empty-state){background:radial-gradient(circle at 100% 0,#fa2b240f,#0000 32%),#fff;border:1px solid #0818a01a;border-radius:18px;box-shadow:0 12px 28px #0a11560f}.user-container:has(.pets-main-content) .vaccination-title span{color:#0a1156}.user-container:has(.pets-main-content) .record-title span{color:#0a1156}.user-container:has(.pets-main-content) .record-vet{color:#0a1156}.user-container:has(.pets-main-content) .shared-records-section-title h4{color:#0a1156}:is(.user-container:has(.pets-main-content) .vaccination-name,.user-container:has(.pets-main-content) .record-name){color:#0a1156;font-weight:750}.user-container:has(.pets-main-content) .vaccination-date{color:#5d6b84}.user-container:has(.pets-main-content) .record-date{color:#5d6b84}.user-container:has(.pets-main-content) .record-notes{color:#5d6b84}.user-container:has(.pets-main-content) .shared-records-empty-copy{color:#5d6b84}.user-container:has(.pets-main-content) .shared-records-empty-state p{color:#5d6b84}.user-container:has(.pets-main-content) .record-count{color:#fa2b24;background:#fa2b241a;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;font-weight:800;display:inline-flex}.user-container:has(.pets-main-content) .modal-content.wide{background:radial-gradient(circle at 0 0,#fa2b241f,#0000 34%),radial-gradient(circle at 100% 0,#0818a024,#0000 34%),linear-gradient(#fffffffa,#f7fafff5);border:1px solid #ffffffb8;border-radius:26px;box-shadow:0 32px 80px #04082a47}.user-container:has(.pets-main-content) .vaccination-confirm-modal{background:radial-gradient(circle at 0 0,#fa2b241f,#0000 34%),radial-gradient(circle at 100% 0,#0818a024,#0000 34%),linear-gradient(#fffffffa,#f7fafff5);border:1px solid #ffffffb8;border-radius:26px;box-shadow:0 32px 80px #04082a47}.user-container:has(.pets-main-content) .pet-profile-view-modal{background:radial-gradient(circle at 0 0,#fa2b241f,#0000 34%),radial-gradient(circle at 100% 0,#0818a024,#0000 34%),linear-gradient(#fffffffa,#f7fafff5);border:1px solid #ffffffb8;border-radius:26px;box-shadow:0 32px 80px #04082a47}.user-container:has(.pets-main-content) .pet-form-modal{width:min(94vw,680px);max-height:86vh;padding:20px;position:relative;overflow:hidden}.user-container:has(.pets-main-content) .pet-form-modal .modal-header{padding:0 44px 12px 0}.user-container:has(.pets-main-content) .pet-form-modal .modal-close-btn{background:#0818a014;border-radius:12px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.user-container:has(.pets-main-content) .pet-form-modal .modal-body{max-height:calc(86vh - 94px);padding-right:8px;overflow-y:auto}.user-container:has(.pets-main-content) .modal-header{border-bottom:1px solid #0818a01a;padding-bottom:14px}.user-container:has(.pets-main-content) .modal-header h2{color:#0a1156;font-weight:800}.user-container:has(.pets-main-content) .modal-title{color:#0a1156;font-weight:800}.user-container:has(.pets-main-content) .modal-body{scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561a}.user-container:has(.pets-main-content) .form-label{color:#0a1156;font-size:.78rem;font-weight:750}:is(.user-container:has(.pets-main-content) .form-input,.user-container:has(.pets-main-content) .form-select){color:#0a1156;background:#fffffff0;border:1px solid #9dabc36b;border-radius:12px;min-height:42px}:is(.user-container:has(.pets-main-content) .form-input:focus,.user-container:has(.pets-main-content) .form-select:focus){border-color:#0818a085;outline:none;box-shadow:0 0 0 4px #0818a014}:is(.user-container:has(.pets-main-content) .type-btn,.user-container:has(.pets-main-content) .size-btn){color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:12px;min-height:40px;font-weight:750}:is(.user-container:has(.pets-main-content) .type-btn.selected,.user-container:has(.pets-main-content) .size-btn.selected){color:#fff;background:#0818a0;border-color:#0000;box-shadow:0 10px 22px #0818a02e}:is(.user-container:has(.pets-main-content) .image-upload-btn,.user-container:has(.pets-main-content) .upload-area-btn){background:linear-gradient(135deg,#fa2b240f,#0818a00f),#fff;border:1px dashed #0818a042;border-radius:18px}:is(.user-container:has(.pets-main-content) .upload-placeholder p,.user-container:has(.pets-main-content) .upload-area-btn span){color:#0818a0;font-weight:750}.user-container:has(.pets-main-content) .image-upload-btn{border-radius:50px;width:132px;height:132px;margin:0 auto 20px;overflow:hidden}.user-container:has(.pets-main-content) .pet-profile-booking-toast{z-index:1300}.user-container:has(.pets-main-content) .upload-preview-img{object-fit:cover;width:100%;height:100%}:is(.user-container:has(.pets-main-content) .uploaded-file-item,.user-container:has(.pets-main-content) .vaccination-confirm-note,.user-container:has(.pets-main-content) .vaccination-confirm-checkbox){background:#ffffffc7;border:1px solid #0818a01a;border-radius:14px}:is(.user-container:has(.pets-main-content) .modal-btn-confirm,.user-container:has(.pets-main-content) .submit-btn){color:#fff;background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%)}:is(.user-container:has(.pets-main-content) .modal-btn-cancel,.user-container:has(.pets-main-content) .cancel-btn){color:#0a1156;background:#fff;border:1px solid #9dabc357}.user-container:has(.pets-main-content) .modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 18% 0,#fa2b2447,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.user-container:has(.pets-main-content) .pet-profile-footer{color:#fff;background:linear-gradient(#0818a000 0%,#0818a00d 22%,#0818a02e 38%,#0818a080 56%,#0a1156e0 78%,#050816 100%),linear-gradient(115deg,#fa2b2452 8%,#0818a02e 48%,#ffffff14 100%),#0a1156;width:100%;margin-top:-210px;margin-bottom:0;padding:250px max(20px,50vw - 640px) 22px}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-main{grid-template-columns:minmax(240px,.7fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);width:min(100%,1180px);margin:0 auto;display:grid}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-brand{align-items:center;gap:16px;display:flex}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-brand img{object-fit:contain;border-radius:18px;width:72px;height:72px}:is(.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-brand h2,.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-brand p,.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-branches h3,.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-branches p){margin:0}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-brand h2{color:#fff;font-size:1.8rem;line-height:1}:is(.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-brand p,.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-branch p){color:#ffffffbd}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-branch{gap:10px;display:grid}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-branch h3{color:#fff;font-size:1.1rem}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-contact-actions{flex-wrap:wrap;gap:10px;display:flex}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-contact-actions a{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-powered{color:#ffffff9e;border-top:1px solid #ffffff24;justify-content:center;align-items:center;gap:10px;width:min(100%,1180px);margin:40px auto 0;padding-top:18px;font-size:.85rem;display:flex}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-powered img{object-fit:contain;width:54px;height:54px}@media (width<=900px){.user-container:has(.pets-main-content) .pets-main-content{grid-template-columns:1fr;width:min(100% - 28px,720px);padding:92px 0 330px}.user-container:has(.pets-main-content) .pets-sidebar{max-height:none;padding:16px;position:static;overflow:visible}.user-container:has(.pets-main-content) .pets-details{max-height:none;display:none;position:static;overflow:visible}.user-container:has(.pets-main-content) .pets-list{min-height:0;max-height:none}.user-container:has(.pets-main-content) .pets-list-shell{min-height:0;max-height:none}.user-container:has(.pets-main-content) .info-grid{grid-template-columns:1fr}.user-container:has(.pets-main-content) .profile-header-overlay{gap:12px;left:16px;right:16px}.user-container:has(.pets-main-content) .profile-picture{width:96px;height:96px}.user-container:has(.pets-main-content) .pet-form-modal{width:min(94vw,560px);max-height:88vh;padding:18px}.user-container:has(.pets-main-content) .pet-form-modal .modal-body{max-height:calc(88vh - 90px)}.user-container:has(.pets-main-content) .pet-profile-footer{margin-top:-180px;padding:220px 20px 22px}:is(.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-main,.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-branches){grid-template-columns:1fr}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-brand{align-items:flex-start}.user-container:has(.pets-main-content) .pet-profile-footer .home-footer-contact-actions a{justify-content:center;width:100%}}.user-appointment-container .datetime-container{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:stretch;gap:18px;margin-bottom:30px;padding:0;display:flex}.user-appointment-container .calendar-wrapper{background:linear-gradient(135deg,#fffffff5,#f2f6fff0),#fff;border-radius:22px;width:min(100%,360px);box-shadow:0 18px 42px #0a11561a}.user-appointment-container .calendar-gradient{background:radial-gradient(circle at 18% 12%,#fa2b2438,#0000 32%),radial-gradient(circle at 88% 10%,#0818a033,#0000 34%),linear-gradient(160deg,#fff 0%,#f7f9ff 52%,#eef3ff 100%);border:1px solid #0818a01a;border-radius:22px;min-height:100%;padding:12px}.user-appointment-container .react-calendar__navigation button,.user-appointment-container .react-calendar__navigation__label__labelText,.user-appointment-container .react-calendar__month-view__weekdays,.user-appointment-container .react-calendar__month-view__weekdays__weekday,.user-appointment-container .react-calendar__tile{color:#0a1156!important}.user-appointment-container .react-calendar__tile:enabled:hover{background:#0818a014!important}.user-appointment-container .react-calendar__tile--active{box-shadow:0 8px 18px #0818a038;color:#fff!important;background:#0818a0!important}.user-appointment-container .available-day:after{background:#fa2b24}.user-appointment-container .time-slots-wrapper{background:linear-gradient(135deg,#fa2b2412,#0818a014),#fff;border:1px solid #0818a024;border-radius:22px;width:min(100%,360px);box-shadow:0 18px 42px #0a11561a}.user-appointment-container .time-slots-title{color:#0a1156;font-weight:750}.user-appointment-container .time-slot-btn{color:#0a1156;background:#ffffffe6;border:1px solid #0818a02e}.user-appointment-container .time-slot-btn:hover:not(.selected){background:#fa2b2414;border-color:#fa2b246b}.user-appointment-container .time-slot-btn.selected{color:#fff;background:#0818a0;border-color:#0000;box-shadow:0 12px 24px #0818a033}.user-appointment-container .selected-datetime-badge{background:linear-gradient(135deg,#0818a0 0%,#172cae 68%,#fa2b24 160%);width:auto;max-width:min(100%,520px);box-shadow:0 14px 30px #0818a02e}.user-appointment-container .medical-info-step-panel{background:radial-gradient(circle at 0 0,#fa2b2414,#0000 28%),radial-gradient(circle at 100% 0,#0818a01a,#0000 30%),linear-gradient(#fffffff5,#f7fafff0);border:1px solid #0818a01f;border-radius:26px;width:min(100%,980px);padding:22px;box-shadow:0 22px 54px #0a11561a}.user-appointment-container .required-info-banner{color:#0a1156;background:#ffffffd1;border:1px solid #0818a01f;border-radius:18px;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 16px;display:flex}.user-appointment-container .required-info-banner p{color:#4a5872;margin:0;font-size:.86rem;line-height:1.45}.user-appointment-container .symptom-intake-panel{gap:16px}.user-appointment-container .symptom-section-block,.user-appointment-container .selected-symptoms-panel,.user-appointment-container .symptom-advanced-panel,.user-appointment-container .symptom-group-card,.user-appointment-container .medical-info-step-panel .question-item,.user-appointment-container .medical-info-step-panel .additional-notes{background:#ffffffdb;border:1px solid #0818a01a;border-radius:20px;box-shadow:0 14px 32px #0a11560f}.user-appointment-container .symptom-section-block,.user-appointment-container .symptom-advanced-panel{padding:18px}.user-appointment-container .symptom-section-heading h4,.user-appointment-container .symptom-group-header h4,.user-appointment-container .question-header h4{color:#0a1156;margin:0;font-size:.98rem;line-height:1.35}.user-appointment-container .symptom-section-heading p{color:#5d6b84;margin:6px 0 0;font-size:.82rem}.user-appointment-container .symptom-chip-grid{gap:9px}.user-appointment-container .symptom-chip{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px;min-height:36px;padding:0 13px;font-size:.78rem;font-weight:700}.user-appointment-container .symptom-chip:hover{background:#fa2b240f;border-color:#fa2b245c;transform:translateY(-1px)}.user-appointment-container .symptom-chip.selected{color:#fff;background:#0818a0;border-color:#0000;box-shadow:0 10px 22px #0818a033}.user-appointment-container .selected-symptoms-panel{background:linear-gradient(135deg,#fa2b240f,#0818a00f),#fff;border-style:dashed;padding:14px}.user-appointment-container .selected-symptoms-label{color:#0818a0;letter-spacing:.04em;margin-bottom:8px;font-size:.68rem}.user-appointment-container .selected-symptom-pill{color:#0818a0;background:#0818a014;font-size:.74rem}.user-appointment-container .additional-notes label,.user-appointment-container .symptom-select-field label,.user-appointment-container .medication-details label{color:#0a1156;font-size:.78rem;font-weight:750}.user-appointment-container .notes-textarea,.user-appointment-container .medication-textarea{resize:vertical;width:100%;min-height:104px;margin-top:8px}.user-appointment-container .symptom-followups-grid,.user-appointment-container .medical-info-step-panel .questions-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.user-appointment-container .symptom-select-field select{min-height:42px}.user-appointment-container .symptom-more-toggle{color:#0818a0;background:#fff;border:1px solid #0818a029;border-radius:10px;min-height:38px;padding:0 14px;font-size:.8rem}.user-appointment-container .symptom-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-appointment-container .symptom-group-card{padding:14px}.user-appointment-container .medical-info-step-panel .question-item{padding:16px}.user-appointment-container .medical-info-step-panel .question-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.user-appointment-container .medical-info-step-panel .radio-label{color:#0a1156;background:#fff;border:1px solid #0818a01f;border-radius:12px;justify-content:center;gap:7px;min-height:40px;margin:0;padding:0 12px;font-size:.82rem;font-weight:750;position:relative}.user-appointment-container .medical-info-step-panel .radio-label input[type=radio]{opacity:0;pointer-events:none;position:absolute}.user-appointment-container .custom-radio-dot{background:#fff;border:2px solid #0818a047;border-radius:999px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.user-appointment-container .custom-radio-dot:after{content:"";border-radius:inherit;background:#fff;width:8px;height:8px;transition:transform .18s;transform:scale(0)}.user-appointment-container .medical-info-step-panel .radio-label:has(input:checked){color:#fff;background:#0818a0;border-color:#0000;box-shadow:0 10px 22px #0818a02e}.user-appointment-container .medical-info-step-panel .radio-label:has(input:checked) .custom-radio-dot{background:#fff3;border-color:#fff}.user-appointment-container .medical-info-step-panel .radio-label:has(input:checked) .custom-radio-dot:after{transform:scale(1)}.user-appointment-container .medication-details{margin:14px 0 0}.user-appointment-container .medical-info-step-panel .additional-notes{margin-top:16px;padding:16px}.user-appointment-container .confirmation-details{column-count:initial;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:start;gap:14px;width:min(100%,1080px);max-width:1080px;margin:0 auto;display:grid}.user-appointment-container .confirmation-column{align-content:start;gap:12px;min-width:0;display:grid}.user-appointment-container .confirmation-card{break-inside:avoid;background:radial-gradient(circle at 100% 0,#fa2b2417,#0000 34%),radial-gradient(circle at 0 100%,#0818a00e,#0000 34%),linear-gradient(#fffffff7,#f8fafff0);border:1px solid #0818a01f;border-radius:22px;margin:0;padding:16px;position:relative;overflow:hidden;box-shadow:0 18px 42px #0a115614}.user-appointment-container .confirmation-details>.confirmation-intake-card:not(.confirmation-left-stack),.user-appointment-container .confirmation-details>.medical-info-card:not(.confirmation-left-stack){display:none}.user-appointment-container .confirmation-card-primary{background:radial-gradient(circle at 100% 0,#fa2b2421,#0000 34%),radial-gradient(circle at 0 100%,#0818a012,#0000 34%),linear-gradient(#fff,#f6f8ff);border-color:#0818a02e;order:3;grid-area:auto/2}.user-appointment-container .confirmation-owner-card{order:1;grid-column:1}.user-appointment-container .confirmation-intake-card{order:2;grid-column:1}.user-appointment-container .confirmation-pet-card{order:1;grid-column:2}.user-appointment-container .confirmation-grooming-card{order:2;grid-column:2}.user-appointment-container .medical-info-card{order:3;grid-column:1}.user-appointment-container .confirmation-left-stack{grid-column:1}.user-appointment-container .step-hero>.confirmation-total-chip,.user-appointment-container .legacy-confirmation-hero-hidden{display:none!important}.user-appointment-container .confirmation-card .card-header{z-index:1;align-items:center;gap:9px;margin-bottom:14px;display:flex;position:relative}.user-appointment-container .confirmation-card .card-header h3{color:#0a1156;margin:0;font-size:.98rem}.user-appointment-container .card-details{z-index:1;gap:9px;display:grid;position:relative}.user-appointment-container .confirmation-intake-card,.user-appointment-container .medical-info-card{background:radial-gradient(circle at 100% 0,#fa2b241c,#0000 34%),radial-gradient(circle at 0 100%,#0818a012,#0000 34%),linear-gradient(#fff 0%,#f7f9ff 100%);border-color:#0818a024;align-content:start;gap:2px;display:grid}.user-appointment-container .confirmation-intake-card .card-header,.user-appointment-container .medical-info-card .card-header{border-bottom:1px solid #0818a01a;margin-bottom:10px;padding-bottom:10px}.user-appointment-container .confirmation-intake-card .card-details,.user-appointment-container .medical-info-card .card-details{gap:8px}.user-appointment-container .confirmation-intake-card .detail-row{background:#ffffffbd;border:1px solid #0818a014;border-radius:14px;grid-template-columns:1fr;gap:5px;padding:10px 12px}.user-appointment-container .confirmation-intake-card .detail-label,.user-appointment-container .medical-info-card .detail-label{color:#0818a0;font-size:.66rem}.user-appointment-container .confirmation-intake-card .detail-value,.user-appointment-container .medical-info-card .detail-value{color:#0a1156;font-size:.82rem}.user-appointment-container .medical-info-card .detail-row{background:0 0;border:0;border-bottom:1px solid #9dabc329;border-radius:0;grid-template-columns:minmax(110px,.38fr) minmax(0,1fr);gap:10px;padding:8px 0}.user-appointment-container .medical-info-card .detail-row:last-child{border-bottom:0}.user-appointment-container .medical-info-card .detail-label,.user-appointment-container .medical-info-card .detail-value{letter-spacing:0;text-transform:none;font-weight:400}.user-appointment-container .medical-info-card .medical-notes-row{grid-template-columns:1fr}.user-appointment-container .medical-info-card .medical-notes-row .detail-label,.user-appointment-container .medical-info-card .medical-notes-row .detail-value{grid-column:1/-1}.user-appointment-container .medical-info-card .medical-not-pregnant-row{grid-template-columns:minmax(110px,.38fr) minmax(0,1fr);align-items:center}.user-appointment-container .detail-row{border-bottom:1px solid #9dabc329;grid-template-columns:minmax(92px,.32fr) minmax(0,1fr);align-items:start;gap:10px;padding:8px 0;display:grid}.user-appointment-container .detail-row:last-child{border-bottom:0}.user-appointment-container .detail-label{color:#6b7891;letter-spacing:.03em;width:auto;font-size:.68rem;font-weight:800}.user-appointment-container .detail-value{color:#0a1156;overflow-wrap:anywhere;font-size:.84rem;line-height:1.42}.user-appointment-container .pet-details-row{grid-template-columns:150px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.user-appointment-container .pet-detail-image{object-fit:cover;border:0;border-radius:18px;width:150px;height:100%;min-height:142px}.user-appointment-container .service-main-item{color:#0a1156;font-weight:850}.user-appointment-container .service-subitem{color:#0a1156;background:#0818a00f;border-radius:12px;justify-content:space-between;gap:12px;margin-top:8px;padding:8px 10px;font-size:.78rem;display:flex}.user-appointment-container .grooming-reference-review{min-width:0}.user-appointment-container .grooming-reference-review img{object-fit:cover;border-radius:16px;width:100%;height:132px;display:block;box-shadow:0 12px 26px #0a11561a}.user-appointment-container .grooming-review-layout{grid-template-columns:minmax(110px,.42fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.user-appointment-container .grooming-review-details{align-content:start;min-width:0;display:grid}.user-appointment-container .total-row{color:#fff;background:#0818a0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:4px;padding:14px;display:flex}.user-appointment-container .total-label,.user-appointment-container .total-value{color:#fff}.user-appointment-container .total-value{font-size:1.08rem;font-weight:650}.user-appointment-container .total-row:after{content:"This is not the final price. The total may vary depending on the clinic assessment, your pet's condition, add-ons, supplies, or treatment needs. Payments are completed face to face at the clinic.";color:#ffffffc2;border-top:1px solid #ffffff2e;flex-basis:100%;margin-top:10px;padding-top:10px;font-size:.72rem;font-weight:450;line-height:1.4}@media (width<=860px){.user-appointment-container .symptom-followups-grid,.user-appointment-container .symptom-groups,.user-appointment-container .medical-info-step-panel .questions-list,.user-appointment-container .confirmation-details{grid-template-columns:1fr}.user-appointment-container .medical-info-step-panel{padding:16px}.user-appointment-container .pet-details-row{grid-template-columns:1fr}.user-appointment-container .pet-detail-image{width:100%;height:180px}.user-appointment-container .grooming-review-layout{grid-template-columns:1fr}.user-appointment-container .grooming-reference-review img{height:180px}.user-appointment-container .confirmation-owner-card,.user-appointment-container .confirmation-intake-card,.user-appointment-container .confirmation-pet-card,.user-appointment-container .confirmation-grooming-card,.user-appointment-container .medical-info-card,.user-appointment-container .confirmation-card-primary{grid-column:1}.user-appointment-container .detail-row{grid-template-columns:1fr;gap:4px}}.user-appointment-container .branches-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.user-appointment-container .branch-card{background:#fff;border:1px solid #0818a024;border-radius:22px;min-height:252px;padding:0;overflow:hidden;box-shadow:0 18px 42px #0a11561a}.user-appointment-container .branch-card:hover{border-color:#0818a047;transform:translateY(-2px);box-shadow:0 24px 54px #0a115624}.user-appointment-container .branch-card.selected{background:#fff;border-color:#fa2b249e;box-shadow:0 0 0 4px #fa2b241f,0 24px 54px #0a115629}.user-appointment-container .branch-image{object-fit:cover;border:0;border-radius:0;width:100%;height:164px}.user-appointment-container .branch-card-body{text-align:left;gap:6px;padding:14px 16px 16px;display:grid}.user-appointment-container .branch-pill{color:#0818a0;background:#0818a014;border-radius:999px;align-items:center;gap:5px;width:fit-content;min-height:24px;padding:0 9px;font-size:.68rem;font-weight:700;display:inline-flex}.user-appointment-container .branch-name{color:#0a1156;margin:0;font-size:1rem;line-height:1.15}.user-appointment-container .branch-address{color:#4a5872;margin:0;font-size:.78rem;line-height:1.35}.user-appointment-container .grooming-preferences-container{padding:20px}.user-appointment-container .haircut-styles-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;display:grid}.user-appointment-container .haircut-style-card{background:#fff;border:1px solid #0818a01f;border-radius:18px;height:150px;min-height:150px;padding:0;overflow:hidden;box-shadow:0 14px 32px #0a115614}.user-appointment-container .haircut-style-card:hover{transform:translateY(-2px);box-shadow:0 20px 42px #0a11561f}.user-appointment-container .haircut-style-card.selected{border-color:#fa2b249e;box-shadow:0 0 0 3px #fa2b241f,0 20px 42px #0a115624}.user-appointment-container .haircut-image-wrapper,.user-appointment-container .haircut-image{width:100%;height:100%}.user-appointment-container .haircut-image{object-fit:cover;border:0;border-radius:0}.user-appointment-container .haircut-gradient-overlay{background:linear-gradient(#05081600 30%,#050816c7 100%),linear-gradient(135deg,#fa2b243d,#0818a033)}.user-appointment-container .haircut-name-overlay{text-align:left;font-size:.82rem;line-height:1.15;bottom:12px;left:12px;right:12px}.user-appointment-container .custom-grooming-panel{background:linear-gradient(135deg,#fa2b2414,#0818a014),#fff;border:1px solid #0818a02e;border-radius:22px;gap:14px;margin-top:18px;padding:16px;display:grid;box-shadow:0 16px 36px #0a115614}.user-appointment-container .custom-grooming-copy{gap:4px;display:grid}.user-appointment-container .custom-grooming-kicker{color:#0818a0;background:#0818a014;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:0 10px;font-size:.68rem;font-weight:750;display:inline-flex}.user-appointment-container .custom-grooming-copy p{color:#4a5872;margin:0;font-size:.82rem;line-height:1.4}.user-appointment-container .custom-style-input{resize:vertical;width:100%;min-height:92px;margin-top:8px}.user-appointment-container .reference-upload-field{gap:8px;display:grid}.user-appointment-container .reference-upload-card{background:#ffffffc7;border:1px dashed #0818a047;border-radius:18px;min-height:132px;overflow:hidden}.user-appointment-container .reference-upload-card.has-image{border-style:solid;min-height:190px;position:relative}.user-appointment-container .image-upload-btn{color:#0818a0;cursor:pointer;background:0 0;border:0;border-radius:18px;align-content:center;place-items:center;gap:6px;width:100%;min-height:132px;display:grid}.user-appointment-container .image-upload-btn span{color:#0a1156;font-size:.88rem;font-weight:750}.user-appointment-container .image-upload-btn small{color:#6b7891;font-size:.68rem}.user-appointment-container .reference-upload-preview{object-fit:cover;width:100%;height:190px;display:block}.user-appointment-container .reference-upload-actions{gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.user-appointment-container .reference-upload-change,.user-appointment-container .reference-upload-remove{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff6b;border-radius:10px;min-height:34px;padding:0 12px;font-size:.76rem;font-weight:750}.user-appointment-container .reference-upload-change{background:#0818a0c7}.user-appointment-container .reference-upload-remove{background:#fa2b24d1}@media (width<=720px){.user-appointment-container .branches-grid{grid-template-columns:1fr}.user-appointment-container .branch-card{min-height:228px}.user-appointment-container .haircut-styles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.booking-footer-main{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.booking-footer-brand{align-items:center;gap:14px;display:flex}.booking-footer-brand img{object-fit:contain;width:58px;height:58px}.booking-footer h2,.booking-footer h3,.booking-footer p{margin:0}.booking-footer h2{color:#fff;font-size:1.35rem}.booking-footer p{color:#ffffffbd;line-height:1.45}.booking-footer-note{text-align:right;max-width:360px}.booking-footer-note h3{color:#fff;margin-bottom:8px;font-size:1rem}.booking-footer-powered{color:#ffffff9e;border-top:1px solid #ffffff24;justify-content:center;align-items:center;gap:10px;margin-top:26px;padding-top:14px;font-size:.82rem;display:flex}.booking-footer-powered img{object-fit:contain;width:46px;height:46px}@media (width<=1120px){.user-appointment-container .booking-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.user-appointment-container .booking-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.user-appointment-container .appointment-content{width:min(100% - 28px,680px);padding-top:88px}.user-appointment-container .progress-container{overflow-x:auto}.user-appointment-container .step-hero{padding:16px}.user-appointment-container .step-hero-topline,.user-appointment-container .step-hero-title-row{flex-direction:column;align-items:flex-start;gap:8px}.user-appointment-container .step-hero-encouragement,.user-appointment-container .selected-service-heading-chip{white-space:normal}.user-appointment-container .step-hero-progress-row{flex-direction:column;align-items:flex-start;gap:8px}.user-appointment-container .step-hero-progress{width:100%}.user-appointment-container .pets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.booking-footer-main{flex-direction:column}.booking-footer-note{text-align:left}}@media (width<=560px){.user-appointment-container .booking-service-grid{grid-template-columns:1fr}.user-appointment-container .service-card,.user-appointment-container .service-card-inner{min-height:232px}.user-appointment-container .pets-grid{grid-template-columns:1fr}.user-appointment-container .pet-card,.user-appointment-container .add-pet-card{height:210px;min-height:210px}.user-appointment-container .pet-image{min-height:210px}}.user-content.home-landing{gap:34px;max-width:none;padding:0 0 56px}.home-hero{isolation:isolate;background:#0a1156;min-height:640px;display:block;position:relative;overflow:hidden}.home-hero-slide{opacity:0;animation-duration:12s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;inset:0}.home-hero-slide-red{opacity:1;animation-name:homeHeroRedCycle}.home-hero-slide-blue{animation-name:homeHeroBlueCycle}.home-hero-bg{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;position:absolute;inset:0}.home-hero-brand-word{z-index:1;color:#ffffffe6;text-align:center;text-transform:none;letter-spacing:0;white-space:nowrap;pointer-events:none;justify-content:center;width:100%;padding:0 24px;font-size:30rem;font-weight:900;line-height:.9;display:flex;position:absolute;top:16%;left:0;right:0;transform:none}.home-hero-pet{z-index:2;object-fit:contain;filter:drop-shadow(0 26px 34px #00000042);width:min(640px,48vw);max-height:100%;position:absolute;bottom:-58px;left:50%;transform:translate(-50%)}.home-hero-pet-dog{width:min(1000px,100vw)}.home-hero-content{z-index:4;color:#fff;pointer-events:none;text-align:left;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:min(1280px,100% - 48px);min-height:640px;margin-bottom:0;margin-left:60px;display:flex;position:relative}.home-hero-content>*{pointer-events:auto}.home-hero-logo{object-fit:contain;filter:drop-shadow(0 16px 24px #0a11562e);width:min(180px,28vw);height:auto;margin-bottom:6px}.home-review-rail{z-index:4;pointer-events:none;width:min(310px,24vw);position:absolute;top:136px;bottom:64px;right:42px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 14% 86%,#0000 100%)}.home-review-track{flex-direction:column;gap:14px;animation:22s linear infinite homeReviewsScroll;display:flex}.home-review-card{color:#000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border:1px solid #ffffff29;border-radius:8px;min-height:132px;padding:18px;box-shadow:0 18px 40px #0a11561f}.home-review-stars{color:#efff8f;letter-spacing:0;gap:3px;margin-bottom:10px;font-size:.82rem;line-height:1;display:flex}.home-review-card p{margin:0 0 14px;font-size:.92rem;line-height:1.55}.home-review-author{gap:3px;display:grid}.home-review-card strong{color:#000;font-size:.9rem}.home-review-card span{color:#000000b3;font-size:.78rem}.home-review-stars span{color:#efff8f}.home-hero-title span{display:block}.home-hero:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#04082a8a 0%,#04082a00 24% 76%,#04082a8a 100%),linear-gradient(90deg,#04082a4d 0%,#04082a00 14% 86%,#04082a4d 100%);position:absolute;inset:0}.home-eyebrow{color:#fff;letter-spacing:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff52;border-radius:999px}.home-hero-title{color:#fff;text-shadow:0 12px 26px #0a115638;max-width:500px;margin:16px 0 12px;font-size:3.15rem;line-height:1}.home-hero-description{color:#ffffffe6;max-width:460px;font-size:1.05rem;line-height:1.65}.home-cta-btn{border-radius:14px}.home-cta-btn-primary{color:#fff;background:#fa2b24;box-shadow:0 16px 34px #fa2b2447}.home-cta-btn-primary:hover{background:#d91f19}.home-cta-btn-secondary{color:#0a1156;background:#ffffffeb;box-shadow:inset 0 0 0 1px #ffffff57}.home-cta-btn-secondary:hover{background:#fff}.home-highlight-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1280px,100% - 40px);margin:0 auto;display:grid}.home-highlight-strip .home-highlight-card{background:#fff;border:1px solid #9dabc35c;border-radius:8px;box-shadow:0 16px 34px #0a115614}.home-landing .home-section{width:min(1280px,100% - 40px);margin:0 auto}.home-highlight-icon,.home-about-icon{color:#0818a0;background:#0818a01a}@keyframes homeHeroRedCycle{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}@keyframes homeHeroBlueCycle{0%,45%{opacity:0}50%,95%{opacity:1}to{opacity:0}}@keyframes homeReviewsScroll{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 7px))}}@media (prefers-reduced-motion:reduce){.home-hero-slide,.home-review-track{animation:none}.home-hero-slide-red{opacity:1}.home-hero-slide-blue{opacity:0}}@media (width<=1024px){.home-hero,.home-hero-content{min-height:600px}.home-hero-brand-word{font-size:7rem;top:17%}.home-hero-pet,.home-hero-pet-dog{width:min(560px,70vw)}.home-review-rail{width:min(280px,32vw);right:24px}.home-highlight-strip{grid-template-columns:1fr}}@media (width<=768px){.user-content.home-landing{gap:24px;padding-bottom:36px}.home-hero,.home-hero-content{min-height:560px}.home-hero-content{width:min(100% - 28px,560px);padding:28px 0 34px}.home-hero-brand-word{letter-spacing:1px;width:calc(100% - 20px);font-family:Segoe UI;font-size:4.2rem;top:18%}.home-hero-pet,.home-hero-pet-dog{width:min(440px,94vw);bottom:-24px}.home-review-rail{display:none}.home-hero-title{max-width:360px;font-size:2.35rem}.home-hero-description{max-width:340px;font-size:.95rem}.home-highlight-strip{width:min(100% - 28px,560px)}}.home-hero{min-height:800px;box-shadow:0 34px 58px #0a115642,0 8px #ffffffb3}.home-hero-content{min-height:800px;padding-bottom:80px}.home-hero-brand-word{width:100%;font-size:18rem;top:14%}.home-hero-pet{width:min(1500px,100vw);max-height:108%;bottom:-1px}.home-about-section{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:34px;width:min(1280px,100% - 40px);margin:20px auto 0;display:grid}.home-about-copy{flex-direction:column;align-items:flex-start;display:flex}.home-about-copy h2{color:#0a1156;margin:14px 0;font-size:clamp(2.2rem,4vw,4rem);line-height:.98}.home-about-copy p{color:#4a5872;max-width:580px;margin:0;font-size:1rem;line-height:1.75}.home-about-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:26px;display:grid}.home-about-stat{background:#fff;border:1px solid #9dabc34d;border-radius:8px;align-content:center;gap:7px;min-height:108px;padding:18px;display:grid;box-shadow:0 16px 30px #0a115614}.home-about-stat strong{color:#fa2b24;font-size:1.8rem;line-height:1}.home-about-stat span{color:#0a1156;text-transform:uppercase;font-size:.82rem;font-weight:700;line-height:1.25}.home-about-carousel{gap:14px;min-width:0;display:grid}.home-about-media-frame{background:#0a1156;border-radius:8px;min-height:470px;position:relative;overflow:hidden;box-shadow:0 26px 52px #0a11562e}.home-about-media-frame img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.home-about-media-frame:hover img{transform:scale(1.035)}.home-about-media-frame:after{content:"";background:linear-gradient(#0a115600 34%,#0a1156d1 100%),linear-gradient(90deg,#0a115652 0%,#0a115600 52%);position:absolute;inset:0}.home-about-media-overlay{z-index:1;color:#fff;position:absolute;bottom:24px;left:24px;right:24px}.home-about-media-type{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-bottom:12px;padding:7px 11px;font-size:.78rem;font-weight:800;display:inline-flex}.home-about-media-overlay h3{margin:0 0 8px;font-size:clamp(1.45rem,2.4vw,2.1rem);line-height:1.05}.home-about-media-overlay p{color:#ffffffd1;max-width:560px;margin:0;line-height:1.55}.home-about-carousel-controls{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.home-about-carousel-controls>button{color:#0818a0;cursor:pointer;background:#fff;border:1px solid #0818a02e;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 12px 24px #0a115614}.home-about-carousel-controls>button:hover{color:#fff;background:#0818a0}.home-about-carousel-dots{justify-content:center;gap:8px;display:flex}.home-about-carousel-dots button{cursor:pointer;background:#0a115638;border:none;border-radius:999px;width:9px;height:9px;padding:0}.home-about-carousel-dots button.is-active{background:#fff;width:30px}@media (width<=1024px){.home-hero{min-height:680px}.home-hero-content{min-height:680px;padding-bottom:8px}.home-hero-brand-word{font-size:8.2rem;top:16%}.home-hero-pet,.home-hero-pet-dog{width:min(680px,86vw);bottom:-80px}.home-about-section{grid-template-columns:1fr}.home-about-copy p{max-width:760px}}@media (width<=768px){.home-hero{min-height:620px}.home-hero-content{min-height:620px;padding-top:92px;padding-bottom:8px}.home-hero-bg{height:112%}.home-hero-brand-word{font-size:4.8rem;top:19%}.home-hero-pet,.home-hero-pet-dog{width:min(520px,110vw);bottom:-44px}.home-hero-title{max-width:320px;font-size:2.25rem}.home-hero-description{max-width:310px}.home-about-section{gap:24px;width:min(100% - 28px,560px)}.home-about-copy h2{font-size:2.35rem}.home-about-stat-grid{grid-template-columns:1fr}.home-about-stat{min-height:0}.home-about-media-frame{min-height:360px}.home-about-media-overlay{bottom:18px;left:18px;right:18px}}.home-about-section{margin-top:0;padding:78px 0 34px;display:block}.home-about-copy{background:linear-gradient(135deg,#fa2b2414 0%,#fff0 34%),linear-gradient(120deg,#fff 0%,#f8faff 58%,#0818a014 100%);border:1px solid #9dabc347;border-radius:8px;width:100%;min-height:360px;padding:clamp(28px,5vw,58px);box-shadow:0 24px 60px #0a11561a}.home-about-copy h2{letter-spacing:0;max-width:860px;font-size:clamp(2.45rem,5vw,5.2rem)}.home-about-copy p{max-width:760px;font-size:1.05rem}.home-about-stat-grid{max-width:820px}.home-about-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd6}.home-social-section{width:min(1280px,100% - 40px);margin:0 auto 14px;padding:28px 0 18px}.home-social-heading{max-width:720px;margin-bottom:10px}.home-about-carousel{gap:18px;min-width:0;display:grid;position:relative}.home-about-carousel-stage{perspective:1500px;place-items:center;min-height:720px;display:grid;position:relative;overflow:hidden}.home-about-phone{aspect-ratio:9/16;opacity:0;width:min(360px,72vw);transform-style:preserve-3d;pointer-events:none;background:#080b18;border-radius:34px;padding:11px;transition:transform .5s,opacity .5s,filter .5s;position:absolute;box-shadow:0 32px 78px #0a11563d,inset 0 0 0 1px #ffffff1f}.home-about-phone:before{content:"";z-index:4;background:#050812;border-radius:999px;width:96px;height:21px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.home-about-phone.is-active{z-index:3;opacity:1;pointer-events:auto;transform:translate(0)translateZ(90px)rotateY(0)scale(1)}.home-about-phone.is-prev{z-index:2;opacity:.64;filter:saturate(.82);transform:translate(-64%)translateZ(-80px)rotateY(30deg)scale(.82)}.home-about-phone.is-next{z-index:2;opacity:.64;filter:saturate(.82);transform:translate(64%)translateZ(-80px)rotateY(-30deg)scale(.82)}.home-about-phone.is-hidden{opacity:0;transform:translate(0)translateZ(-260px)scale(.72)}.home-about-media-frame{width:100%;height:100%;min-height:0;box-shadow:none;border-radius:26px}.home-about-media-frame:after{background:linear-gradient(#0508129e 0%,#05081200 26%),linear-gradient(#05081200 28%,#050812d1 100%)}.home-about-phone-top{z-index:2;color:#fff;text-shadow:0 2px 8px #00000059;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:42px;left:18px;right:18px}.home-about-phone-top span:last-child{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:999px;padding:6px 10px}.home-about-phone-actions{z-index:2;gap:15px;display:grid;position:absolute;bottom:112px;right:13px}.home-about-phone-actions button{color:#fff;cursor:pointer;text-shadow:0 2px 8px #00000070;background:0 0;border:none;justify-items:center;gap:5px;width:54px;display:grid}.home-about-phone-actions span{overflow-wrap:anywhere;max-width:54px;font-size:.68rem;font-weight:800;line-height:1.1}.home-about-media-overlay{bottom:24px;left:18px;right:76px}.home-about-media-overlay h3{font-size:clamp(1.25rem,2vw,1.65rem)}.home-about-media-overlay p{font-size:.86rem}.home-about-hashtags{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.home-about-hashtags span{color:#fff;font-size:.77rem;font-weight:800}.home-about-carousel-controls{width:min(520px,100%);margin:-10px auto 0}@media (width<=1024px){.home-about-section{padding-top:54px}.home-about-carousel-stage{min-height:660px}.home-about-phone.is-prev{transform:translate(-48%)translateZ(-110px)rotateY(24deg)scale(.78)}.home-about-phone.is-next{transform:translate(48%)translateZ(-110px)rotateY(-24deg)scale(.78)}}@media (width<=768px){.home-about-section,.home-social-section{width:min(100% - 28px,560px)}.home-about-section{padding-top:34px}.home-about-copy{min-height:0;padding:26px}.home-about-copy h2{font-size:2.35rem}.home-about-carousel-stage{min-height:590px}.home-about-phone{border-radius:30px;width:min(315px,84vw)}.home-about-phone.is-prev,.home-about-phone.is-next{opacity:.24}.home-about-phone.is-prev{transform:translate(-36%)translateZ(-120px)rotateY(18deg)scale(.78)}.home-about-phone.is-next{transform:translate(36%)translateZ(-120px)rotateY(-18deg)scale(.78)}.home-about-media-overlay{bottom:20px;left:16px;right:70px}}.user-container.user-home-page{background:#f8faff}.user-content.home-landing{width:100%;max-width:none}.home-hero{box-shadow:none}.home-hero:after{content:"";z-index:5;filter:blur(14px);opacity:.95;pointer-events:none;background:#0a11565c;border-radius:999px;height:30px;position:absolute;bottom:-12px;left:max(22px,50vw - 660px);right:max(22px,50vw - 660px)}.home-hero{overflow:visible}.home-hero-slide,.home-hero-bg{overflow:hidden}.home-about-section{background:linear-gradient(135deg,#9dabc342 0%,#fff0 28%),radial-gradient(circle at 16% 10%,#fa2b241a,#0000 24%),radial-gradient(circle at 88% 16%,#0818a024,#0000 28%),linear-gradient(#f8faff 0%,#fff 52%,#f8faff 100%);border-radius:42px 42px 0 0;width:100%;margin:-1px 0 0;padding:72px max(20px,50vw - 640px) 48px;position:relative;box-shadow:0 -18px 42px #0a115657,0 -4px 14px #0818a038,inset 0 1px #ffffffe6}.home-about-copy{min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);align-items:end;gap:clamp(28px,5vw,76px);padding:0;display:grid}.home-about-copy:before{content:"";background:#fa2b24;border-radius:999px;grid-column:1/-1;width:76px;height:6px}.home-about-copy h2{color:#0a1156;max-width:790px;margin:14px 0 0;font-size:clamp(2.55rem,5.2vw,5.6rem);line-height:.95}.home-about-copy p{color:#4a5872;max-width:560px;font-size:1.05rem;line-height:1.85}.home-about-stat-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin-top:22px}.home-about-stat{min-height:132px;box-shadow:none;background:linear-gradient(#fff 0%,#f8faff 100%);border-color:#9dabc36b;padding:24px}.home-about-stat strong{color:#0818a0;font-size:2.15rem}.home-about-stat span{color:#0a1156}.home-social-section{background:#f8faff;width:100%;margin:0;padding:48px max(20px,50vw - 640px) 32px}.home-social-heading{max-width:760px}.home-about-phone{width:min(330px,22vw)}.home-about-phone.is-prev{opacity:.78;transform:translate(-78%)translateZ(-70px)rotateY(28deg)scale(.84)}.home-about-phone.is-next{opacity:.78;transform:translate(78%)translateZ(-70px)rotateY(-28deg)scale(.84)}.home-about-phone.is-prev-far,.home-about-phone.is-next-far{z-index:1;opacity:.42;filter:saturate(.72)}.home-about-phone.is-prev-far{transform:translate(-138%)translateZ(-190px)rotateY(38deg)scale(.7)}.home-about-phone.is-next-far{transform:translate(138%)translateZ(-190px)rotateY(-38deg)scale(.7)}.home-landing .home-section{background:#f8faff;width:100%;margin:0;padding:36px max(20px,50vw - 640px) 0}@media (width<=1180px){.home-about-phone{width:min(315px,30vw)}.home-about-phone.is-prev-far,.home-about-phone.is-next-far{opacity:.28}.home-about-phone.is-prev-far{transform:translate(-112%)translateZ(-200px)rotateY(32deg)scale(.66)}.home-about-phone.is-next-far{transform:translate(112%)translateZ(-200px)rotateY(-32deg)scale(.66)}}@media (width<=768px){.home-about-section,.home-social-section,.home-landing .home-section{width:100%;padding-left:14px;padding-right:14px}.home-about-section{border-radius:30px 30px 0 0;padding-top:40px}.home-about-copy{grid-template-columns:1fr;gap:18px}.home-about-copy h2{font-size:2.45rem}.home-about-stat-grid{grid-template-columns:1fr}.home-about-stat{min-height:0}.home-about-carousel-stage{min-height:610px;overflow:hidden}.home-about-phone{width:min(315px,84vw)}.home-about-phone.is-prev,.home-about-phone.is-next{opacity:.34}.home-about-phone.is-prev-far,.home-about-phone.is-next-far{opacity:0}}.home-social-section{position:relative;overflow:hidden}.home-social-section:before,.home-social-section:after,.home-branch-section:before,.home-branch-section:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.home-social-section:before{border:32px solid #fa2b2414;width:240px;height:240px;top:80px;left:-90px}.home-social-section:after{background:#0818a014;width:180px;height:180px;top:210px;right:-54px}.home-social-heading{text-align:center;max-width:920px;min-height:0;margin:0 auto;display:block}.home-social-heading-copy h2{margin:0}.home-social-heading-copy h2 span{color:#fa2b24}.home-social-heading-copy p{text-align:justify;text-align-last:center;max-width:760px;margin:18px auto 0}.home-services-section{background:linear-gradient(#f8faff 0%,#fff 100%)!important}.home-services-section .home-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-services-section .home-service-card{color:#fff;background:linear-gradient(145deg,#0a1156 0%,#0818a0 62%,#3d67ee 100%);border:1px solid #ffffff38;min-height:310px;padding:26px;box-shadow:0 24px 50px #0818a033}.home-services-section .home-service-card span{color:#fff;background:#ffffff29;margin:24px 0 14px}.home-services-section .home-service-card h3,.home-services-section .home-service-card p{color:#fff;padding:0}.home-services-section .home-service-card p{color:#fffc;padding-bottom:0}.home-branch-section{background:linear-gradient(135deg,#0818a014,#fff0 34%),linear-gradient(#fff 0%,#eef3ff 100%);position:relative;overflow:hidden}.home-branch-section:before{background:#fa2b2414;width:280px;height:280px;top:120px;left:-120px}.home-branch-section:after{border:42px solid #0818a014;width:330px;height:330px;bottom:80px;right:-150px}.home-branch-section>*{z-index:1;position:relative}.home-branch-card{grid-template-rows:auto auto 1fr auto;display:grid}.home-branch-hours{gap:10px;padding:0 20px 20px;display:grid}.home-branch-hours div{background:#f8faff;border:1px solid #9dabc347;border-radius:8px;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:10px;padding:12px 14px;display:grid}.home-branch-hours strong{color:#0a1156;font-size:.9rem;line-height:1.35}@media (width<=1024px){.home-services-section .home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.home-social-heading-copy p{text-align:left;text-align-last:left}.home-services-section .home-services-grid,.home-branch-hours div{grid-template-columns:1fr}}.home-about-main{min-width:0}.home-about-hours{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc2;border:1px solid #9dabc357;border-radius:8px;align-self:stretch;padding:24px}.home-about-hours-title{color:#0818a0;align-items:center;gap:10px;margin-bottom:16px;font-weight:900;display:flex}.home-about-hour-row{border-top:1px solid #9dabc347;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:14px;padding:13px 0;display:grid}.home-about-hour-row span{color:#4a5872;font-size:.9rem}.home-about-hour-row strong{color:#0a1156;font-size:.92rem;line-height:1.35}.home-promo-section,.home-cert-section,.home-branch-section{width:100%;margin:0;padding:68px max(20px,50vw - 640px)}.home-promo-section{color:#fff;background:linear-gradient(90deg,#0a1156eb,#0818a0d1),#0a1156}.home-promo-section .home-section-kicker{color:#fff;background:#ffffff24}.home-promo-section .home-section-heading h2,.home-promo-section .home-section-heading p{color:#fff}.home-promo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;display:grid}.home-promo-card{background:linear-gradient(#ffffff24,#ffffff14);border:1px solid #ffffff2e;border-radius:8px;min-height:210px;padding:24px}.home-promo-card span{color:#fff;background:#fa2b24;border-radius:999px;margin-bottom:28px;padding:7px 11px;font-size:.76rem;font-weight:900;display:inline-flex}.home-promo-card h3,.home-promo-card p{margin:0}.home-promo-card h3{color:#fff;font-size:1.35rem}.home-promo-card p{color:#ffffffc7;margin-top:10px;line-height:1.6}.home-services-section{background:linear-gradient(#fff 0%,#f8faff 100%)!important;padding-top:76px!important;padding-bottom:76px!important}.home-services-heading{max-width:850px}.home-services-section .home-services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.home-services-section .home-service-card{border-color:#9dabc357;border-radius:8px;padding:0;overflow:hidden;box-shadow:0 20px 44px #0a115614}.home-service-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.home-services-section .home-service-card span{color:#0818a0;background:#0818a01a;border-radius:999px;margin:20px 20px 12px;padding:7px 11px;font-size:.75rem;font-weight:900;display:inline-flex}.home-services-section .home-service-card h3,.home-services-section .home-service-card p{padding:0 20px}.home-services-section .home-service-card p{padding-bottom:24px}.home-cert-section{background:#fff}.home-cert-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.home-cert-card{color:#0a1156;background:#f8faff;border:1px solid #9dabc357;border-radius:8px;align-content:space-between;gap:18px;min-height:150px;padding:22px;font-weight:850;display:grid}.home-cert-card svg{color:#fa2b24}.home-branch-section{background:linear-gradient(#f8faff 0%,#fff 100%);padding-bottom:90px}.home-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.home-branch-card{background:#fff;border:1px solid #9dabc357;border-radius:8px;overflow:hidden;box-shadow:0 22px 50px #0a11561a}.home-branch-image img{object-fit:cover;width:100%;height:220px;display:block}.home-branch-copy{color:#0818a0;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:20px;display:grid}.home-branch-copy h3,.home-branch-copy p{margin:0}.home-branch-copy h3{color:#0a1156}.home-branch-copy p{color:#4a5872;margin-top:4px}.home-branch-card iframe{background:#eef3ff;border:0;width:100%;height:280px;display:block}@media (width<=1024px){.home-promo-grid,.home-services-section .home-services-grid,.home-cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-branch-grid{grid-template-columns:1fr}}@media (width<=768px){.home-about-hour-row,.home-promo-grid,.home-services-section .home-services-grid,.home-cert-grid{grid-template-columns:1fr}.home-promo-section,.home-cert-section,.home-branch-section{padding:46px 14px}.home-branch-card iframe{height:230px}}.home-about-section{box-shadow:0 -28px 52px #0a11562e,inset 0 1px #fffc}.home-about-section:before{content:"";pointer-events:none;background:#ffffffc7;border-radius:999px;height:52px;position:absolute;top:-26px;left:max(18px,50vw - 640px);right:max(18px,50vw - 640px);box-shadow:0 24px 54px #0a115633}.home-social-section{background:linear-gradient(135deg,#9dabc342 0%,#fff0 28%),radial-gradient(circle at 16% 16%,#fa2b241a,#0000 24%),radial-gradient(circle at 88% 24%,#0818a024,#0000 28%),linear-gradient(#f8faff 0%,#fff 54%,#eef3ff 100%)}.home-social-heading{grid-template-columns:minmax(0,.88fr) minmax(280px,.46fr);align-items:end;gap:28px;max-width:1280px;min-height:190px;margin-bottom:0;display:grid}.home-social-heading-copy h2{color:#0a1156;margin-top:14px;font-size:clamp(2.4rem,5vw,5rem);line-height:.98}.home-social-heading-copy p{color:#4a5872;max-width:650px;font-size:1.05rem}.home-social-heading-meta{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #9dabc357;border-radius:8px;gap:10px;padding:18px;display:grid}.home-social-heading-meta span{color:#0a1156;border-bottom:1px solid #9dabc347;align-items:center;min-height:38px;font-size:.88rem;font-weight:800;display:flex}.home-social-heading-meta span:last-child{border-bottom:none}.home-about-phone.is-prev,.home-about-phone.is-next,.home-about-phone.is-prev-far,.home-about-phone.is-next-far{opacity:1;filter:grayscale(.72)saturate(.65)brightness(.94)}.home-about-phone.is-prev,.home-about-phone.is-next{z-index:2}.home-about-phone.is-prev-far,.home-about-phone.is-next-far{z-index:1;filter:grayscale(.9)saturate(.52)brightness(.9)}.home-about-phone.is-active{filter:none}@media (width<=768px){.home-about-section:before{height:40px;top:-20px;left:16px;right:16px}.home-social-heading{grid-template-columns:1fr;gap:18px;min-height:0}.home-social-heading-copy h2{font-size:2.45rem}.home-social-heading-meta{padding:14px}.home-about-phone.is-prev,.home-about-phone.is-next{opacity:1;filter:grayscale(.76)saturate(.62)brightness(.92)}.home-about-phone.is-prev-far,.home-about-phone.is-next-far{opacity:0}}.user-appointment-container,.user-container.pet-profile-page{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561f}.user-appointment-container::-webkit-scrollbar{width:10px}.user-container.pet-profile-page::-webkit-scrollbar{width:10px}html:has(.user-appointment-container)::-webkit-scrollbar{width:10px}body:has(.user-appointment-container)::-webkit-scrollbar{width:10px}html:has(.pet-profile-page)::-webkit-scrollbar{width:10px}body:has(.pet-profile-page)::-webkit-scrollbar{width:10px}.user-appointment-container::-webkit-scrollbar-track{background:#0a11561a}.user-container.pet-profile-page::-webkit-scrollbar-track{background:#0a11561a}html:has(.user-appointment-container)::-webkit-scrollbar-track{background:#0a11561a}body:has(.user-appointment-container)::-webkit-scrollbar-track{background:#0a11561a}html:has(.pet-profile-page)::-webkit-scrollbar-track{background:#0a11561a}body:has(.pet-profile-page)::-webkit-scrollbar-track{background:#0a11561a}.user-appointment-container::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}.user-container.pet-profile-page::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}html:has(.user-appointment-container)::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}body:has(.user-appointment-container)::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}html:has(.pet-profile-page)::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}body:has(.pet-profile-page)::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}.user-appointment-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}.user-container.pet-profile-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}html:has(.user-appointment-container)::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}body:has(.user-appointment-container)::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}html:has(.pet-profile-page)::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}body:has(.pet-profile-page)::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}.user-container.user-home-page{background:#050816;overflow-x:hidden}.user-content.home-landing{background:#050816;flex:none;gap:0;width:100%;max-width:none;padding:0;overflow:hidden visible}.home-landing-blurred{pointer-events:none;-webkit-user-select:none;user-select:none}.user-home-page.auth-modal-open{max-height:100vh;overflow:hidden}.user-home-page.auth-modal-open .home-landing,.user-home-page.auth-modal-open .home-landing *,.user-home-page.auth-modal-open .client-nav-shell,.user-home-page.auth-modal-open .client-nav-shell *{transition:none!important;animation-play-state:paused!important}.home-auth-modal-backdrop{z-index:3000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.home-auth-modal-scrim{cursor:pointer;background:#05081694;border:0;position:absolute;inset:0}.home-auth-modal-panel{contain:layout paint;border-radius:28px;width:min(94vw,940px);max-height:min(92vh,820px);position:relative;overflow:hidden;box-shadow:0 32px 90px #04082a61}.home-auth-modal-panel .authContainer{background:linear-gradient(135deg,#fffffff5,#f6f9ffeb),radial-gradient(circle at 12% 12%,#fa2b242e,#0000 32%),radial-gradient(circle at 88% 0,#0818a033,#0000 34%);border:1px solid #ffffffb8}.home-auth-modal-panel .divisionContainers,.home-auth-modal-panel .inputContainer{background:0 0}.home-auth-modal-panel .inputBox{background:linear-gradient(#ffffffdb,#f8fbfff0),#f8faff;border-radius:22px}.home-auth-modal-panel .imageBackground{background:#0818a0;border-radius:22px;min-height:100%;transform:translateZ(0)}.home-auth-modal-panel .imageBackground:after{background:linear-gradient(135deg,#fa2b246b,#0000 44%),linear-gradient(#0818a01f,#05081694)}.home-auth-modal-panel .headerContent h2{color:#0a1156;font-weight:700}.home-auth-modal-panel .headerContent p,.home-auth-modal-panel .inputLabel{color:#4a5872;font-weight:500}.home-auth-modal-panel .inputFields{color:#0a1156;background:#ffffffdb;border:1px solid #9dabc36b;box-shadow:inset 0 1px #ffffffc2}.home-auth-modal-panel .inputFields:focus{border-color:#0818a085;box-shadow:0 0 0 4px #0818a014}.home-auth-modal-panel .inputIcons,.home-auth-modal-panel .passwordVisibilityButton{color:#0818a0}.home-auth-modal-panel .button{background:linear-gradient(135deg,#ffffff2e,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#a91520 44%,#0818a0 100%);border-radius:999px;font-weight:600;box-shadow:0 16px 32px #0818a038}.home-auth-modal-panel .button:hover:not(:disabled){background:linear-gradient(135deg,#ffffff3d,#fff0 42%),linear-gradient(135deg,#ff3a32 0%,#b91d28 44%,#1025c6 100%)}.home-auth-modal-panel .forgotPasswordLink p,.home-auth-modal-panel .pageNavigator p,.home-auth-modal-panel .pageNavigator strong,.home-auth-modal-panel .authTermsLink{color:#0818a0!important}.home-auth-modal-panel .authTermsContainer{text-align:center;align-items:center!important}.home-auth-modal-panel .authTermsRow{text-align:center;justify-content:center}.home-auth-modal-panel .authTermsText{color:#4a5872!important}.home-auth-modal-close{z-index:2;color:#0a1156;cursor:pointer;background:#ffffffeb;border:1px solid #9dabc347;border-radius:999px;width:40px;height:40px;font-size:1.7rem;line-height:1;position:absolute;top:14px;right:14px;box-shadow:0 12px 28px #0a115624}.home-auth-modal-panel .authModalMain{background:0 0;grid-template-rows:auto;min-height:auto;padding:0}.home-auth-modal-panel .authContainer{width:100%;max-height:min(92vh,820px);box-shadow:none;grid-row:auto}.home-auth-modal-panel .authModalMain>.authContainer+*{display:none}.home-auth-modal-panel .registerInputBox{scrollbar-gutter:stable}.home-auth-modal-panel .registerInputBox .form{padding-bottom:18px}.home-auth-modal-panel .authSlide{will-change:opacity, transform}.home-booking-toast:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #fa2b2457;animation:1.9s ease-out infinite homeBookingPulse;position:absolute;inset:-7px}.home-booking-toast{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:1200;color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#ffffff38,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b8172a 42%,#0818a0 100%);border:1px solid #ffffff94;border-radius:999px;justify-content:flex-start;align-items:center;gap:0;width:58px;height:58px;padding:0;transition:width .28s,transform .22s,box-shadow .22s;display:inline-flex;position:fixed;overflow:hidden;box-shadow:0 18px 44px #0818a052}.home-booking-toast:hover,.home-booking-toast:focus-visible{width:245px;transform:translateY(-4px);box-shadow:0 24px 54px #0818a061}.home-booking-toast-icon{flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.home-booking-toast-copy{opacity:0;white-space:nowrap;color:#fff;flex:none;max-width:0;font-size:.85rem;font-weight:400;line-height:1;transition:max-width .28s,opacity .18s;overflow:hidden}.home-booking-toast:hover .home-booking-toast-copy,.home-booking-toast:focus-visible .home-booking-toast-copy{opacity:1;max-width:180px;transition-delay:80ms}.home-announcement-section{background:linear-gradient(90deg,#04082a2e 0%,#04082a00 18% 82%,#04082a2e 100%),linear-gradient(90deg,#04082a1a 0%,#04082a00 10% 90%,#04082a1a 100%),linear-gradient(#fff 0% 20%,#fbfcff 74%,#f8faff 100%);grid-template-columns:1fr;align-items:start;gap:34px;width:100%;margin-top:-50px;padding:44px max(20px,50vw - 640px) 170px;display:grid;position:relative;overflow:hidden}.home-announcement-copy{z-index:2;text-align:center;align-content:center;justify-items:center;gap:14px;display:grid;position:relative}.home-announcement-copy h2,.home-announcement-copy p{margin:0}.home-announcement-copy h2{color:#0a1156;max-width:800px;margin-bottom:10px;font-size:clamp(2rem,4vw,3.8rem);font-weight:700;line-height:1}.home-announcement-copy p{color:#4a5872;max-width:720px;font-size:1rem;line-height:1.7}.home-announcement-carousel{z-index:2;width:min(100%,1040px);min-height:500px;box-shadow:none;background:0 0;border-radius:8px;justify-self:center;align-items:center;display:grid;position:relative;overflow:hidden}.home-announcement-stage{place-items:center;min-height:500px;display:grid;position:relative}.home-announcement-card{aspect-ratio:16/9;opacity:0;pointer-events:none;background:linear-gradient(135deg,#fffffffa,#eef3fff0),#fff;border:1px solid #ffffff9e;border-radius:8px;width:min(78%,560px);transition:opacity .34s,transform .34s,filter .34s;position:absolute;overflow:hidden;transform:translate(0)scale(.78);box-shadow:0 22px 50px #04082a3d}.home-announcement-card.is-active{z-index:3;opacity:1;pointer-events:auto;filter:none;transform:translate(0)scale(1)}.home-announcement-card.is-prev,.home-announcement-card.is-next{z-index:1;opacity:.48;filter:blur(3px)saturate(.72)}.home-announcement-card.is-prev{transform:translate(-58%)scale(.78)}.home-announcement-card.is-next{transform:translate(58%)scale(.78)}.home-announcement-card.is-hidden{opacity:0;transform:scale(.7)}.home-announcement-card img{object-fit:contain;width:100%;height:100%;transition:transform .32s;display:block}.home-announcement-card.is-active:hover img{transform:scale(1.04)}.home-announcement-card:after{content:none;pointer-events:none;background:linear-gradient(#05081600,#050816c7);height:58%;position:absolute;inset:auto 0 0}.home-announcement-card-copy{z-index:1;color:#fff;display:none;position:absolute;bottom:16px;left:18px;right:18px}.home-announcement-arrow{z-index:4;color:#0818a0;cursor:pointer;background:#fffffff0;border:1px solid #0818a02e;border-radius:999px;justify-content:center;align-items:center;width:50px;height:50px;transition:background .2s,transform .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 16px 34px #0a115638}.home-announcement-arrow:hover{color:#fff;background:#0818a0;transform:translateY(-50%)scale(1.06)}.home-announcement-arrow-prev{left:22px}.home-announcement-arrow-next{right:22px}.home-announcement-confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-announcement-confetti span{opacity:.34;background:#fa2b24;border-radius:2px;width:7px;height:13px;animation:7.5s ease-in-out infinite promoConfettiFloat;position:absolute}.home-announcement-confetti span:nth-child(3n){background:#0818a0;border-radius:999px;width:9px;height:9px}.home-announcement-confetti span:nth-child(4n){background:#3db6ee}.home-announcement-confetti span:first-child{animation-delay:-.4s;top:18%;left:8%}.home-announcement-confetti span:nth-child(2){animation-delay:-2.1s;top:62%;left:16%}.home-announcement-confetti span:nth-child(3){animation-delay:-4.8s;top:32%;left:23%}.home-announcement-confetti span:nth-child(4){animation-delay:-1.3s;top:78%;left:31%}.home-announcement-confetti span:nth-child(5){animation-delay:-5.4s;top:14%;left:40%}.home-announcement-confetti span:nth-child(6){animation-delay:-3.2s;top:72%;left:48%}.home-announcement-confetti span:nth-child(7){animation-delay:-.8s;top:26%;left:55%}.home-announcement-confetti span:nth-child(8){animation-delay:-6.1s;top:82%;left:63%}.home-announcement-confetti span:nth-child(9){animation-delay:-2.9s;top:16%;left:70%}.home-announcement-confetti span:nth-child(10){animation-delay:-4.3s;top:58%;left:78%}.home-announcement-confetti span:nth-child(11){animation-delay:-1.8s;top:28%;left:86%}.home-announcement-confetti span:nth-child(12){animation-delay:-5.9s;top:76%;left:92%}.home-announcement-confetti span:nth-child(13){animation-delay:-3.7s;top:84%;left:12%}.home-announcement-confetti span:nth-child(14){animation-delay:-6.5s;top:48%;left:34%}.home-announcement-confetti span:nth-child(15){animation-delay:-2.5s;top:50%;left:58%}.home-announcement-confetti span:nth-child(16){animation-delay:-.9s;top:88%;left:73%}.home-announcement-confetti span:nth-child(17){animation-delay:-4.9s;top:44%;left:84%}.home-announcement-confetti span:nth-child(18){animation-delay:-6.9s;top:42%;left:5%}@keyframes promoConfettiFloat{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(10px,-18px)rotate(18deg)}}.home-announcement-card-copy span{background:#ffffff2e;border-radius:999px;margin-bottom:8px;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.home-announcement-card-copy h3{margin:0;font-size:clamp(1.05rem,2vw,1.55rem);line-height:1.1}.user-home-page .modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 22% 18%,#fa2b243d,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.user-home-page .modal-content{background:linear-gradient(#fffffff5,#f7fafff0),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%);border:1px solid #ffffffb8;border-radius:24px;max-width:340px;padding:22px;box-shadow:0 32px 80px #04082a57}.user-home-page .modal-icon{background:linear-gradient(135deg,#fa2b241a,#0818a01f);border-radius:999px;place-items:center;width:54px;height:54px;display:grid}.user-home-page .modal-title{color:#0a1156;font-size:1.15rem;font-weight:700}.user-home-page .modal-message{color:#4a5872;line-height:1.55}.user-home-page .modal-btn{border-radius:999px;min-height:42px;font-weight:600}.user-home-page .modal-btn-cancel{color:#0a1156;background:#fff;border:1px solid #9dabc357}.user-home-page .modal-btn-confirm{color:#fff;background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);box-shadow:0 16px 32px #0818a033}.home-branch-section:before,.home-branch-section:after{content:none!important}.home-hero{min-height:800px;box-shadow:none;overflow:hidden}.home-hero:after{content:none}.home-hero-bg{object-position:center center;height:100%}.home-hero-content{min-height:800px}.home-hero-actions .home-cta-btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:10px;line-height:1;display:inline-flex;box-shadow:0 18px 38px #04082a38}.home-hero-actions .home-cta-btn svg{flex:none}.home-hero-actions .home-cta-btn-primary{color:#0a1156;text-shadow:0 1px #ffffff6b;background:linear-gradient(135deg,#ffffffb8 0%,#fff0 40%),linear-gradient(135deg,#f8fafc 0%,#b8c0cc 44%,#fff 58%,#8f9aaa 100%)}.home-hero-actions .home-cta-btn-primary:hover{background:linear-gradient(135deg,#ffffffd1 0%,#fff0 40%),linear-gradient(135deg,#fff 0%,#c8d0dc 44%,#fff 58%,#9da7b7 100%)}.home-hero-actions .home-cta-btn-secondary{color:#0818a0;background:linear-gradient(135deg,#ffffffb8 0%,#ffffffe6 42%),linear-gradient(135deg,#eef3ff 0%,#dbe6ff 48%,#fff 100%);box-shadow:inset 0 0 0 1px #0818a01f,0 18px 38px #04082a24}.home-hero-actions .home-cta-btn-secondary:hover{background:linear-gradient(135deg,#ffffffd6 0%,#fffffff5 42%),linear-gradient(135deg,#fff 0%,#e6eeff 48%,#f7f9ff 100%)}.home-welcome-section{width:100%;min-height:560px;box-shadow:none;isolation:isolate;background:linear-gradient(90deg,#04082a2e 0%,#04082a00 18% 82%,#04082a2e 100%),linear-gradient(90deg,#04082a1a 0%,#04082a00 10% 90%,#04082a1a 100%),#fff;border-radius:0;margin:0;padding:148px max(20px,50vw - 640px) 142px;position:relative;overflow:hidden}.home-welcome-section:before{content:none}.home-welcome-inner{text-align:center;place-items:center;gap:22px;max-width:860px;margin:0 auto;display:grid}.home-welcome-heading{max-width:820px}.home-welcome-heading h2{color:#0a1156;margin:0;font-size:clamp(2.35rem,5vw,5rem);font-weight:700;line-height:.95}.home-welcome-heading h2 span{color:#e41e35;white-space:nowrap;align-items:center;gap:16px;display:inline-flex}.home-welcome-inline-logo{object-fit:contain;filter:drop-shadow(0 14px 20px #0a115624);width:clamp(56px,5vw,104px);height:auto}.home-welcome-description{justify-self:center;max-width:800px;margin-top:0;padding-top:0}.home-welcome-description p{color:#4a5872;text-align:justify;text-align-last:center;margin:0;font-size:1.06rem;line-height:1.75}.home-welcome-description p+p{margin-top:30px;margin-bottom:30px}.home-welcome-peeker{z-index:0;object-fit:contain;opacity:0;pointer-events:auto;will-change:transform, opacity;width:clamp(1020px,100vw,1000px);max-height:112%;transition:opacity .55s,transform .65s cubic-bezier(.22,1,.36,1),filter .3s;position:absolute;bottom:-28px}.home-welcome-peeker-cat{width:clamp(1160px,200vw,1160px);bottom:-90px;left:-20px;transform:translate(-38%)translateY(24px)scale(.88)}.home-welcome-peeker-dog{bottom:40px;right:0;transform:translate(38%)translateY(24px)scale(.88)}.home-welcome-section.is-pets-visible .home-welcome-peeker{opacity:1}.home-welcome-section.is-pets-visible .home-welcome-peeker-cat,.home-welcome-section.is-pets-visible .home-welcome-peeker-dog{transform:translate(0)translateY(0)scale(1)}.home-welcome-inner{z-index:1;position:relative}.home-welcome-confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-welcome-confetti span{opacity:.22;background:#fa2b24;border-radius:2px;width:7px;height:12px;animation:8s ease-in-out infinite welcomeConfettiFloat;position:absolute}.home-welcome-confetti span:nth-child(3n){background:#0818a0;border-radius:999px;width:8px;height:8px}.home-welcome-confetti span:nth-child(4n){background:#3db6ee}.home-welcome-confetti span:first-child{animation-delay:-.6s;top:18%;left:7%}.home-welcome-confetti span:nth-child(2){animation-delay:-2.4s;top:64%;left:14%}.home-welcome-confetti span:nth-child(3){animation-delay:-5.2s;top:36%;left:24%}.home-welcome-confetti span:nth-child(4){animation-delay:-1.2s;top:72%;left:36%}.home-welcome-confetti span:nth-child(5){animation-delay:-4.8s;top:16%;left:46%}.home-welcome-confetti span:nth-child(6){animation-delay:-3.5s;top:68%;left:58%}.home-welcome-confetti span:nth-child(7){animation-delay:-6.4s;top:28%;left:67%}.home-welcome-confetti span:nth-child(8){animation-delay:-2s;top:78%;left:78%}.home-welcome-confetti span:nth-child(9){animation-delay:-5.8s;top:24%;left:88%}.home-welcome-confetti span:nth-child(10){animation-delay:-3s;top:58%;left:92%}.home-welcome-confetti span:nth-child(11){animation-delay:-6.8s;top:82%;left:18%}.home-welcome-confetti span:nth-child(12){animation-delay:-1.8s;top:86%;left:52%}.home-welcome-confetti span:nth-child(13){animation-delay:-4.1s;top:12%;left:72%}.home-welcome-confetti span:nth-child(14){animation-delay:-7.1s;top:12%;left:33%}@keyframes welcomeConfettiFloat{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(8px,-16px)rotate(18deg)}}.home-welcome-mosaic{grid-column:1/-1;grid-template-rows:repeat(2,minmax(218px,auto));grid-template-columns:1.15fr .82fr .86fr .92fr;gap:16px;min-width:0;margin-top:18px;display:grid}.home-welcome-image-tile{isolation:isolate;background:#0a1156;border-radius:24px;min-height:0;padding:22px;position:relative;overflow:hidden}.home-welcome-image-tile img{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .35s;position:absolute;inset:0}.home-welcome-image-tile:before{content:"";z-index:1;background:linear-gradient(#0a115614 38%,#0a1156d1),linear-gradient(135deg,#0818a057,#fa2b2433);position:absolute;inset:0}.home-welcome-image-tile:hover img{transform:scale(1.06)}.home-welcome-image-tile div{z-index:2;text-align:right;justify-items:end;gap:7px;max-width:min(300px,100% - 40px);display:grid;position:absolute;bottom:20px;right:20px}.home-welcome-image-tile strong{color:#fff;font-size:1.22rem;line-height:1.1}.home-welcome-image-tile span{color:#ffffffd1;font-size:.9rem;line-height:1.45}.home-welcome-image-branch{grid-area:1/3}.home-welcome-image-main{grid-area:1/1/auto/3}.home-welcome-image-profiles{grid-area:1/4}.home-welcome-image-prep{grid-area:2/1}.home-welcome-image-pet{grid-area:2/2}.home-welcome-image-care{grid-area:2/3/auto/5}.home-welcome-image-main img,.home-welcome-image-profiles img{object-fit:contain;object-position:center bottom;background:linear-gradient(135deg,#0818a0 0%,#3d67ee 100%);padding:16px 10px 0}.home-welcome-image-main strong{font-size:clamp(1.5rem,2.6vw,2.25rem)}.home-social-section{isolation:isolate;background:linear-gradient(90deg,#04082a80 0%,#04082a14 45%,#04082a75 100%),url(/assets/redHeader-DNiYxMd2.svg) 50%/cover no-repeat,#fa2b24;grid-template-columns:minmax(280px,.72fr) minmax(560px,1.28fr);align-items:center;gap:clamp(22px,4vw,70px);width:100%;min-height:360px;margin:0;padding:28px max(20px,50vw - 680px);display:grid;position:relative;overflow:visible}.home-social-section:before,.home-social-section:after{content:none!important}.home-social-section>*{z-index:1;position:relative}.home-social-section .home-about-carousel{min-width:0;position:relative;overflow:visible}.home-social-top-copy{text-align:left;justify-items:start;width:100%;max-width:460px;margin:0;display:grid}.home-social-copy{color:#fff;text-align:left;justify-items:start;gap:14px;display:grid}.home-social-copy span{color:#ffffffe0;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border-radius:999px;width:fit-content;padding:8px 12px;font-size:.78rem;font-weight:900}.home-social-copy h2{color:#fff;text-shadow:0 14px 30px #04082a57;margin:0;font-size:clamp(2.1rem,3.5vw,4.1rem);line-height:1.02}.home-social-copy p{color:#ffffffd1;justify-content:center;max-width:820px;margin:15px 0 20px;font-size:1rem;line-height:1.7}.home-social-links{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:8px;display:flex}.home-social-carousel-panel{min-width:0;margin:-66px 0}.home-social-links a{color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #04082a2e}.home-social-links a:before{content:"";border-radius:inherit;pointer-events:none;height:48%;position:absolute;inset:1px 1px auto}.home-social-links a svg{z-index:1;position:relative}.home-social-links a:first-child{background:radial-gradient(circle at 28% 18%,#ffffff6b,#0000 24%),linear-gradient(135deg,#8bc8ff 0%,#1877f2 100%)}.home-social-links a:last-child{background:radial-gradient(circle at 24% 18%,#ffffff38,#0000 25%),linear-gradient(135deg,#1f1f1f 0%,#050505 50%,#2a2a2a 100%);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -12px 20px #00000047,0 16px 34px #04082a3d}.home-social-links a:hover{filter:brightness(1.08);transform:translateY(-2px)}.home-about-carousel-stage{min-height:520px;overflow:visible}.home-social-section .home-about-phone,.home-social-section .home-about-phone.is-prev,.home-social-section .home-about-phone.is-next,.home-social-section .home-about-phone.is-active{opacity:1!important;filter:none!important}.home-social-section .home-about-phone.is-hidden{pointer-events:none;opacity:0!important}.home-social-section .home-about-phone.is-prev{transform:translate(-58%)translateZ(-80px)rotateY(22deg)scale(.82)}.home-social-section .home-about-phone.is-next{transform:translate(58%)translateZ(-80px)rotateY(-22deg)scale(.82)}.home-services-section{background:linear-gradient(90deg,#04082a2e 0%,#04082a00 18% 82%,#04082a2e 100%),linear-gradient(90deg,#04082a1a 0%,#04082a00 10% 90%,#04082a1a 100%),#fff!important;padding:92px max(18px,50vw - 620px) 96px!important}.home-services-section .home-services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1080px,100%);margin:0 auto;display:grid}.home-services-section .home-service-card{aspect-ratio:1;color:#fff;text-align:left;cursor:pointer;background:#0a1156;border:1px solid #ffffff6b;border-radius:12px;align-content:end;justify-items:start;min-height:190px;padding:16px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 46px #0a115614}.home-services-section .home-service-card:before{content:"";z-index:1;background:linear-gradient(#0a11560a 38%,#0a1156ad),linear-gradient(135deg,#0818a01f,#fa2b241f);position:absolute;inset:0}.home-services-section .home-service-card:hover{border-color:#fa2b2447;transform:translateY(-6px);box-shadow:0 30px 58px #0a115624}.home-service-image{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;inset:0}.home-service-card:hover .home-service-image{transform:scale(1.08)}.home-service-symbol{color:#0818a0;background:#eef3ff;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;box-shadow:inset 0 0 0 1px #0818a014}.home-services-section .home-service-card h3{z-index:2;color:#fff;margin:0;padding:0;font-size:1.08rem;line-height:1.18;position:relative}.home-services-center-tile{aspect-ratio:1;color:#fff;text-align:center;background:linear-gradient(145deg,#fa2b24 0%,#d91f19 48%,#0818a0 100%);border-radius:12px;align-content:center;place-items:center;gap:12px;padding:22px;display:grid;box-shadow:0 30px 60px #fa2b2438}.home-services-center-tile span{text-transform:uppercase;font-size:.78rem;font-weight:900}.home-services-center-tile h2{color:#fff;margin:0;font-size:clamp(1.2rem,2.1vw,3.2rem);line-height:.95}.home-services-center-tile p{color:#ffffffd1;max-width:250px;margin:0 0 10px;font-size:.92rem;line-height:1.45}.home-services-center-tile button{color:#0818a0;cursor:pointer;background:#fff;border:0;border-radius:999px;min-height:42px;padding:0 18px;font-weight:700}.home-services-section{min-height:720px;overflow:hidden;background:linear-gradient(90deg,#04082a2e 0%,#04082a00 17% 83%,#04082a2e 100%),linear-gradient(90deg,#04082a1a 0%,#04082a00 9% 91%,#04082a1a 100%),#fff!important;padding:126px max(20px,50vw - 740px) 132px!important}.home-services-showcase{text-align:center;justify-items:center;width:min(1480px,100%);margin:0 auto;display:grid}.home-services-layout{grid-template-columns:minmax(390px,.82fr) minmax(500px,.92fr) minmax(390px,.82fr);align-items:center;gap:clamp(34px,5vw,86px);width:100%;display:grid}.home-services-side{perspective:1200px;align-items:center;gap:22px;width:min(420px,100%);min-height:440px;display:flex}.home-services-side-left{justify-content:flex-end;justify-self:end}.home-services-side-right{justify-content:flex-start;justify-self:start}.home-services-heading{justify-items:center;gap:11px;width:min(700px,100%);max-width:700px;margin-top:0;display:grid}.home-services-heading span{color:#fa6f1f;font-size:.82rem;font-weight:900}.home-services-heading h2{color:#0a1156;max-width:680px;margin:0;font-size:clamp(2.25rem,4vw,4.05rem);line-height:1.02}.home-services-heading p{color:#4a5872;max-width:650px;margin:20px 0 0;font-size:.94rem;line-height:1.7}.home-services-heading button{color:#fff;cursor:pointer;background:radial-gradient(circle at 24% 18%,#ffffff5c,#0000 24%),linear-gradient(135deg,#fa2b24 0%,#d91f19 46%,#0818a0 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;margin-top:10px;padding:0 18px;font-size:.78rem;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 16px 36px #fa2b2433}.home-services-heading button:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 20px 44px #0818a038}.home-services-heading button svg{color:#fff}.home-service-preview{color:#fff;cursor:pointer;width:190px;height:350px;box-shadow:var(--service-card-edge-shadow,0 0 0 #0000), 0 28px 58px #04082a61;transform:var(--service-card-transform,none);transform-origin:var(--service-card-origin,center center);transform-style:preserve-3d;background:#e5e7eb;border:0;border-radius:16px;flex:none;padding:0;transition:transform .24s,box-shadow .24s;position:relative;overflow:hidden}.home-services-kicker{letter-spacing:.08em;text-transform:uppercase;background:#0818a014;border:1px solid #0818a024;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:fit-content;min-height:34px;margin-bottom:20px;padding:0 14px;font-weight:900;display:inline-flex;color:#0818a0!important;font-size:.74rem!important}.home-services-kicker svg{color:#fa2b24}.home-service-preview:before{content:"";width:18px;transform:var(--service-card-edge-transform,none);transform-origin:var(--service-card-edge-origin,center);pointer-events:none;background:#050b1780;position:absolute;top:0;bottom:0}.home-services-side-left .home-service-preview:first-child{z-index:3;--service-card-origin:right center;--service-card-transform:translateY(0) rotateY(36deg);--service-card-edge-origin:left center;--service-card-edge-transform:translateX(-18px) rotateY(-78deg);--service-card-edge-shadow:-20px 22px 28px #04082a4d;width:178px;height:382px}.home-services-side-left .home-service-preview:nth-child(2){z-index:2;--service-card-origin:right center;--service-card-transform:translateY(-6px) rotateY(8deg);width:220px;height:344px}.home-services-side-right .home-service-preview:first-child{z-index:2;--service-card-origin:left center;--service-card-transform:translateY(-6px) rotateY(-8deg);width:220px;height:344px}.home-services-side-right .home-service-preview:nth-child(2){z-index:3;--service-card-origin:left center;--service-card-transform:translateY(0) rotateY(-36deg);--service-card-edge-origin:right center;--service-card-edge-transform:translateX(18px) rotateY(78deg);--service-card-edge-shadow:20px 22px 28px #04082a4d;width:178px;height:382px}.home-services-side-left .home-service-preview:first-child:before{left:0}.home-services-side-left .home-service-preview:nth-child(2):before,.home-services-side-right .home-service-preview:first-child:before{content:none}.home-services-side-right .home-service-preview:nth-child(2):before{right:0}.home-service-preview:hover{z-index:5;box-shadow:0 26px 58px #04082a3d}.home-services-side-left .home-service-preview:first-child:hover,.home-services-side-left .home-service-preview:nth-child(2):hover,.home-services-side-right .home-service-preview:first-child:hover,.home-services-side-right .home-service-preview:nth-child(2):hover{transform:var(--service-card-transform) scale(1.03)}.home-service-preview:after{content:"";background:linear-gradient(180deg, #04082a00 42%, #04082ad1 100%), var(--service-card-panel-light,linear-gradient(135deg, #0818a029, #fa2b241f));pointer-events:none;position:absolute;inset:0}.home-services-side-left .home-service-preview:after{--service-card-panel-light:linear-gradient(90deg, #ffffff1f, #0818a00f 54%, #04082a42)}.home-services-side-right .home-service-preview:after{--service-card-panel-light:linear-gradient(90deg, #04082a42, #0818a00f 46%, #ffffff1f)}.home-service-preview img{object-fit:cover;width:100%;height:100%;display:block}.home-service-preview-label{z-index:1;text-align:left;gap:6px;display:grid;position:absolute;bottom:14px;left:12px;right:12px}.home-service-preview-label strong{color:#0818a0;text-transform:uppercase;background:#ffffffe6;border-radius:999px;width:fit-content;padding:5px 8px;font-size:.64rem;font-weight:900;line-height:1}.home-service-preview-label span{color:#fff;text-shadow:0 2px 8px #04082a6b;font-size:.95rem;font-weight:850;line-height:1.15}.home-service-preview-label em,.home-service-preview-label small{opacity:0;color:#ffffffdb;max-height:0;font-style:normal;line-height:1.35;transition:max-height .24s,opacity .2s;display:block;overflow:hidden}.home-service-preview-label em{font-size:.76rem}.home-service-preview-label small{color:#ffffffc2;font-size:.68rem;font-weight:800}.home-service-preview:hover .home-service-preview-label em,.home-service-preview:hover .home-service-preview-label small,.home-service-preview:focus-visible .home-service-preview-label em,.home-service-preview:focus-visible .home-service-preview-label small{opacity:1;max-height:92px}.home-services-caption-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;width:min(640px,100%);margin-top:10px;display:grid}.home-services-caption-grid button{color:#111;cursor:pointer;background:0 0;border:0;justify-items:center;gap:8px;padding:0;display:grid}.home-services-caption-grid strong{color:#fa6f1f;font-size:.72rem;font-weight:900}.home-services-caption-grid span{color:#181818;font-size:.74rem;font-weight:700;line-height:1.35}.home-service-modal-overlay{z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04082a9e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.home-service-modal{background:#fff;border-radius:16px;grid-template-columns:minmax(260px,.9fr) minmax(0,1fr);width:min(900px,100%);min-height:560px;max-height:min(720px,100vh - 48px);animation:.22s both homeServiceModalIn;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 90px #04082a57}@keyframes homeServiceModalIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.home-service-modal-close{z-index:2;color:#0a1156;cursor:pointer;background:#ffffffe6;border:0;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:14px;right:14px}.home-service-modal-image{background:#0a1156;min-height:100%;position:relative}.home-service-modal-image img{object-fit:cover;width:100%;height:100%}.home-service-modal-copy{text-align:left;align-content:center;gap:16px;padding:clamp(28px,4vw,52px);display:grid}.home-service-modal-copy h2{color:#0a1156;margin:0;font-size:clamp(2rem,4vw,4.2rem);line-height:.96}.home-service-modal-copy p{color:#4a5872;margin:0;font-size:1.05rem;line-height:1.7}.home-service-modal-subservices{border-collapse:collapse;border:1px solid #9dabc34d;border-radius:12px;width:100%;overflow:hidden}.home-service-modal-subservices th,.home-service-modal-subservices td{color:#0a1156;text-align:left;border-bottom:1px solid #9dabc33d;padding:11px 14px;font-size:.9rem;font-weight:500}.home-service-modal-subservices th{color:#0818a0;text-transform:uppercase;background:#eef3ff;font-weight:900}.home-service-modal-subservices tr:last-child td{border-bottom:0}.home-service-modal-copy>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fa2b24 0%,#0818a0 100%);border:0;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:46px;margin-top:4px;padding:0 20px;font-weight:700;display:inline-flex}.home-mobile-app-section{z-index:2;isolation:isolate;background:linear-gradient(90deg,#04082a8f 0%,#04082a14 46%,#04082a80 100%),url(/assets/blueHeader-mAWfT5ij.svg) 50%/cover no-repeat,#0818a0;grid-template-columns:minmax(500px,1fr) minmax(320px,.86fr);align-items:center;gap:clamp(28px,5vw,86px);width:100%;min-height:450px;margin:0;padding:18px max(20px,50vw - 640px);display:grid;position:relative;overflow:visible}.home-mobile-app-section>*{z-index:1;position:relative}.home-mobile-app-visual{align-self:stretch;align-items:center;min-width:0;min-height:360px;display:flex;overflow:visible}.home-mobile-phone-track{width:min(680px,100%);height:420px;margin:-112px 0 -142px;position:relative;overflow:visible}.home-mobile-phone{filter:drop-shadow(0 28px 46px #04082a57);-webkit-user-select:none;user-select:none;pointer-events:none;width:clamp(1000px,100vw,1160px);max-width:none;height:auto;position:absolute}.home-mobile-phone-main{z-index:2;top:-130px;left:clamp(-360px,-20vw,-130px);transform:rotate(-7deg)}.home-mobile-phone-shadow{display:none}.home-mobile-app-copy{color:#fff;text-align:left;justify-items:start;gap:15px;display:grid}.home-mobile-app-kicker{color:#fff;letter-spacing:.08em;text-transform:uppercase;background:#ffffff24;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-size:.76rem;font-weight:900;display:inline-flex}.home-mobile-app-copy h2{color:#fff;text-shadow:0 14px 30px #04082a3d;max-width:620px;margin:0;font-size:clamp(2.1rem,3.5vw,4.1rem);line-height:.96}.home-mobile-app-copy p{color:#ffffffd1;max-width:590px;margin:0;font-size:1rem;line-height:1.75}.home-mobile-app-platforms{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.home-mobile-app-platforms span{color:#fff;background:linear-gradient(135deg,#ffffff24 0%,#fff0 42%),linear-gradient(135deg,#151515 0%,#050505 52%,#1f1f1f 100%);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.88rem;font-weight:400;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 -10px 18px #00000047,0 12px 28px #00000042}.home-mobile-app-copy button{color:#0818a0;cursor:pointer;background:#fff;border:0;border-radius:999px;align-items:center;gap:8px;min-height:46px;margin-top:8px;padding:0 20px;font-weight:700;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex;box-shadow:0 18px 42px #04082a33}.home-mobile-app-copy button:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 24px 54px #04082a47}.home-branch-section{background:linear-gradient(90deg,#04082a33 0%,#04082a00 18% 82%,#04082a33 100%),linear-gradient(90deg,#04082a1a 0%,#04082a00 9% 91%,#04082a1a 100%),linear-gradient(#f8faff 0%,#fff 48%,#f3f6ff 100%);position:relative;overflow:hidden;padding-top:96px!important;padding-bottom:70px!important}.home-branch-section .home-section-heading{text-align:center;width:min(860px,100%);margin:0 auto 34px}.home-section-heading h2{color:#0a1156;margin:0;font-size:clamp(2rem,4vw,4.05rem);line-height:1.02}.home-section-heading p{color:#4a5872;margin:30px 0 0;font-size:.94rem;line-height:1.7}.home-branch-section .home-section-kicker{color:#0818a0;background:linear-gradient(135deg,#fa2b241f,#0818a01f)}.home-branch-grid{grid-template-columns:1fr;gap:28px;width:min(1420px,100%);margin:50px auto 0;display:grid}.home-branch-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #9dabc347;border-radius:18px;grid-template-rows:1fr auto;grid-template-columns:minmax(280px,.62fr) minmax(760px,1.38fr);min-height:560px;display:grid;overflow:hidden;box-shadow:0 28px 70px #0a11561f}.home-branch-image{background:#0a1156;grid-row:1;min-height:100%;position:relative;overflow:hidden}.home-branch-image:after{content:"";pointer-events:none;background:linear-gradient(#04082a00 35%,#04082a9e 100%);transition:opacity .24s;position:absolute;inset:0}.home-branch-image img{object-fit:cover;width:100%;height:100%;min-height:320px;transition:transform .32s;display:block}.home-branch-copy{color:#fa2b24;cursor:pointer;grid-area:2/1;align-items:start;padding:30px 28px;transition:background .2s,box-shadow .2s;position:relative}.home-branch-copy:hover{background:#eef3ff73}.home-branch-copy svg{margin-top:2px}.home-branch-copy-content{width:100%;position:relative}.home-branch-selector-trigger{text-align:left;cursor:pointer;background:0 0;border:0;gap:5px;width:100%;padding:0 34px 0 0;display:grid;position:relative}.home-branch-selector-trigger strong{color:#0a1156;font-size:1.35rem;font-weight:560;line-height:1.15}.home-branch-selector-trigger small{color:#52617a;font-size:.95rem;line-height:1.55}.home-branch-selector-label{color:#fa2b24;text-transform:uppercase;font-size:.68rem;font-weight:600;display:block}.home-branch-options{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#fffffff5,#eef3fff0);border:1px solid #9dabc347;border-radius:16px;padding:8px;position:absolute;bottom:calc(100% + 12px);left:-6px;right:-6px;box-shadow:0 22px 50px #0a115629}.home-branch-options button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;gap:3px;width:100%;min-height:58px;padding:10px 12px;transition:background .18s,transform .18s;display:grid}.home-branch-options button:hover,.home-branch-options button.is-selected{background:linear-gradient(135deg,#fa2b241a,#0818a01a)}.home-branch-options button:hover{transform:translate(2px)}.home-branch-options span{color:#0a1156;font-weight:560}.home-branch-options small{color:#52617a;font-size:.82rem}.home-branch-selector-icon{color:#0818a0;transition:transform .2s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.home-branch-copy:hover .home-branch-selector-icon{transform:translateY(-50%)translateY(2px)}.home-branch-hours{z-index:2;opacity:0;pointer-events:none;grid-template-columns:1fr;gap:12px;transition:opacity .24s,transform .24s;display:grid;position:absolute;bottom:18px;left:18px;right:18px;transform:translateY(16px)}.home-branch-hover-hint{z-index:2;color:#0818a0;text-transform:uppercase;background:linear-gradient(135deg,#fffffff0,#eef3ffdb);border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:.72rem;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;top:18px;left:18px;box-shadow:0 14px 28px #04082a2e}.home-branch-image:hover .home-branch-hover-hint{opacity:0;transform:translateY(-8px)}.home-branch-image:hover img{transform:scale(1.04)}.home-branch-image:hover:after{opacity:.9}.home-branch-image:hover .home-branch-hours{opacity:1;transform:translateY(0)}.home-branch-hours div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff0 0%,#eef3ffeb 100%);border-radius:12px;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:14px;min-height:0;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #9dabc342,0 16px 32px #04082a38}.home-branch-hours span{color:#fa2b24;text-transform:uppercase;font-size:.74rem;font-weight:650}.home-branch-hours strong{color:#0a1156;font-size:.9rem;font-weight:500;line-height:1.35}.home-branch-card iframe{background:#eef3ff;border:0;border-radius:0;grid-area:1/2/3;width:100%;height:100%;min-height:560px;margin:0;box-shadow:inset 0 0 0 1px #9dabc33d,-18px 0 42px #0a115614}.home-cert-section{background:linear-gradient(90deg,#04082a2e 0%,#04082a00 18% 82%,#04082a2e 100%),linear-gradient(90deg,#04082a1a 0%,#04082a00 9% 91%,#04082a1a 100%),linear-gradient(#f3f6ff 0%,#f8faff 42%,#eef3ff 68%,#dfe8ff 84%,#0818a094 100%);position:relative;overflow:hidden;padding-top:88px!important;padding-bottom:158px!important}.home-cert-section .home-section-heading{text-align:center;width:min(860px,100%);margin:0 auto 48px}.home-cert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:min(980px,100%);margin:0 auto;display:grid}.home-cert-branch-button{background:linear-gradient(135deg, #04082ad1 0%, #0818a075 48%, #fa2b2494 100%), linear-gradient(180deg, #04082a00 35%, #04082ab8 100%), var(--cert-title-image) center / cover no-repeat, linear-gradient(135deg, #0a1156 0%, #0818a0 56%, #fa2b24 100%);color:#fff;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff38;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:22px;min-height:260px;padding:clamp(22px,3vw,34px);transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;box-shadow:0 28px 70px #0a11561a}.home-cert-branch-button:hover{border-color:#ffffff5c;transform:translateY(-6px);box-shadow:0 34px 80px #0a115629}.home-cert-branch-button div{gap:12px;display:grid}.home-cert-branch-button strong,.home-cert-branch-button small{margin:0}.home-cert-branch-button strong{color:#fff;font-size:clamp(1.25rem,2vw,2.05rem);font-weight:650;line-height:1}.home-cert-branch-button small{color:#fffc;max-width:360px;font-size:.84rem;line-height:1.5}.home-cert-branch-button>svg{color:#fff;filter:drop-shadow(0 12px 20px #fa2b242e);flex:none}.home-cert-modal-overlay{z-index:5000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04082a9e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.home-cert-modal{background:linear-gradient(#fff 0%,#f8faff 100%);border-radius:20px;width:min(1120px,100%);max-height:min(820px,100vh - 44px);padding:clamp(22px,3vw,34px);position:relative;overflow-y:auto;box-shadow:0 34px 90px #04082a57}.home-cert-modal-close{z-index:2;color:#0a1156;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:18px;right:18px;box-shadow:0 14px 32px #04082a24}.home-cert-modal-heading{gap:10px;max-width:720px;margin-bottom:24px;display:grid}.home-cert-modal-heading span{color:#0818a0;text-transform:uppercase;background:#0818a014;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:.72rem;font-weight:900;display:inline-flex}.home-cert-modal-heading h3,.home-cert-modal-heading p{margin:0}.home-cert-modal-heading h3{color:#0a1156;font-size:clamp(2rem,4vw,4rem);line-height:.95}.home-cert-modal-heading p{color:#52617a;line-height:1.7}.home-cert-modal-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.home-cert-modal-card{background:#eef3ff;border-radius:14px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #9dabc33d}.home-cert-full-view{z-index:2;color:#fff;background:linear-gradient(135deg,#1f1f1f 0%,#050505 52%,#2a2a2a 100%);border-radius:999px;align-items:center;min-height:36px;padding:0 12px;font-size:.74rem;font-weight:650;text-decoration:none;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 12px 28px #04082a3d}.home-cert-modal-card img{object-fit:contain;background:#fff;width:100%;min-height:340px;max-height:520px;display:block}.home-cert-modal-card figcaption{color:#0a1156;padding:14px 16px;font-weight:750}.home-footer{color:#fff;background:linear-gradient(#0818a000 0%,#0818a0d1 22%,#0a1156fa 60%,#050816 100%),linear-gradient(115deg,#fa2b2475 0%,#0818a038 44%,#ffffff14 100%),#0a1156;width:100%;margin-top:-72px;margin-bottom:0;padding:130px max(20px,50vw - 640px) 22px}.home-footer-main{grid-template-columns:minmax(240px,.7fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.home-footer-brand{align-items:center;gap:16px;display:flex}.home-footer-brand img{object-fit:contain;border-radius:18px;width:72px;height:72px}.home-footer-brand h2,.home-footer-brand p,.home-footer-branches h3,.home-footer-branches p{margin:0}.home-footer-brand h2{color:#fff;font-size:1.8rem;line-height:1}.home-footer-brand p{color:#ffffffb8;margin-top:6px}.home-footer-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.home-footer-branch{align-content:start;gap:10px;display:grid}.home-footer-branch h3{color:#fff;font-size:1.1rem}.home-footer-branch p{color:#ffffffc2;line-height:1.45}.home-footer-contact-actions{flex-wrap:wrap;gap:10px;display:flex}.home-footer-contact-actions a{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24}.home-footer-contact-actions a:hover{background:#fff3}.home-footer-powered{color:#ffffff9e;border-top:1px solid #ffffff24;justify-content:center;align-items:center;gap:10px;margin-top:40px;padding-top:18px;font-size:.85rem;display:flex}.home-footer-powered img{object-fit:contain;width:54px;height:54px}@media (width<=1024px){.home-announcement-section{grid-template-columns:1fr;padding-top:38px;padding-bottom:96px}.home-announcement-copy{text-align:center;justify-items:center}.home-announcement-carousel{width:100%}.home-hero,.home-hero-content{min-height:680px}.home-mobile-app-section{grid-template-columns:1fr;gap:20px;min-height:0;padding-top:34px;padding-bottom:32px}.home-mobile-app-visual{order:2;justify-content:center;min-height:340px}.home-mobile-phone-track{width:min(680px,100%);height:340px;margin:-76px auto -104px}.home-mobile-phone-main{left:-18%}.home-mobile-phone-shadow{left:52%}.home-mobile-app-copy{text-align:center;justify-items:center}.home-mobile-app-platforms{justify-content:center}.home-services-section .home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-welcome-inner{grid-template-columns:1fr}.home-welcome-description{justify-self:center;max-width:680px}.home-welcome-peeker{width:clamp(320px,50vw,560px)}.home-welcome-section.is-pets-visible .home-welcome-peeker{opacity:.24}.home-welcome-peeker-cat{width:clamp(390px,58vw,650px);bottom:88px;left:-96px}.home-welcome-peeker-dog{right:-110px}.home-welcome-mosaic{grid-template-rows:repeat(3,minmax(205px,auto));grid-template-columns:1fr 1fr}.home-social-section{grid-template-columns:1fr;gap:24px;min-height:0;margin:0;padding-top:58px;padding-bottom:46px;overflow:visible}.home-social-carousel-panel{width:min(820px,100%);margin:0 auto}.home-social-top-copy{text-align:center;justify-items:center;max-width:760px;margin:0 auto}.home-social-copy{text-align:center;justify-items:center}.home-social-copy p{max-width:620px}.home-social-links{justify-content:center}.home-branch-section{padding-top:74px!important;padding-bottom:82px!important}.home-branch-grid{grid-template-columns:1fr}.home-branch-card{grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr);min-height:540px}.home-branch-image img{min-height:320px}.home-branch-hours div{min-height:0}.home-branch-card iframe{min-height:540px}.home-cert-grid{grid-template-columns:1fr}.home-welcome-image-main{grid-area:1/1/auto/-1}.home-welcome-image-branch{grid-area:2/1}.home-welcome-image-profiles{grid-area:2/2}.home-welcome-image-prep{grid-area:3/1}.home-welcome-image-pet{grid-area:3/2}.home-welcome-image-care{grid-area:4/1/auto/-1}}@media (width<=768px){.home-booking-toast{width:54px;height:54px;bottom:14px;right:14px}.home-booking-toast:hover,.home-booking-toast:focus-visible{width:min(244px,100vw - 28px)}.home-booking-toast-icon{flex-basis:54px;width:54px;height:54px}.home-booking-toast-copy{font-size:.88rem}.home-welcome-section,.home-announcement-section,.home-social-section,.home-mobile-app-section{padding-left:14px;padding-right:14px}.home-welcome-section{min-height:520px;padding-top:104px;padding-bottom:102px}.home-services-section .home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-welcome-inner,.home-welcome-mosaic{grid-template-columns:1fr}.home-welcome-heading h2{font-size:3rem}.home-welcome-description{padding-top:0}.home-welcome-peeker{width:300px;bottom:-10px}.home-welcome-section.is-pets-visible .home-welcome-peeker{opacity:.16}.home-announcement-section{padding-top:34px;padding-bottom:80px}.home-announcement-copy h2{font-size:2.25rem}.home-announcement-carousel,.home-announcement-stage{min-height:360px}.home-announcement-card{width:min(76%,340px)}.home-announcement-card.is-prev{transform:translate(-48%)scale(.72)}.home-announcement-card.is-next{transform:translate(48%)scale(.72)}.home-announcement-arrow{width:42px;height:42px}.home-announcement-arrow-prev{left:8px}.home-announcement-arrow-next{right:8px}.home-welcome-peeker-cat{width:360px;bottom:78px;left:-120px}.home-welcome-peeker-dog{right:-128px}.home-welcome-heading h2 span{white-space:normal;gap:10px}.home-welcome-mosaic{grid-auto-rows:auto}.home-welcome-image-tile,.home-welcome-image-main,.home-welcome-image-branch,.home-welcome-image-profiles,.home-welcome-image-prep,.home-welcome-image-pet,.home-welcome-image-care{grid-area:auto;min-height:126px}.home-welcome-image-main{min-height:250px}.home-welcome-image-tile{min-height:205px}.home-social-section{padding-top:46px;padding-bottom:50px}.home-social-copy h2{font-size:2.1rem}.home-about-carousel-stage{min-height:560px}.home-mobile-app-section{padding-top:32px;padding-bottom:30px}.home-mobile-app-copy h2{font-size:clamp(2.1rem,11vw,3.15rem)}.home-mobile-app-copy p{font-size:.94rem}.home-mobile-app-visual{min-height:260px}.home-mobile-phone-track{height:260px;margin-top:-40px;margin-bottom:-72px}.home-mobile-phone{width:clamp(230px,74vw,320px)}.home-mobile-phone-main{top:-8px;left:42%;transform:translate(-58%)rotate(-7deg)}.home-mobile-phone-shadow{top:16px;left:50%;transform:translate(12%)rotate(8deg)scale(.78)}.home-mobile-phone-track:hover .home-mobile-phone-main{transform:translate(-58%)rotate(-7deg)scale(1.08)translateY(-8px)}.home-services-section{min-height:620px;padding-top:92px!important;padding-bottom:98px!important}.home-branch-card{grid-template-columns:1fr;min-height:0}.home-branch-image{grid-row:auto;min-height:260px}.home-branch-image img{height:260px;min-height:260px}.home-branch-copy{padding:22px 20px 10px}.home-branch-hours{gap:8px;bottom:14px;left:14px;right:14px}.home-branch-hours div{padding:12px}.home-branch-card iframe{border-radius:0;grid-area:auto;width:100%;height:340px;min-height:340px;margin:0}.home-cert-section{padding-top:72px!important;padding-bottom:78px!important}.home-cert-branch-button{min-height:220px}.home-cert-modal-grid{grid-template-columns:1fr}.home-cert-modal-card img{min-height:280px}.home-footer{padding-top:42px}.home-footer-main,.home-footer-branches{grid-template-columns:1fr}.home-footer-brand{align-items:flex-start}.home-services-section .home-service-card{min-height:0;padding:14px}.home-service-symbol{width:46px;height:46px}.home-service-modal{grid-template-columns:1fr;min-height:0;max-height:calc(100vh - 32px);overflow-y:auto}.home-service-modal-image{min-height:240px}}@media (width<=1024px){.home-services-layout{grid-template-columns:1fr;gap:30px}.home-services-heading{order:-1;max-width:720px}.home-services-side{grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:12px;width:min(680px,100%);min-height:340px;display:grid}.home-service-preview{width:100%;height:300px;position:relative;top:auto;left:auto;right:auto}.home-services-side-left .home-service-preview:first-child,.home-services-side-left .home-service-preview:nth-child(2),.home-services-side-right .home-service-preview:first-child,.home-services-side-right .home-service-preview:nth-child(2){width:100%;height:300px;top:auto;left:auto;right:auto;transform:none}.home-services-side-left .home-service-preview:first-child:hover,.home-services-side-left .home-service-preview:nth-child(2):hover,.home-services-side-right .home-service-preview:first-child:hover,.home-services-side-right .home-service-preview:nth-child(2):hover{transform:translateY(-8px)}}@media (width<=720px){.home-services-section{padding-top:64px!important;padding-bottom:70px!important}.home-services-heading h2{font-size:clamp(2rem,11vw,3rem)}.home-services-layout{gap:22px}.home-services-side{perspective:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;min-height:0}.home-service-preview,.home-services-side-left .home-service-preview:first-child,.home-services-side-left .home-service-preview:nth-child(2),.home-services-side-right .home-service-preview:first-child,.home-services-side-right .home-service-preview:nth-child(2){aspect-ratio:4/5;width:100%;height:auto}.home-services-caption-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}}@keyframes shake{0%{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}to{transform:translate(0)}}@keyframes checkDraw{0%{stroke-dashoffset:40px}to{stroke-dashoffset:0}}@keyframes successPop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes authSlideOne{0%,42%{opacity:1;transform:scale(1)}50%,92%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes authSlideTwo{0%,42%{opacity:0;transform:scale(1.04)}50%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.loginSpinner{border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.loginCheckIcon{stroke-dasharray:40;stroke-dashoffset:40px;width:22px;height:22px;animation:.35s ease-out forwards checkDraw}.loginButton--loading{opacity:.85;cursor:not-allowed!important;background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca)!important}.loginButton--success{animation:.4s ease-out successPop;cursor:not-allowed!important;background:linear-gradient(50deg,#17b35a,#0d8a42)!important}.loginButton--error{animation:.55s ease-out shake;background:linear-gradient(50deg,#e02525,#9a0f0f)!important}.main{box-sizing:border-box;background:linear-gradient(#ffffffc7 0%,#f7faffb3 46%,#eef4ffbd 100%),#eef4ff;grid-template-rows:minmax(8px,1fr) auto minmax(34px,1fr);place-items:center;row-gap:8px;width:100%;min-height:100svh;padding:14px 16px;animation:.3s ease-in-out fadeIn;display:grid}.authContainer{background-color:#fff;border-radius:24px;flex-direction:column;grid-row:2;width:min(100%,900px);margin:0;display:flex;overflow:hidden;box-shadow:0 0 18px #00000026}#divisionContainer1{box-sizing:border-box;padding:12px 12px 0;display:flex}.divisionContainers{background-color:#fff;justify-content:center;align-items:center;width:100%;display:flex}.headerContent{text-align:left;width:86%;margin-bottom:12px}.headerContent h2{font-size:26px;font-weight:700}.inputBox{background-color:#f5f8ff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:20px 0 18px;display:flex}.imageBackground{background:#0f2950;border-radius:18px;justify-content:center;align-items:end;width:100%;min-height:180px;display:flex;position:relative;overflow:hidden}.authSlide{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.authSlideOne{animation:8s ease-in-out infinite authSlideOne}.authSlideTwo{animation:8s ease-in-out infinite authSlideTwo}.imageBackground:after{content:"";z-index:1;background:linear-gradient(#3d67ee00 22%,#3d67ee70 58%,#0738d9c7 100%);position:absolute;inset:0}.placeholders{z-index:2;color:#fff;text-align:left;text-shadow:0 2px 18px #00000073;flex-direction:column;padding:24px;display:flex;position:relative}.placeholders h2{color:#fff;font-size:clamp(28px,8vw,42px);font-weight:700;line-height:1.08}.authFormBrand{justify-content:flex-start;width:86%;margin-bottom:4px;display:flex}.authFormBrand img{object-fit:contain;width:68px;height:auto}.inputContainer{background-color:#fff;flex-direction:column;justify-content:center;align-items:baseline;gap:2px;width:90%;display:flex}.inputNameContainer{flex-direction:row;gap:12px;width:90%;display:flex}.inputNames{flex-direction:column;flex:1;align-items:baseline;display:flex}.inputFieldContainer{align-items:center;width:100%;display:flex;position:relative}.inputIcons{color:silver;pointer-events:none;z-index:1;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.inputFields{box-sizing:border-box;border:2px solid silver;border-radius:10px;width:100%;min-width:0;height:38px;padding:7px 12px 7px 40px}.inputFields::placeholder{color:#a7afbd}.inputFieldsWithAction{padding-right:44px}.passwordVisibilityButton{color:#6f7b90;cursor:pointer;z-index:2;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.passwordVisibilityButton:hover{color:#3d67ee;background:#eef7ff}.inputFields:focus{border-color:#3d67ee;outline:none}.inputLabel{color:#585858;padding-bottom:3px;padding-left:5px;font-size:14px;font-weight:700}.form{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca);border:none;border-radius:10px;justify-content:center;align-items:center;width:60%;min-height:40px;margin-top:8px;padding:10px 0;font-weight:700;transition:background .25s;display:flex}.button:hover:not(:disabled){background:linear-gradient(135deg,#43c0fb,#4d73f0,#0b43ef,#103fd5);box-shadow:0 8px 18px #3d67ee47}.pageNavigator{background-color:#0000;border:#0000}.forgotPasswordLink{align-self:flex-end;margin-top:-2px;margin-right:14%;padding:0}.forgotPasswordLink p{color:#3d67ee;font-size:12px;font-weight:500}.authNavigatorGroup{flex-direction:column;align-items:center;gap:4px;display:flex}@media (width<=560px){.main{grid-template-rows:10px auto minmax(42px,1fr);padding:12px}.authContainer{border-radius:18px}.imageBackground{border-radius:14px;min-height:190px}.placeholders{padding:20px}.placeholders h2{font-size:clamp(24px,8vw,32px)}.inputNameContainer{flex-direction:column;width:90%}.button{width:72%}.pageNavigator p{font-size:15px!important}}.resetMain{isolation:isolate;box-sizing:border-box;background:#050816;justify-content:center;place-items:center;width:100%;min-height:100svh;padding:20px 16px;animation:.3s ease-in-out fadeIn;display:grid;position:relative;overflow:hidden}.resetMain:before{content:"";z-index:-2;filter:blur(18px)saturate(1.08);background:linear-gradient(115deg,#fa2b2485 0%,#0818a038 42%,#3db6ee33 100%),url(/assets/hero-5sT3BiRD.png) 50%/cover no-repeat,#050816;position:absolute;inset:-34px;transform:scale(1.04)}.resetMain:after{content:"";z-index:-1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 18% 18%,#fa2b2442,#0000 34%),radial-gradient(circle at 82% 8%,#0818a057,#0000 38%),linear-gradient(#0508168a 0%,#050816ad 100%);position:absolute;inset:0}.resetCard{background:linear-gradient(#fffffff5,#f7fafff0),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%);border:1px solid #ffffffb8;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:min(100%,440px);max-width:440px;padding:32px 30px;display:flex;box-shadow:0 32px 90px #04082a61}.resetHeader{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px;display:flex}.resetIconWrapper{background:linear-gradient(135deg,#fa2b241a,#0818a01f);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:4px;display:flex}.resetHeader h2{color:#0a1156;font-size:24px;font-weight:700}.resetHeader p{color:#4a5872;font-size:14px;line-height:1.5}.resetInputContainer{flex-direction:column;align-items:start;gap:4px;width:100%;display:flex}.resetInputLabel{color:#4a5872;padding-bottom:4px;padding-left:5px;font-size:14px;font-weight:700}.resetInputFieldContainer{align-items:center;width:100%;display:flex;position:relative}.resetInputIcon{color:silver;pointer-events:none;z-index:1;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.resetInputField{box-sizing:border-box;color:#0a1156;background:#ffffffe0;border:1px solid #9dabc36b;border-radius:10px;width:100%;height:44px;padding:8px 12px 8px 40px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffffc2}.resetInputField:focus{border-color:#0818a085;outline:none;box-shadow:0 0 0 4px #0818a014}.resetInputField::placeholder{color:silver}.resetInputFieldWithAction{padding-right:44px}.passwordRequirementText{color:#585858;margin-top:2px;padding-left:5px;font-size:12px;line-height:1.4}.resetButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);border:none;border-radius:999px;width:58%;min-width:170px;height:40px;margin-top:8px;font-size:15px;font-weight:700;transition:background .2s}.resetButton:hover{background:linear-gradient(135deg,#ffffff3d,#fff0 42%),linear-gradient(135deg,#ff3a32 0%,#b91d28 44%,#1025c6 100%);box-shadow:0 8px 18px #3d67ee47}.resetButton:disabled{opacity:.7;cursor:not-allowed}.resetPageNavigator{color:#4a5872;cursor:pointer;background-color:#0000;border:none;padding:4px;font-size:14px}.otpContainer{flex-direction:row;justify-content:center;gap:8px;width:100%;display:flex}.otpBox{text-align:center;color:#1a1a2e;box-sizing:border-box;background-color:#f9f9ff;border:2px solid silver;border-radius:10px;width:42px;height:52px;font-size:20px;font-weight:700;transition:border-color .2s}.otpBox:focus{background-color:#eef0ff;border-color:#3d67ee;outline:none}.otpBoxError{background-color:#fff5f5;border-color:red!important}.otpTimerBadge{text-align:center;color:#3d67ee;box-sizing:border-box;background-color:#eef0ff;border:1px solid #c7caff;border-radius:8px;width:100%;padding:8px 12px;font-size:13px}.otpTimerExpired{color:#b41e1e;background-color:#fff5f5;border-color:#ff6868}.otpResendRow{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:-4px;display:flex}.otpResendLabel{color:#585858;font-size:13px}.otpResendCooldown{color:#585858;font-size:13px;font-weight:700}.otpResendBtn{color:#3d67ee;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:13px;font-weight:700;transition:background .2s}.otpResendBtn:hover:not(:disabled){background-color:#eef0ff}.otpResendBtn:disabled{opacity:.5;cursor:not-allowed}.errorLabel,.errorAsterisk{color:red}.errorField{border-color:red!important}.errorMessage{color:red;margin-top:2px;padding-left:5px;font-size:12px}.serverErrorMessage{text-align:center;background-color:#fff5f5;border:2px solid #ff6868;border-radius:10px;width:80%;padding:12px 16px;font-size:13px}.serverSuccessMessage{text-align:center;background-color:#f8fff8;border:2px solid #aaffae;border-radius:10px;width:80%;padding:12px 16px;font-size:13px}.resetServerError{color:#b41e1e;background-color:#fff5f5;border:2px solid #ff6868;border-radius:10px;width:100%;padding:12px 16px;font-size:13px}.resetServerSuccess{color:#1e821e;background-color:#f5fff5;border:2px solid #68c868;border-radius:10px;width:100%;padding:12px 16px;font-size:13px}.resetServerInfo{color:#1e4ecb;background-color:#eef4ff;border:2px solid #c9d8ff;border-radius:10px;width:100%;padding:12px 16px;font-size:13px}.credentialEmailBadge{color:#585858;text-align:center;width:100%;font-size:13px}.resetStatusText{color:#585858;font-size:14px}.changeCredsForm{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}@media (width>=834px){.main{padding:14px 28px}.authContainer{width:min(100%,920px)}.inputBox{gap:8px;width:100%;padding:20px 0 18px}.inputContainer{width:78%}.inputNameContainer{gap:16px;width:78%}.inputFields{height:38px;padding:7px 14px 7px 40px}.inputLabel{font-size:15px}.form{gap:8px;width:100%}.button{width:38%;padding:10px 0}.headerContent,.authFormBrand{width:78%}.forgotPasswordLink{margin-right:11%}.serverErrorMessage{width:60%;padding:2%}.resetCard{width:min(100%,460px);max-width:460px;padding:36px 38px}.resetHeader h2{font-size:28px}.otpBox{width:52px;height:60px;font-size:22px}.otpContainer{gap:10px}}@media (width>=1000px){.authContainer{flex-direction:row;align-items:stretch;width:min(88vw,960px);height:clamp(540px,100svh - 84px,600px)}.divisionContainers{align-items:stretch;width:50%}.inputBox{background-color:#fff;gap:7px;width:100%;padding:18px 0;overflow-y:auto}.registerInputBox{box-sizing:border-box;justify-content:flex-start;padding:42px 0}.inputContainer{width:85%}.inputNameContainer{gap:16px;width:85%}.inputFields{height:36px;padding:6px 14px 6px 40px}.inputLabel{font-size:15px}.form{gap:7px;width:100%}.button{width:36%;padding:9px 0}.forgotPasswordLink{margin-right:7.5%}.imageBackground{height:100%;min-height:0}#divisionContainer1{box-sizing:border-box;padding:18px}.placeholders{padding:10%}.placeholders h2{font-size:clamp(28px,3.3vw,42px)}.resetCard{width:min(90vw,470px);max-width:470px;padding:36px 40px}.otpBox{width:56px;height:64px;font-size:24px}.otpContainer{gap:12px}.resetButton{width:58%}}@media (width>=1280px){.main{min-height:100svh}.authContainer{width:min(82vw,980px);height:clamp(540px,100svh - 84px,600px)}.divisionContainers{justify-content:center;align-items:stretch;width:50%;display:flex}.headerContent{text-align:left;width:72%;padding-bottom:8px}.headerContent h2{font-size:32px}.imageBackground{width:100%;height:100%;min-height:0}.inputBox{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;padding:18px 0;display:flex}.registerInputBox{box-sizing:border-box;justify-content:flex-start;padding:48px 0}.form{flex-direction:column;align-items:center;gap:7px;width:100%;display:flex}.inputContainer{background-color:#fff;width:74%}.inputNameContainer{gap:20px;width:74%}.inputFields{height:36px;padding:6px 16px 6px 40px;font-size:14px}.inputLabel{font-size:15px}.button{background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca);width:32%;margin-top:8px;padding:8px 10px;font-size:14px}.headerContent,.authFormBrand{width:74%}.forgotPasswordLink{margin-right:13%}.serverErrorMessage{width:50%;padding:2%}#loginButton{margin:8px}.resetCard{gap:16px;width:min(86vw,480px);max-width:480px;padding:40px 44px}.resetHeader h2{font-size:32px}.resetHeader p,.resetInputField{font-size:15px}.resetButton{width:58%;font-size:15px}.otpBox{border-radius:12px;width:60px;height:68px;font-size:26px}.otpContainer{gap:14px}}.authPoweredBy{color:#45627d;letter-spacing:0;flex-shrink:0;grid-row:3;justify-content:center;align-self:end;align-items:center;gap:10px;margin:0;font-size:13px;font-weight:700;display:flex}.authPoweredBy img{object-fit:contain;width:auto;height:28px}@media (width<=560px){div[style*="position: fixed"]>div[style*="max-width: 600px"]{max-height:90vh!important}div[style*="position: fixed"] h3{font-size:20px!important}div[style*="position: fixed"] div[style*="padding: 24px"]{padding:16px!important}}.client-nav-shell{z-index:1000;background-color:#fff;padding-bottom:10px;position:sticky;top:0}.client-notification-shell,.client-notification-button{position:relative}.client-notification-badge{color:#fff;background:#ee3d5a;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:11px;right:11px}.client-notification-popover{z-index:1100;background:#fff;border:1px solid #dce6ff;border-radius:18px;width:380px;max-width:calc(100vw - 24px);position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 24px 54px #1f3fae29}.client-notification-header{background:linear-gradient(135deg,#fff 0%,#f5f8ff 100%);border-bottom:1px solid #eef2ff;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.client-notification-kicker{color:#3d67ee;text-transform:uppercase;font-size:11px;font-weight:800}.client-notification-header h3{color:#1f2937;margin:3px 0 0;font-size:18px}.client-notification-close{color:#3d67ee;cursor:pointer;background:#eef4ff;border:none;border-radius:10px;width:32px;height:32px}.client-notification-actions{border-bottom:1px solid #eef2ff;grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.client-notification-actions button{color:#3d67ee;cursor:pointer;background:#fff;border:1px solid #dce6ff;border-radius:10px;padding:9px 10px;font-size:12px;font-weight:700}.client-notification-actions button:disabled{color:#a7b1ca;cursor:not-allowed}.client-notification-list{max-height:360px;padding:10px;overflow-y:auto}.client-notification-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:38px minmax(0,1fr);align-items:flex-start;gap:10px;width:100%;padding:12px;display:grid;position:relative}.client-notification-icon{color:#3d67ee;background:#eef4ff;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.client-notification-item.success .client-notification-icon{color:#16a34a;background:#ecfdf3}.client-notification-copy{gap:4px;min-width:0;display:grid}.client-notification-copy strong{color:#1f2937;font-size:13px}.client-notification-copy span{color:#64748b;font-size:12px;line-height:1.45}.client-notification-copy .client-notification-time{color:#94a3b8;font-size:11px;font-weight:700;line-height:1.2}.client-notification-dot{background:#3d67ee;border-radius:999px;width:7px;height:7px;position:absolute;top:14px;right:14px}.client-notification-empty{color:#94a3b8;text-align:center;align-content:center;place-items:center;gap:10px;min-height:170px;display:grid}.client-notification-empty p{margin:0;font-size:13px}.user-navbar{flex-direction:row;align-items:center;gap:100px;max-width:1400px;margin:0 auto;padding-top:30px;display:flex}.profile-dropdown-container{z-index:2;position:relative}.profile-button{cursor:pointer;background:0 0;border:none;padding:0}.profile-button:hover{border-radius:15px;transform:translateY(-2px);box-shadow:0 4px 10px #00000010}.profile-section{background-color:#fff;border-radius:15px;flex-direction:row;align-items:center;gap:12px;height:60px;padding:0 10px;display:flex;box-shadow:0 0 18px #00000026}.profile-image{object-fit:cover;border:1px solid #3d67ee;border-radius:15px;width:50px;height:50px}.profile-initial{background-color:#3d67ee20;border:1px solid #3d67ee;border-radius:15px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.profile-initial span{color:#3d67ee;font-size:14px;font-weight:700}.profile-info{flex-direction:column;display:flex}.profile-name{color:#3d67ee;font-size:14px;font-weight:600}.login-text{color:#3d67ee;font-size:14px;font-weight:500}.dropdown-menu{z-index:1001;background-color:#fff;border-radius:10px;width:240px;padding:8px;position:absolute;top:68px;left:13px;box-shadow:0 4px 12px #00000026}.dropdown-item{cursor:pointer;color:#333;background:0 0;border:none;border-bottom:1px solid #f0f0f0;flex-direction:row;align-items:center;gap:10px;width:100%;padding:12px;font-size:14px;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f8f9fa;border-radius:8px}.logout-item{color:#ee3d5a}.nav-center{background-color:#fff;border-radius:15px;flex:0 auto;justify-content:center;height:60px;padding:0 10px;display:flex;box-shadow:0 4px 12px #00000026}.nav-links{flex-direction:row;justify-content:center;align-items:center;gap:clamp(8px,1.4vw,18px);width:auto;display:flex}.nav-link{color:#333;cursor:pointer;background:0 0;border:none;border-radius:18px;padding:8px 16px;font-size:16px;transition:background-color .28s,color .28s,box-shadow .28s,transform .28s,border-color .28s;transform:translateY(0)scale(1)}.nav-link:hover{color:#3d67ee}.nav-link.active{color:#fff;background:#3d67ee;border:1px solid #3d67ee;border-radius:18px;height:48px;padding-left:20px;padding-right:20px;font-weight:600;transform:translateY(-1px)scale(1.02);box-shadow:0 10px 22px #3d67ee33}.nav-icons{flex-direction:row;gap:10px;display:flex}.icon-button{cursor:pointer;background-color:#fff;border:none;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;box-shadow:0 0 18px #00000026}.icon-button:hover{transform:translateY(-2px);box-shadow:0 0 18px #00000026}.mobile-nav-header,.mobile-nav-backdrop,.mobile-nav-drawer{display:none}@media (width<=768px){.client-nav-shell{padding-bottom:0}.user-navbar{gap:0;max-width:none;padding-top:0;display:block}.profile-dropdown-container,.nav-center,.nav-icons{display:none}.mobile-nav-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex;box-shadow:0 6px 18px #1e3c7214}.mobile-nav-toggle{cursor:pointer;background-color:#fff;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 6px 18px #0000001f}.mobile-nav-user{flex:1;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.mobile-nav-name{color:#3d67ee;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.mobile-nav-backdrop{z-index:1001;background:#0f172a66;border:none;display:block;position:fixed;inset:0}.mobile-nav-drawer{z-index:1002;background:#fff;flex-direction:column;width:min(84vw,320px);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-12px 0 28px #0f172a2e}.mobile-nav-drawer-header{border-bottom:1px solid #edf2ff;justify-content:space-between;align-items:flex-start;gap:14px;padding:24px 20px 18px;display:flex}.mobile-nav-drawer-user{align-items:center;gap:12px;min-width:0;display:flex}.mobile-nav-drawer-copy{flex-direction:column;min-width:0;display:flex}.mobile-nav-drawer-title{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.mobile-nav-drawer-subtitle{color:#6b7280;font-size:12px}.mobile-nav-close{cursor:pointer;background:#f5f8ff;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.mobile-nav-list{flex-direction:column;gap:8px;padding:18px 14px 22px;display:flex;overflow-y:auto}.mobile-nav-item{color:#1f2937;cursor:pointer;text-align:left;background:#fff;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #e6eeff}.mobile-nav-item:hover{background:#f5f8ff}.mobile-nav-item.is-active{color:#2342a8;background:#f5f8ff;box-shadow:inset 0 0 0 1px #bfd1ff}.mobile-nav-item svg{color:#3d67ee;flex-shrink:0}.mobile-nav-item-signout{color:#ee3d5a;margin-top:8px;box-shadow:inset 0 0 0 1px #ffd7de}.mobile-nav-item-signout svg{color:#ee3d5a}}.client-nav-shell{background:#fff;border-bottom:1px solid #9dabc347;padding:0;box-shadow:0 10px 28px #0a115614}.client-nav-shell .user-navbar{justify-content:space-between;gap:18px;width:min(100% - 40px,1360px);max-width:1360px;min-height:86px;padding:0}.client-nav-brand{color:#0a1156;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;min-width:178px;padding:8px 0;font-size:1.05rem;font-weight:900;display:inline-flex}.client-nav-logo{object-fit:contain;flex-shrink:0;width:48px;height:48px}.client-nav-shell .nav-center{height:52px;box-shadow:none;background:#f8faff;border:1px solid #9dabc352;border-radius:999px;flex:0 auto;padding:4px}.client-nav-shell .nav-links{gap:4px}.client-nav-shell .nav-link{color:#0a1156;white-space:nowrap;border-radius:999px;height:42px;padding:0 15px;font-size:.92rem;font-weight:750}.client-nav-shell .nav-link:hover{color:#0818a0;background:#0818a014}.client-nav-shell .nav-link.active{color:#0818a0;background:linear-gradient(#fffffffa,#eef3ffeb);border:1px solid #0818a02e;height:42px;padding:0 18px;transform:none;box-shadow:inset 0 -3px #fa2b24,0 8px 18px #0a115614}.client-nav-shell .nav-icons{gap:8px}.client-nav-shell .icon-button,.client-nav-shell .profile-section{height:48px;box-shadow:none;background:#fff;border:1px solid #9dabc352;border-radius:999px}.client-nav-shell .icon-button{width:48px}.client-nav-shell .icon-button:hover,.client-nav-shell .profile-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0a11561a}.client-nav-shell .icon-button.active{background:linear-gradient(#fffffffa,#eef3ffeb);border-color:#0818a057;box-shadow:inset 0 -3px #fa2b24,0 10px 22px #0a11561f}.client-nav-shell .profile-section{background:linear-gradient(135deg,#fffffff5,#f8fbffe6),linear-gradient(135deg,#0818a01a,#fa2b2414);align-items:center;gap:9px;width:150px;min-width:150px;max-width:150px;padding:0 12px 0 9px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 12px 28px #0a115614}.client-nav-shell .profile-image,.client-nav-shell .profile-initial{object-fit:cover;border-color:#0818a0;border-radius:999px;flex:0 0 34px;width:34px;height:34px;overflow:hidden}.client-nav-shell .profile-initial{background:#0818a01a}.client-nav-shell .profile-initial span,.client-nav-shell .profile-name,.client-nav-shell .login-text{color:#0a1156;font-size:.82rem;font-weight:500}.client-nav-shell .profile-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;width:70%;max-width:94px;display:block;overflow:hidden}.client-nav-shell .profile-info{flex:auto;min-width:0}.client-nav-shell .profile-section>svg{flex:none}.client-nav-shell .dropdown-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffffff0 0%,#f7faffe6 100%),radial-gradient(circle at 18% 0,#fa2b2433,#0000 36%),radial-gradient(circle at 100% 12%,#0818a038,#0000 38%);border:1px solid #ffffffb8;border-radius:22px;width:238px;padding:8px;top:58px;left:auto;right:0;overflow:hidden;box-shadow:0 26px 60px #0a115633}.client-nav-shell .dropdown-menu:before{content:"";background:linear-gradient(90deg,#fa2b24 0%,#0818a0 100%);height:4px;margin:-8px -8px 8px;display:block}.client-nav-shell .dropdown-item{color:#0a1156;border-bottom:0;border-radius:14px;gap:12px;padding:11px 12px;font-size:.84rem;font-weight:500;transition:transform .18s,background .18s,color .18s,box-shadow .18s;position:relative}.client-nav-shell .dropdown-item svg{flex:none}.client-nav-shell .dropdown-item span{line-height:1}.client-nav-shell .dropdown-item:hover{background:linear-gradient(135deg,#0818a01a,#fa2b2414);transform:translate(2px);box-shadow:inset 0 0 0 1px #0818a014}.client-nav-shell .logout-item{color:#d92323;margin-top:3px}.client-nav-shell .logout-item:hover{background:linear-gradient(135deg,#fa2b241f,#0a11560f);box-shadow:inset 0 0 0 1px #fa2b241f}.client-nav-shell .client-notification-badge{background:#fa2b24;top:6px;right:5px}.client-nav-shell .client-notification-popover{border-color:#9dabc35c;border-radius:16px}.mobile-nav-brand{display:none}@media (width<=1120px){.client-nav-shell .user-navbar{gap:10px;width:min(100% - 28px,1360px)}.client-nav-brand{min-width:58px}.desktop-nav-brand span{display:none}.client-nav-shell .nav-link{padding:0 13px;font-size:.84rem}.client-nav-shell .profile-info{display:none}.client-nav-shell .profile-section{width:auto;min-width:48px;max-width:64px;padding:0 10px 0 7px}}@media (width<=768px){.client-nav-shell{border-bottom:1px solid #9dabc33d}.client-nav-shell .user-navbar{width:auto;min-height:72px}.desktop-nav-brand{display:none}.mobile-nav-brand{min-width:0;font-size:1rem;display:inline-flex}.client-nav-logo{width:40px;height:40px}.client-nav-shell .mobile-nav-header{min-height:72px;box-shadow:none;border-bottom:0;padding:10px 14px}.client-nav-shell .mobile-nav-user{justify-content:center}.client-nav-shell .mobile-nav-toggle{width:44px;height:44px;box-shadow:none;border:1px solid #9dabc352;border-radius:999px}.client-nav-shell .mobile-nav-drawer{border-left:1px solid #9dabc33d}.client-nav-shell .mobile-nav-close,.client-nav-shell .mobile-nav-item.is-active{background:#0818a014}.client-nav-shell .mobile-nav-item.is-active,.client-nav-shell .mobile-nav-item svg,.client-nav-shell .mobile-nav-close svg{color:#0818a0}}.client-nav-home{box-shadow:none;background:linear-gradient(#000000c7 0%,#0000006b 48%,#0000 100%);border-bottom:none;margin-bottom:-86px}.client-nav-home:after{content:none}.client-nav-home .user-navbar{width:auto;max-width:none;padding:0 32px}.client-nav-home .client-nav-brand,.client-nav-home .profile-name,.client-nav-home .login-text,.client-nav-home .mobile-nav-name{color:#fff}.client-nav-home .nav-center,.client-nav-home .icon-button,.client-nav-home .profile-section,.client-nav-home .mobile-nav-toggle{box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-color:#ffffff57}.client-nav-home .nav-link{color:#fff}.client-nav-home .nav-link:hover{color:#fff;background:#ffffff2e}.client-nav-home .nav-link.active{color:#fff;background:#ffffff29;border-color:#ffffff7a;box-shadow:inset 0 -3px #fa2b24,0 8px 18px #0508161f}.client-nav-home .icon-button.active{background:#fff3;border-color:#ffffff8a;box-shadow:inset 0 -3px #fa2b24,0 10px 22px #05081624}.client-nav-home .profile-image,.client-nav-home .profile-initial{border-color:#ffffffb3}.client-nav-home .profile-initial{background:#ffffff2e}.client-nav-home .profile-initial span{color:#fff}.client-nav-home .icon-button svg,.client-nav-home .mobile-nav-toggle svg,.client-nav-home .profile-section svg{color:#fff;stroke:#fff}@media (width<=768px){.client-nav-home{margin-bottom:-72px}.client-nav-home .user-navbar{padding:0}.client-nav-home .mobile-nav-header{background:0 0}.client-nav-home .mobile-nav-brand span{color:#0a1156}}.client-nav-left{flex:1 1 0;align-items:center;gap:12px;min-width:260px;display:flex}.client-nav-shell .client-nav-left .client-nav-brand{min-width:58px}.client-nav-shell .nav-center{flex:0 540px;max-width:540px;margin:0 auto}.client-nav-shell .nav-icons{flex:1 1 0;justify-content:flex-end;min-width:180px}.client-nav-shell .profile-section{max-width:180px}.client-nav-shell .profile-section.profile-section-account{width:180px;min-width:180px;max-width:180px}.client-nav-shell .profile-section.profile-section-account .profile-info{flex:auto;min-width:0;overflow:hidden}.client-nav-shell .profile-section.profile-section-account .profile-name{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:none;display:block;overflow:hidden}.client-nav-shell .profile-section.profile-section-auth{width:auto;min-width:max-content;max-width:none}@media (width<=1120px){.client-nav-shell .profile-section.profile-section-account{width:auto;min-width:48px;max-width:64px}}.client-nav-home .client-nav-left{padding-left:0}.client-notification-shell{color:#0a1156}.client-notification-button{color:currentColor}.client-notification-popover{border:1px solid #9dabc36b;border-radius:8px;width:410px;box-shadow:0 28px 70px #0a11562e}.client-notification-header{color:#0a1156;background:linear-gradient(90deg,#fa2b241a 0%,#0818a014 46%,#fff 100%),#fff;border-bottom:1px solid #9dabc338;align-items:center;padding:18px 18px 16px 22px;position:relative}.client-notification-header:before{content:"";background:#fa2b24;border-radius:0 999px 999px 0;width:4px;position:absolute;top:16px;bottom:16px;left:0}.client-notification-kicker{color:#fa2b24;letter-spacing:0}.client-notification-header h3{color:#0a1156;font-size:20px}.client-notification-close{color:#0a1156;background:#0818a014;border-radius:999px}.client-notification-close:hover{background:#0818a024}.client-notification-actions{background:#f8faff;border-bottom:1px solid #9dabc338;padding:12px 14px}.client-notification-actions button{color:#0818a0;background:#fff;border-color:#0818a033;border-radius:999px;min-height:38px}.client-notification-actions button:first-child:not(:disabled){color:#fff;background:#0818a0}.client-notification-list{background:#fff;padding:10px}.client-notification-item{border:1px solid #0000;border-radius:8px;grid-template-columns:42px minmax(0,1fr);padding:12px 14px}.client-notification-item:hover,.client-notification-item.unread{background:#f8faff;border-color:#0818a01f}.client-notification-icon{color:#0818a0;background:#0818a01a;border-radius:999px;width:40px;height:40px}.client-notification-item.success .client-notification-icon{background:#16a34a1f}.client-notification-item.warning .client-notification-icon{color:#fa2b24;background:#fa2b241a}.client-notification-copy strong{color:#0a1156}.client-notification-copy span{color:#4a5872}.client-notification-dot,.client-notification-badge{background:#fa2b24}.client-notification-empty{color:#9dabc3}.client-nav-home .client-notification-shell{color:#0a1156}@media (width<=1120px){.client-nav-left{min-width:128px}.client-nav-shell .nav-center{max-width:520px}}@media (width<=768px){.client-nav-left{display:none}.client-nav-shell .nav-center,.client-nav-shell .nav-icons{flex:none;min-width:0}.client-notification-popover{width:auto;max-width:none;position:fixed;top:82px;left:12px;right:12px}}.payrexMockPanel{background:#f7faff;border:1px solid #dbe4ff;border-radius:12px;align-items:center;gap:16px;padding:14px;display:flex}.payrexMockPanelCompact{gap:12px;padding:12px}.payrexMockQr{background:#fff;border:1px solid #d8e2ff;border-radius:8px;flex:none;grid-template-rows:repeat(17,6px);grid-template-columns:repeat(17,6px);gap:2px;padding:10px;display:grid}.payrexMockQrCompact{grid-template-rows:repeat(17,4px);grid-template-columns:repeat(17,4px);gap:1.5px;padding:8px}.payrexMockQr span{background:#eef2ff;border-radius:1px;width:100%;height:100%}.payrexMockQr span.filled{background:#1f3fb5}.payrexMockDetails{flex-direction:column;gap:5px;min-width:0;display:flex}.payrexMockDetails span{color:#687389;text-transform:uppercase;font-size:11px;font-weight:700}.payrexMockDetails strong{color:#1e3a8a;overflow-wrap:anywhere;font-size:15px}.payrexMockDetails p{color:#6b7280;margin:0;font-size:12px;line-height:1.4}.payrexMockRegenerateBtn{color:#3158dd;cursor:pointer;background:#fff;border:1px solid #c8d6ff;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.payrexMockRegenerateBtn:hover{background:#eef4ff}.payrexMockAmount{color:#334155;margin:0 0 12px;font-size:14px}.payrexMockAmount strong{color:#1e3a8a;font-size:18px}.payrexQrphPanel{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(190px,240px);align-items:stretch;gap:14px;width:100%;display:grid}.payrexQrphElementWrap{background:#fff;border:1px solid #d8e2ff;border-radius:8px;min-width:0;padding:12px;overflow:hidden}.payrexQrphElement{width:100%;min-height:360px}.payrexQrphLoading{color:#687389;margin-bottom:10px;font-size:13px}.payrexQrphDetails{min-width:0}.payrexQrphError{font-weight:700;color:#b42318!important}.payrexQrphStatus{font-weight:700;color:#166534!important}@media (width<=720px){.payrexQrphPanel{grid-template-columns:1fr}.payrexQrphElement{min-height:330px}.payrexMockRegenerateBtn{justify-content:center;width:100%}}.app-view-root{background-color:#fff;width:100%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-view-wrapper{background-color:#fff;flex-direction:column;width:100%;max-width:1600px;min-height:100vh;margin:10px auto 0;display:flex}.app-nav-sticky{z-index:1000;background-color:#fff;padding-bottom:10px;position:sticky;top:0}.app-nav-container{flex-direction:row;align-items:center;gap:100px;max-width:1400px;margin:0 auto;padding:20px;display:flex}.app-profile-wrapper{z-index:2;position:relative}.app-profile-trigger{cursor:pointer;background:0 0;border:none;padding:0}.app-profile-trigger:hover{border-radius:15px;transform:translateY(-2px);box-shadow:0 4px 10px #00000010}.app-profile-display{background-color:#fff;border-radius:15px;flex-direction:row;align-items:center;gap:12px;height:60px;padding:0 20px;display:flex;box-shadow:0 0 18px #00000026}.app-avatar-img{object-fit:cover;border:1px solid #3d67ee;border-radius:15px;width:30px;height:30px}.app-avatar-initial{background-color:#3d67ee20;border:1px solid #3d67ee;border-radius:15px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.app-avatar-initial span{color:#3d67ee;font-size:14px;font-weight:700}.app-user-info{flex-direction:column;display:flex}.app-user-name{color:#3d67ee;font-size:14px;font-weight:600}.app-login-prompt{color:#3d67ee;font-size:16px;font-weight:600}.app-dropdown-panel{z-index:1001;background-color:#fff;border-radius:10px;width:240px;padding:8px;position:absolute;top:68px;left:13px;box-shadow:0 4px 12px #00000026}.app-dropdown-item{cursor:pointer;color:#333;background:0 0;border:none;border-bottom:1px solid #f0f0f0;flex-direction:row;align-items:center;gap:10px;width:100%;padding:12px;font-size:14px;display:flex}.app-dropdown-item:last-child{border-bottom:none}.app-dropdown-item:hover{background-color:#f8f9fa;border-radius:8px}.app-dropdown-logout{color:#ee3d5a}.app-nav-center{background-color:#fff;border-radius:15px;flex:1;justify-content:center;height:60px;padding:0 20px;display:flex;box-shadow:0 4px 12px #00000026}.app-nav-links{flex-direction:row;justify-content:center;align-items:center;gap:60px;width:100%;display:flex}.app-nav-link{color:#333;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:16px;transition:all .2s}.app-nav-link:hover{color:#3d67ee}.app-icon-group{flex-direction:row;gap:10px;display:flex}.app-icon-btn{cursor:pointer;background-color:#fff;border:none;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;box-shadow:0 0 18px #00000026}.app-icon-btn:hover{transform:translateY(-2px);box-shadow:0 0 18px #00000026}.app-modal-overlay{z-index:2000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-modal-base{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;width:90%;max-width:400px;padding:30px;display:flex;position:relative;box-shadow:0 4px 20px #0003}.app-modal-wide{width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.app-modal-close{cursor:pointer;z-index:10;background:0 0;border:none;padding:5px;position:absolute;top:15px;right:15px}.app-modal-header{align-items:center;gap:12px;width:100%;margin-bottom:20px;display:flex}.app-modal-header h2{color:#333;margin:0;font-size:22px;font-weight:700}.app-modal-title{color:#333;text-align:center;margin:10px 0;font-size:20px;font-weight:700}.app-modal-message{color:#666;text-align:center;margin-bottom:25px;font-size:14px}.app-modal-actions{flex-direction:row;justify-content:center;gap:15px;width:100%;display:flex}.app-modal-btn{cursor:pointer;border:none;border-radius:8px;min-width:100px;padding:10px 25px;font-size:14px;font-weight:600;transition:all .2s}.app-modal-btn-cancel{color:#333;background-color:#f0f0f0}.app-modal-btn-cancel:hover{background-color:#e0e0e0}.app-modal-btn-confirm{color:#fff;background-color:#3d67ee}.app-modal-btn-confirm:hover{background-color:#2d4fb0}.app-modal-btn-error{background-color:#d93025}.app-modal-btn-error:hover{background-color:#b71c1c}.app-modal-body{width:100%;padding:10px 0}.app-modal-footer{gap:15px;width:100%;margin-top:20px;display:flex}.app-main-layout{flex-direction:row;gap:20px;width:100%;max-width:1400px;height:calc(100vh - 140px);margin:20px auto;padding:0 20px;display:flex}.app-list-panel{background-color:#fff;border-radius:15px;flex-direction:column;flex:.8;height:78vh;padding-bottom:20px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.app-list-header{padding:20px 20px 10px}.app-list-header h2{color:#3d67ee;margin:0;font-size:24px;font-weight:600}.app-search-wrapper{background-color:#fff;border:1px solid #3d67ee;border-radius:10px;align-items:center;margin:0 20px 15px;padding:0 15px;display:flex}.app-search-field{border:none;outline:none;flex:1;padding:12px 10px;font-size:14px}.app-search-clear{cursor:pointer;background:0 0;border:none;align-items:center;padding:5px;display:flex}.app-filter-bar{gap:10px;margin:0 20px 15px;display:flex}.app-filter-option{color:#3d67ee;cursor:pointer;background-color:#fff;border:1px solid #3d67ee;border-radius:20px;padding:8px 20px;font-size:12px;transition:all .2s}.app-filter-option.active{color:#fff;background-color:#3d67ee}.app-table-container{flex:1;padding:0 20px 20px;overflow-y:auto}.app-table-container::-webkit-scrollbar{width:4px}.app-table-container::-webkit-scrollbar-thumb{background-color:#3d67ee;border-radius:4px}.app-table-head{color:#333;border-bottom:2px solid #e0e0e0;padding:12px 10px;font-size:13px;font-weight:600;display:flex}.app-table-head-cell{font-weight:600}.app-table-body{flex-direction:column;display:flex}.app-table-row{cursor:pointer;border-bottom:1px solid #e0e0e0;padding:12px 10px;transition:background-color .2s;display:flex}.app-table-row:hover{background-color:#f8f9fa}.app-table-row.selected{background-color:#e6f0ff}.app-table-cell{color:#333;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.app-time-cell{color:#666;font-size:12px}.app-pet-cell{align-items:center;gap:10px;display:flex}.app-pet-card-thumb{object-fit:cover;border:2px solid #d7e3ff;border-radius:50%;flex-shrink:0;width:42px;height:42px}.app-pet-card-copy{min-width:0}.app-pet-card-name{color:#27324a;font-size:13px;font-weight:600;line-height:1.25}.app-pet-card-breed{color:#72809b;margin-top:2px;font-size:12px;line-height:1.25}.app-schedule-cell{flex-direction:column;gap:2px;display:flex}.app-schedule-date{color:#27324a;font-weight:600}.app-italic-text{font-style:italic}.app-status-pill{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.app-empty-state{text-align:center;color:#ccc;padding:40px}.app-empty-state p{margin-top:10px;font-size:16px}.app-pagination-bar{justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:10px 0;display:flex}.app-page-btn{color:#3d67ee;cursor:pointer;background:0 0;border:1px solid #3d67ee;border-radius:17.5px;justify-content:center;align-items:center;width:35px;height:35px;transition:all .2s;display:flex}.app-page-btn:hover:not(:disabled),.app-page-btn.active{color:#fff;background-color:#3d67ee}.app-page-btn:disabled{color:#ccc;cursor:not-allowed;border-color:#ccc}.app-rotate-90{transform:rotate(90deg)}.app-rotate-270{transform:rotate(270deg)}.app-details-panel{background-color:#fff;border-radius:15px;flex-direction:column;flex:.26;height:78vh;padding-left:10px;padding-right:10px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.app-details-title{border-bottom:1px solid #f0f0f0;padding:20px}.app-details-title h3{color:#3d67ee;text-align:center;margin:0;font-size:18px;font-weight:600}.app-details-scroll{flex:1;padding:20px;overflow-y:auto}.app-details-scroll::-webkit-scrollbar{width:4px}.app-details-scroll::-webkit-scrollbar-thumb{background-color:#3d67ee;border-radius:4px}.app-pet-summary{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.app-pet-thumb{object-fit:cover;border:2px solid #3d67ee;border-radius:40px;width:80px;height:80px;margin-bottom:10px}.app-pet-name-badge{text-align:center}.app-pet-name-badge h4{color:#3d67ee;margin:0 0 5px;font-size:17px;font-weight:500}.app-pet-name-badge p{color:#666;margin:0;font-size:14px}.app-info-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.app-info-label{color:#666;width:60px;font-size:14px;font-weight:500}.app-info-value{color:#333;flex:1;font-size:14px}.app-info-value.price{color:#ee3d5a;font-weight:600}.app-medical-block{border-top:1px solid #3d67ee20;margin-top:20px;padding-top:15px}.app-medical-block h4{color:#3d67ee;margin-bottom:10px;font-size:16px;font-weight:500}.app-medical-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.app-medical-tag{color:#666;width:120px;font-size:13px;font-weight:500}.app-medical-status{font-size:13px;font-weight:500}.app-medical-status.success{color:#0a0}.app-medical-status.warning{color:#ee3d5a}.app-medical-note{color:#666;margin-bottom:8px;margin-left:28px;font-size:12px;font-style:italic}.app-notes-block{margin-top:15px}.app-notes-block h4{color:#666;margin-bottom:5px;font-size:14px;font-weight:500}.app-notes-block p{color:#333;background-color:#f8f9fa;border-radius:8px;padding:10px;font-size:13px;font-style:italic}.app-reschedule-request-block{border-top:1px solid #edf1fb;margin-top:16px;padding-top:14px}.app-reschedule-request-block h4{color:#3d67ee;margin-bottom:10px;font-size:14px;font-weight:600}.app-reschedule-request-helper{color:#4b5d87;background:#f6f8ff;border:1px solid #dfe7ff;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:12px;display:flex}.app-reschedule-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.app-reschedule-request-card{background:#fafcff;border:1px solid #e3ebff;border-radius:12px;padding:12px}.app-reschedule-request-label{color:#7a89a8;text-transform:uppercase;letter-spacing:.02em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.app-reschedule-request-value{color:#2f3b58;font-size:13px;font-weight:600;display:block}.app-reschedule-request-note{background:#fff7f8;border:1px solid #ffe1e6;border-radius:12px;margin-top:12px;padding:12px}.app-reschedule-request-note h5{color:#ee3d5a;margin:0 0 6px;font-size:12px;font-weight:700}.app-reschedule-request-note p{color:#4a4a4a;white-space:pre-wrap;margin:0;font-size:13px}.app-reschedule-request-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.app-empty-details{color:#ccc;flex-direction:column;justify-content:center;align-items:center;padding:50px 0;display:flex}.app-empty-details p{text-align:center;margin-top:10px;font-size:16px}.app-action-bar{border-top:1px solid #f0f0f0;gap:10px;margin-top:10px;padding:10px;display:flex}.app-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 15px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.app-action-btn:disabled{opacity:.65;cursor:not-allowed}.app-action-btn.cancel{color:#fff;background-color:#ee3d5a}.app-action-btn.cancel:hover{background-color:#b71c1c}.app-action-btn.confirm{color:#fff;background-color:#1f9d55}.app-action-btn.confirm:hover{background-color:#13753e}.app-action-btn.withdraw{color:#fff;background-color:#f57c00}.app-action-btn.withdraw:hover{background-color:#cf6d06}.app-action-btn.reschedule{color:#fff;background-color:#3d67ee}.app-action-btn.reschedule:hover{background-color:#2d4fb0}.app-action-btn.reschedule:disabled{background-color:#b8c8fb}.app-action-helper{color:#4b5d87;background:#f6f8ff;border:1px solid #dfe7ff;border-radius:10px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;font-size:12px;display:flex}@media (width<=768px){.app-reschedule-request-grid{grid-template-columns:1fr}.app-reschedule-request-actions{flex-direction:column}}.app-cancel-modal,.app-reschedule-modal{border-radius:16px;width:90%;max-width:650px;padding:0;overflow:hidden}.app-cancel-header,.app-reschedule-header{text-align:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #f0f0f0;padding:30px 30px 20px}.app-cancel-icon,.app-reschedule-icon{background-color:#fff;border-radius:35px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 15px;display:flex;box-shadow:0 4px 12px #0000001a}.app-cancel-header h2,.app-reschedule-header h2{color:#333;margin:0 0 8px;font-size:24px}.app-step-subtitle{color:#666;margin:0;font-size:14px}.app-cancel-steps{background-color:#fff;justify-content:center;align-items:center;width:100%;height:20px;margin:20px 0 30px;display:flex}.app-cancel-step{flex:1;align-items:center;gap:12px;max-width:200px;display:flex;position:relative}.app-cancel-step .app-step-marker{color:#999;background-color:#fff;border:2px solid #ddd;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:all .3s;display:flex}.app-cancel-step.active .app-step-marker{color:#fff;background-color:#ee3d5a;border-color:#ee3d5a;box-shadow:0 4px 10px #ee3d5a4d}.app-cancel-step .app-step-text{flex-direction:column;display:flex}.app-cancel-step .app-step-title{color:#333;font-size:14px;font-weight:600}.app-cancel-step .app-step-desc{color:#999;font-size:12px}.app-cancel-step.active .app-step-title{color:#ee3d5a}.app-cancel-connector{background-color:#ddd;width:60px;height:2px;margin:0 10px}.app-cancel-connector.active{background-color:#ee3d5a}.app-reschedule-steps{background-color:#f8f9fa;border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;padding:25px 30px;display:flex}.app-reschedule-step{flex:1;align-items:center;gap:12px;max-width:160px;display:flex;position:relative}.app-reschedule-step .app-step-marker{color:#999;background-color:#fff;border:2px solid #ddd;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:all .3s;display:flex}.app-reschedule-step.active .app-step-marker{color:#fff;background-color:#3d67ee;border-color:#3d67ee;box-shadow:0 4px 10px #3d67ee4d}.app-reschedule-step .app-step-text{flex-direction:column;display:flex}.app-reschedule-step .app-step-title{color:#333;font-size:14px;font-weight:600}.app-reschedule-step .app-step-desc{color:#999;font-size:12px}.app-reschedule-step.active .app-step-title{color:#3d67ee}.app-reschedule-connector{background-color:#ddd;width:40px;height:2px;margin:0 10px}.app-reschedule-connector.active{background-color:#3d67ee}.app-cancel-modal .app-modal-body,.app-reschedule-modal .app-modal-body{max-height:450px;padding:30px;overflow-y:auto}.app-cancel-modal .app-modal-body::-webkit-scrollbar{width:4px}.app-reschedule-modal .app-modal-body::-webkit-scrollbar{width:4px}.app-cancel-modal .app-modal-body::-webkit-scrollbar-thumb{background-color:#3d67ee;border-radius:4px}.app-reschedule-modal .app-modal-body::-webkit-scrollbar-thumb{background-color:#3d67ee;border-radius:4px}.app-step-guide{margin-bottom:25px}.app-step-guide h3{color:#333;margin:0 0 8px;font-size:18px;font-weight:600}.app-step-guide p{color:#666;margin:0;font-size:14px}.app-input-group{margin-bottom:20px}.app-field-label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.app-field-label.required:after{content:" *";color:#f44}.app-textarea-field{resize:vertical;border:1px solid #e0e0e0;border-radius:10px;width:100%;padding:15px;font-family:inherit;font-size:14px;transition:all .2s}.app-textarea-field:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.app-textarea-field.error{border-color:#f44}.app-cancel-modal .app-textarea-field:focus{border-color:#ee3d5a;box-shadow:0 0 0 3px #ee3d5a1a}.app-input-footer{align-items:center;gap:5px;margin-top:8px;display:flex}.app-char-indicator{color:#999;align-items:center;gap:5px;font-size:12px;display:flex}.app-info-banner{color:#3d67ee;background-color:#f0f4ff;border-radius:8px;align-items:center;gap:10px;margin-top:20px;padding:12px 15px;font-size:13px;display:flex}.app-summary-card{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.app-summary-card.original{border-left:4px solid #ee3d5a}.app-summary-card.new{border-left:4px solid #0a0}.app-card-header{background-color:#f8f9fa;border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:15px 20px;display:flex}.app-card-header h4{color:#333;margin:0;font-size:15px;font-weight:600}.app-card-body{padding:20px}.app-summary-line{margin-bottom:10px;display:flex}.app-summary-line:last-child{margin-bottom:0}.app-summary-tag{color:#666;width:100px;font-size:14px}.app-summary-data{color:#333;flex:1;font-size:14px;font-weight:500}.app-summary-data.price{color:#ee3d5a;font-weight:600}.app-summary-data.highlight{color:#3d67ee;font-weight:600}.app-reason-card{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:20px;overflow:hidden}.app-quote-text{color:#666;margin:0;font-size:14px;font-style:italic;line-height:1.6}.app-warning-box{background-color:#ffebee;border-radius:12px;margin-bottom:20px;padding:20px}.app-warning-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.app-warning-header h4{color:#b71c1c;margin:0;font-size:16px;font-weight:600}.app-warning-box p{color:#b71c1c;margin-bottom:10px;font-size:14px}.app-warning-box ul{margin-bottom:0;margin-left:20px}.app-warning-box li{color:#b71c1c;margin-bottom:5px;font-size:13px}.app-info-box{background-color:#fff3cd;border-radius:12px;margin-bottom:20px;padding:20px}.app-info-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.app-info-header h4{color:#856404;margin:0;font-size:16px;font-weight:600}.app-info-box p{color:#856404;margin-bottom:8px;font-size:14px}.app-info-box p:last-child{margin-bottom:0}.app-status-note{color:#856404;background-color:#fff3cd;border-top:1px solid #ffe8a1;align-items:center;gap:8px;padding:10px 20px;font-size:13px;display:flex}.app-checkbox-wrapper{cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.app-checkbox-wrapper input[type=checkbox]{accent-color:#3d67ee;width:20px;height:20px;margin-top:2px}.app-checkbox-label{color:#333;flex:1;font-size:14px;line-height:1.5}.app-calendar-panel{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:20px;padding:20px}.app-calendar-nav{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.app-calendar-month{color:#333;font-size:16px;font-weight:600}.app-calendar-nav-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:17.5px;justify-content:center;align-items:center;width:35px;height:35px;transition:all .2s;display:flex}.app-calendar-nav-btn:hover{background-color:#f8f9fa}.app-calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px;display:grid}.app-weekday-label{text-align:center;color:#3d67ee;padding:5px;font-size:13px;font-weight:600}.app-calendar-days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.app-day-cell{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex;position:relative}.app-day-cell.available{color:#333;background-color:#fff}.app-day-cell.available:hover{background-color:#3d67ee20;transform:scale(1.05)}.app-day-cell.available.selected{color:#fff;background-color:#3d67ee;font-weight:600}.app-day-cell.unavailable{color:#ccc;cursor:not-allowed;background-color:#f8f9fa}.app-day-cell.today{border:2px solid #3d67ee;font-weight:600}.app-time-panel{margin-top:20px}.app-time-header{align-items:center;gap:8px;margin-bottom:15px;display:flex}.app-time-header h4{color:#333;margin:0;font-size:15px;font-weight:500}.app-time-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.app-time-option{color:#333;cursor:pointer;background-color:#fff;border:1px solid #3d67ee;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.app-time-option:hover{background-color:#3d67ee10;transform:translateY(-2px)}.app-time-option.disabled,.app-time-option:disabled{color:#8a94a6;cursor:not-allowed;opacity:.72;background-color:#f4f6fb;border-color:#d7dce8}.app-time-option.disabled:hover,.app-time-option:disabled:hover{background-color:#f4f6fb;transform:none}.app-time-option.selected{color:#fff;background-color:#3d67ee;border-color:#3d67ee}.app-time-option.selected svg{color:#fff}.app-no-slots{color:#999;text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:10px;padding:30px;display:flex}.app-modal-bottom{padding-bottom:20px}.app-btn-outline{color:#666;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.app-btn-outline:hover{background-color:#f8f9fa;border-color:#999}.app-btn-primary{color:#fff;cursor:pointer;background-color:#3d67ee;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 25px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.app-btn-primary:hover:not(:disabled){background-color:#2d4fb0;transform:translateY(-2px);box-shadow:0 4px 12px #3d67ee4d}.app-btn-primary.cancel{background-color:#ee3d5a}.app-btn-primary.cancel:hover:not(:disabled){background-color:#b71c1c;box-shadow:0 4px 12px #ee3d5a4d}.app-btn-primary:disabled{cursor:not-allowed;background-color:#ccc}.app-modal-footer-actions{gap:15px;width:100%;margin-top:20px;display:flex}@media (width<=1200px){.app-nav-container{gap:50px}.app-nav-links{gap:30px}}@media (width<=992px){.app-main-layout{flex-direction:column;height:auto}.app-list-panel,.app-details-panel{width:100%}.app-modal-wide{max-width:80%}.app-cancel-steps,.app-reschedule-steps{flex-direction:column;align-items:flex-start;gap:15px}.app-cancel-connector,.app-reschedule-connector{width:2px;height:30px;margin:5px 0 5px 20px}.app-cancel-step,.app-reschedule-step{max-width:100%}}@media (width<=768px){.app-nav-container{flex-direction:column;gap:15px}.app-nav-links{flex-wrap:wrap;gap:15px;width:100%}.app-nav-center{width:100%}.app-modal-wide{max-width:95%}.app-table-head{display:none}.app-table-row{flex-wrap:wrap;gap:10px}.app-table-cell{flex:100%!important}.app-time-grid{grid-template-columns:1fr}.app-cancel-modal .app-modal-body,.app-reschedule-modal .app-modal-body{padding:20px}.app-summary-line{flex-direction:column;gap:5px}.app-summary-tag{width:100%}}.app-details-modal{border-radius:18px;align-items:stretch;width:92%;max-width:560px;padding:0;overflow:hidden}.app-details-modal-header{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #f0f0f0;padding:24px 24px 16px}.app-details-modal-header h3{color:#3d67ee;text-align:center;margin:0;font-size:20px;font-weight:600}.app-details-modal-body{max-height:calc(100dvh - 220px);padding:22px 24px;overflow-y:auto}.app-details-modal-body::-webkit-scrollbar{width:4px}.app-details-modal-body::-webkit-scrollbar-thumb{background-color:#3d67ee;border-radius:4px}.app-action-bar-modal{margin-top:0;padding:16px 20px 20px}@media (width<=768px){.app-view-root{-webkit-overflow-scrolling:touch;height:100dvh;min-height:100dvh;overflow:hidden auto}.app-view-wrapper{margin-top:0;padding-bottom:18px}.app-main-layout{flex:1 0 auto;height:auto;min-height:0;margin:14px auto 0;padding:0 14px 18px}.app-list-panel{height:auto;max-height:calc(100dvh - 120px);overflow:hidden}.app-list-header{padding:18px 14px 10px}.app-search-wrapper{margin:0 14px 14px}.app-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 14px 14px;padding-bottom:0;display:grid;overflow:visible}.app-filter-option{white-space:nowrap;text-align:center;width:100%;padding:9px 0}.app-table-container{-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 280px);padding:0 14px 18px;overflow:hidden auto}.app-table-body{padding-bottom:4px}.app-table-row{background:linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #e6eeff;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 12px;margin-bottom:12px;padding:16px;display:grid;box-shadow:0 10px 24px #3d67ee17}.app-table-row .app-table-cell:first-child{color:#3d67ee;grid-area:1/1/auto/2;padding-right:8px;font-size:15px;font-weight:600;line-height:1.35}.app-table-row .app-table-cell:nth-child(4){grid-area:1/2;place-self:start end}.app-table-row .app-table-cell:nth-child(2),.app-table-row .app-table-cell:nth-child(3){background:#f3f7ff;border-radius:12px;grid-column:1/-1;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.app-table-row .app-table-cell:nth-child(2):before,.app-table-row .app-table-cell:nth-child(3):before{letter-spacing:.04em;text-transform:uppercase;color:#6a7fd1;flex-shrink:0;font-size:11px;font-weight:700}.app-table-row .app-table-cell:nth-child(3):before{content:"Schedule"}.app-table-row .app-table-cell:nth-child(3){flex-direction:column;align-items:flex-start}.app-table-row .app-table-cell:nth-child(3):before{margin-bottom:2px}.app-pet-cell{gap:12px}.app-pet-card-thumb{width:48px;height:48px}.app-pet-card-name{font-size:14px}.app-pet-card-breed{font-size:12px}.app-schedule-cell{gap:4px}.app-schedule-date,.app-time-cell{font-size:13px}.app-table-cell{white-space:normal;min-width:0}.app-empty-state{padding:28px 16px}.app-pagination-bar{padding:4px 0 14px}.app-details-panel{display:none}.app-modal-wide{width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 24px)}.app-details-modal-overlay{align-items:center;padding:12px;overflow-y:auto}.app-details-modal{margin:0}.app-details-modal-body{max-height:calc(100dvh - 210px);padding:20px 18px}.app-action-bar-modal{flex-direction:column;padding:14px 18px 18px}.app-action-bar-modal .app-action-btn{width:100%}.app-cancel-modal,.app-reschedule-modal{width:calc(100% - 24px);max-width:none}.app-modal-footer-actions{flex-direction:column-reverse}.app-modal-footer-actions>button{justify-content:center;width:100%}}.app-view-root{color:#0a1156;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561f;background:linear-gradient(90deg,#04082a24 0%,#04082a00 18% 82%,#04082a24 100%),linear-gradient(#f3f6ff 0%,#f8faff 40%,#eef3ff 68%,#dfe8ff 86%,#0818a03d 96%,#0818a06b 100%);height:auto;min-height:100vh;overflow:hidden auto}html:has(.app-view-root){height:auto!important;max-height:none!important;overflow:hidden auto!important}body:has(.app-view-root){height:auto!important;max-height:none!important;overflow:hidden auto!important}#root:has(.app-view-root){height:auto!important;max-height:none!important;overflow:hidden auto!important}html:has(.app-view-root){scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561f}.app-view-root::-webkit-scrollbar{width:10px}html:has(.app-view-root)::-webkit-scrollbar{width:10px}body:has(.app-view-root)::-webkit-scrollbar{width:10px}.app-view-root::-webkit-scrollbar-track{background:#0a11561a}html:has(.app-view-root)::-webkit-scrollbar-track{background:#0a11561a}body:has(.app-view-root)::-webkit-scrollbar-track{background:#0a11561a}.app-view-root::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}html:has(.app-view-root)::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}body:has(.app-view-root)::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}.app-view-root::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}html:has(.app-view-root)::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}body:has(.app-view-root)::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ff4a44 0%,#0a1156 100%)}.app-view-root::-webkit-scrollbar-button{width:0;height:0;display:none}html:has(.app-view-root)::-webkit-scrollbar-button{width:0;height:0;display:none}body:has(.app-view-root)::-webkit-scrollbar-button{width:0;height:0;display:none}.app-view-root .app-main-layout{z-index:1;grid-template-columns:minmax(0,1fr) minmax(340px,390px);align-items:start;gap:22px;width:min(100% - 40px,1280px);max-width:1280px;height:auto;min-height:calc(100vh + 80px);margin:0 auto 200px;padding:112px 0 430px;display:grid;position:relative;overflow:visible}.app-view-root .app-list-panel,.app-view-root .app-details-panel{background:radial-gradient(circle at 100% 0,#fa2b2414,#0000 34%),radial-gradient(circle at 0 100%,#0818a00f,#0000 34%),linear-gradient(#fffffff5,#f8fafff0);box-shadow:0 24px 60px #0a11561f}.app-view-root .app-details-panel{flex-direction:column;height:920px;min-height:920px;max-height:920px;padding:18px 12px 18px 18px;display:flex;position:sticky;top:92px;overflow:hidden}.app-view-root .app-list-header{isolation:isolate;background:linear-gradient(135deg,#ffffff29,#0000 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);border:1px solid #dce6ff;border-radius:22px;align-items:center;gap:14px;min-height:86px;margin-bottom:14px;padding:16px 18px;display:flex;position:relative;overflow:hidden;transform:translateY(-4px);box-shadow:0 18px 38px #0a115624,0 0 0 6px #ffffff5c}.app-view-root .app-list-header:before{content:"";filter:blur(18px);z-index:-1;background:#fa2b2424;border-radius:999px;height:42px;position:absolute;inset:auto 20px -18px}.app-view-root .app-list-header-icon{color:#fff;background:#ffffff2e;border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.app-view-root .app-list-header h2{color:#fff;margin:0;font-size:clamp(1.08rem,1.8vw,1.36rem);font-weight:700}.app-view-root .app-list-header p{color:#ffffffc7;max-width:520px;margin:5px 0 0;font-size:.8rem;line-height:1.35}.app-view-root .app-search-wrapper{min-height:46px;box-shadow:none;background:#ffffffd1;border:1px solid #0818a01f;border-radius:16px;margin-bottom:14px}.app-view-root .app-search-field{color:#0a1156;font-size:.9rem}.app-view-root .app-filter-bar{background:#ffffffc7;border-radius:16px;width:fit-content;margin-bottom:14px;padding:4px}.app-view-root .app-filter-option{color:#4a5872;border-radius:10px;gap:7px;min-height:32px;padding:0 10px;font-size:.76rem;font-weight:600}.app-view-root .app-filter-option strong{color:#0818a0;background:#0818a017;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:7px;padding:0 6px;font-size:.68rem;font-weight:650;display:inline-flex}.app-view-root .app-filter-option.active{color:#fff;background:linear-gradient(135deg,#ffffff29,#0000 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);box-shadow:0 12px 26px #0818a033}.app-view-root .app-filter-option.active strong{color:#fff;background:#ffffff38}.app-view-root .app-table-container{box-shadow:none;border-radius:22px;flex-direction:column;height:760px;padding:10px;display:flex;overflow:hidden}.app-view-root .app-table-head{background:#0818a012;border-bottom:1px solid #0818a01a;border-radius:10px;min-height:42px;padding:10px 14px 0}.app-view-root .app-table-head-cell{color:#0818a0;letter-spacing:.03em;text-transform:uppercase;font-size:.72rem;font-weight:650}.app-view-root .app-table-body{scrollbar-gutter:stable;flex:auto;height:auto;min-height:0;max-height:none;padding:12px;overflow-y:scroll}.app-view-root .app-table-body::-webkit-scrollbar{width:8px}.app-view-root .app-details-scroll::-webkit-scrollbar{width:8px}.app-view-root .app-modal-body::-webkit-scrollbar{width:8px}.app-view-root .app-table-body::-webkit-scrollbar-track{background:0 0;border-radius:999px;margin:14px 0}.app-view-root .app-details-scroll::-webkit-scrollbar-track{background:0 0;border-radius:999px;margin:14px 0}.app-view-root .app-modal-body::-webkit-scrollbar-track{background:0 0;border-radius:999px;margin:14px 0}.app-view-root .app-table-body::-webkit-scrollbar-thumb{background:#fa2b24;border:2px solid #ffffffc7;border-radius:999px}.app-view-root .app-details-scroll::-webkit-scrollbar-thumb{background:#fa2b24;border:2px solid #ffffffc7;border-radius:999px}.app-view-root .app-modal-body::-webkit-scrollbar-thumb{background:#fa2b24;border:2px solid #ffffffc7;border-radius:999px}.app-view-root .app-table-row{background:radial-gradient(circle at 100% 0,#fa2b240f,#0000 32%),#fff;border:1px solid #0818a014;border-radius:18px;min-height:92px;margin-bottom:12px;padding:14px 18px;box-shadow:0 10px 24px #0a11560f}.app-view-root .app-table-row:hover,.app-view-root .app-table-row.selected{border-color:#fa2b246b;transform:translateY(-1px);box-shadow:0 0 0 4px #fa2b2414,0 16px 34px #0a11561a}.app-view-root .app-table-cell{color:#0a1156;font-size:.82rem;line-height:1.35}.app-view-root .app-service-display{gap:2px;line-height:1.25;display:inline-grid}.app-view-root .app-service-primary{color:#0a1156;font-weight:650}.app-view-root .app-service-sub{color:#61708b;font-size:.92em;font-weight:400}.app-view-root .app-service-cell,.app-view-root .app-schedule-date,.app-view-root .app-pet-card-name{color:#0a1156;font-weight:650}.app-view-root .app-pet-card-thumb{object-fit:cover;border:0;border-radius:14px;width:52px;height:52px}.app-view-root .app-pet-card-breed,.app-view-root .app-time-cell{color:#61708b;font-size:.78rem}.app-view-root .app-status-pill{border-radius:999px;font-size:.72rem;font-weight:650}.app-view-root .app-details-title{border-bottom:1px solid #0818a01a;padding:0 6px 14px 0}.app-view-root .app-details-title h3{color:#0a1156;margin:0;font-size:1.05rem;font-weight:650}.app-view-root .app-details-scroll{scrollbar-gutter:stable;min-height:0;padding:16px 10px 18px 0;overflow-y:auto}.app-view-root .app-pet-summary{background:linear-gradient(90deg,#fffffff0,#ffffffb8),radial-gradient(circle at 100% 0,#fa2b241f,#0000 36%),#f5f8ff;border-radius:20px;min-height:136px;margin-bottom:14px;overflow:hidden}.app-view-root .app-pet-thumb{object-fit:cover;border:3px solid #fff;border-radius:20px;width:86px;height:86px;box-shadow:0 14px 30px #0a115624}.app-view-root .app-pet-name-badge h4{color:#0a1156;font-weight:650}.app-view-root .app-pet-name-badge p{color:#61708b}.app-view-root .app-info-row,.app-view-root .app-medical-item,.app-view-root .app-notes-block,.app-view-root .app-reschedule-request-block{background:#ffffffbd;border:1px solid #0818a014;border-radius:16px}.app-view-root .app-medical-block{background:radial-gradient(circle at 100% 0,#fa2b2412,#0000 34%),#ffffffad;border:1px solid #0818a01a;border-radius:18px;margin-top:12px;padding:12px}.app-view-root .app-medical-block h4{margin-bottom:10px;font-size:.92rem}.app-view-root .app-medical-item{min-height:46px;padding:10px 12px;font-size:.78rem}.app-view-root .app-medical-note{margin-top:6px;font-size:.76rem;line-height:1.35}.app-view-root .app-info-row{grid-template-columns:22px minmax(72px,auto) minmax(0,1fr);align-items:center;gap:10px;min-height:44px;margin-bottom:8px;padding:10px 12px;font-size:.82rem;display:grid}.app-view-root .app-info-label{color:#0818a0;font-weight:650}.app-view-root .app-info-value{color:#0a1156}.app-view-root .app-action-bar{border-top:1px solid #0818a01a;margin-top:18px;padding-top:18px}.app-view-root .app-action-btn,.app-view-root .app-btn-primary{border-radius:12px;font-weight:650;box-shadow:0 12px 24px #0818a029}.app-view-root .app-action-btn.reschedule,.app-view-root .app-btn-primary{background:linear-gradient(135deg,#ffffff29,#0000 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%)}.app-view-root .app-action-btn.reschedule{background:linear-gradient(135deg,#3d67ee 0%,#0818a0 100%)}.app-view-root .app-action-btn.reschedule:hover{background:linear-gradient(135deg,#5077ff 0%,#0a1156 100%)}.app-view-root .app-reschedule-modal .app-btn-primary{background:linear-gradient(135deg,#3d67ee 0%,#0818a0 100%)}.app-view-root .app-page-btn{color:#0818a0;background:#fff;border:1px solid #0818a02e;border-radius:12px;width:38px;height:38px;box-shadow:0 8px 18px #0a115614}.app-view-root .app-page-btn.active{color:#fff;background:#0818a0}.app-view-root .app-pagination-bar{background:#ffffffe0;border-top:1px solid #0818a01a;flex:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:10px 0 2px;display:flex}.app-view-root .app-page-btn:hover:not(:disabled){color:#fff;background:#0a1156}.app-view-root .app-page-btn:disabled{opacity:.45;cursor:not-allowed}.app-view-root .app-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 18% 0,#fa2b2447,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.app-view-root .app-modal-base{background:radial-gradient(circle at 0 0,#fa2b241f,#0000 34%),radial-gradient(circle at 100% 0,#0818a024,#0000 34%),linear-gradient(#fffffffa,#f7fafff5);border:1px solid #ffffffb8;border-radius:26px;box-shadow:0 32px 80px #04082a47}.app-view-root .app-cancel-modal,.app-view-root .app-reschedule-modal{overflow:hidden}.app-view-root .app-cancel-header,.app-view-root .app-reschedule-header{text-align:center;background:radial-gradient(circle at 0 0,#fa2b241f,#0000 34%),radial-gradient(circle at 100% 0,#0818a01f,#0000 36%),0 0;border-bottom:1px solid #0818a01a;padding:24px 28px 16px}.app-view-root .app-cancel-header h2,.app-view-root .app-reschedule-header h2{color:#0a1156;margin:8px 0 4px;font-size:1.24rem;font-weight:700}.app-view-root .app-cancel-icon,.app-view-root .app-reschedule-icon{background:#ffffffc7;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto;display:inline-flex;box-shadow:0 14px 30px #0a11561f}.app-view-root .app-step-subtitle{color:#61708b;font-size:.8rem;font-weight:500}.app-view-root .app-modal-body{padding:20px 26px}.app-view-root .app-view-footer{color:#fff;background:#050816;width:100%;margin-top:72px;margin-bottom:0;padding:58px max(20px,50vw - 640px) 22px;position:relative}.app-view-root .app-view-footer:before{content:"";pointer-events:none;background:linear-gradient(#dfe8ff00 0%,#0818a014 24%,#0818a042 48%,#0a1156b3 78%,#050816 100%),linear-gradient(115deg,#fa2b2438 8%,#0818a024 48%,#ffffff0a 100%);height:240px;position:absolute;bottom:100%;left:0;right:0}.app-view-root .app-view-footer:after{content:"";pointer-events:none;background:linear-gradient(115deg,#fa2b243d 8%,#0818a01a 48%,#ffffff0a 100%),linear-gradient(#0a1156f5,#050816 78%);position:absolute;inset:0}.app-view-root .app-view-footer .home-footer-main{z-index:1;grid-template-columns:minmax(240px,.7fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);width:min(100%,1180px);margin:0 auto;display:grid;position:relative}.app-view-root .app-view-footer .home-footer-brand,.app-view-root .app-view-footer .home-footer-contact-actions a,.app-view-root .app-view-footer .home-footer-powered{align-items:center;display:flex}.app-view-root .app-view-footer .home-footer-brand{gap:16px}.app-view-root .app-view-footer .home-footer-brand img{object-fit:contain;border-radius:18px;width:72px;height:72px}.app-view-root .app-view-footer h2,.app-view-root .app-view-footer h3,.app-view-root .app-view-footer p{margin:0}.app-view-root .app-view-footer h2,.app-view-root .app-view-footer h3{color:#fff}.app-view-root .app-view-footer p{color:#ffffffbd}.app-view-root .app-view-footer .home-footer-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.app-view-root .app-view-footer .home-footer-branch{gap:10px;display:grid}.app-view-root .app-view-footer .home-footer-contact-actions{flex-wrap:wrap;gap:10px;display:flex}.app-view-root .app-view-footer .home-footer-contact-actions a{color:#fff;background:#ffffff1f;border-radius:999px;gap:7px;min-height:38px;padding:0 14px;font-size:.84rem;font-weight:650;text-decoration:none}.app-view-root .app-view-footer .home-footer-powered{z-index:1;color:#ffffff9e;border-top:1px solid #ffffff24;justify-content:center;gap:10px;width:min(100%,1180px);margin:40px auto 0;padding-top:18px;font-size:.85rem;position:relative}.app-view-root .app-view-footer .home-footer-powered img{object-fit:contain;width:54px;height:54px}.app-view-root .app-view-footer{color:#fff;background:linear-gradient(#dfe8ff 0%,#dfe8fff2 18%,#0818a02e 44%,#0a1156d1 76%,#050816 100%),#0a1156;width:100%;margin-top:-260px;margin-bottom:0;padding:300px max(20px,50vw - 640px) 22px}.app-view-root .app-view-footer:before,.app-view-root .app-view-footer:after{content:none}@media (width<=980px){.app-view-root .app-main-layout{grid-template-columns:1fr;width:min(100% - 28px,760px);min-height:auto;padding:92px 0 380px}.app-view-root .app-details-panel{height:820px;min-height:820px;max-height:820px;position:static}.app-view-root .app-table-head{display:none}.app-view-root .app-list-panel{height:auto;min-height:0}.app-view-root .app-table-container{height:720px}.app-view-root .app-table-row{grid-template-columns:1fr;gap:10px;min-height:auto;padding:14px;display:grid}.app-view-root .app-table-body{height:auto;min-height:0;max-height:none}.app-view-root .app-table-cell{grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;width:100%;font-size:.82rem;display:grid}.app-view-root .app-table-cell:before{content:attr(data-label);color:#61708b;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.app-view-root .app-pet-cell{grid-template-columns:86px 44px minmax(0,1fr);display:grid}.app-view-root .app-pet-cell:before{grid-column:1}.app-view-root .app-pet-card-thumb{border-radius:12px;grid-column:2;width:44px;height:44px}.app-view-root .app-pet-card-copy{grid-column:3;min-width:0}.app-view-root .app-view-footer{margin-top:-230px;padding:270px 20px 22px}.app-view-root .app-view-footer .home-footer-main,.app-view-root .app-view-footer .home-footer-branches{grid-template-columns:1fr}.app-view-root .app-view-footer .home-footer-contact-actions a{justify-content:center;width:100%}}.app-view-root .app-view-footer.pet-profile-footer:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#dfe8ff00 0%,#0818a00f 18%,#0818a038 42%,#0a1156c2 76%,#050816 100%),linear-gradient(115deg,#fa2b242e 8%,#0818a024 48%,#ffffff0a 100%);height:260px;position:absolute;bottom:100%;left:0;right:0}.app-view-root .app-view-footer.pet-profile-footer:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0a11562e,#05081600 42%);position:absolute;inset:0}@media (width<=980px){.app-view-root .app-view-footer.pet-profile-footer{margin-top:32px;padding-top:54px}.app-view-root .app-view-footer.pet-profile-footer:before{height:220px}}.app-view-root .app-list-header{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:8px;padding:20px 18px 10px;display:block;transform:none}.app-view-root .app-list-header:before,.app-view-root .app-list-header-icon,.app-view-root .app-list-header p{display:none}.app-view-root .app-summary-data{color:#0a1156;font-size:.8rem;font-weight:600;line-height:1.35}.app-view-root .app-summary-data .app-service-display{gap:1px}.app-view-root .app-summary-data .app-service-sub{font-size:.88em}.app-view-root .app-cancel-modal,.app-view-root .app-reschedule-modal{background:linear-gradient(#fffffffa,#f8fafffa),radial-gradient(circle at 0 0,#fa2b241f,#0000 32%),radial-gradient(circle at 100% 0,#0818a01f,#0000 34%);border-radius:18px;width:min(94vw,760px);max-height:min(90vh,760px);box-shadow:0 28px 70px #04082a42}.app-view-root .app-cancel-header,.app-view-root .app-reschedule-header{text-align:left;background:linear-gradient(90deg,#fa2b241a,#0818a012,#fff0);border-bottom:1px solid #9dabc347;align-content:center;min-height:116px;padding:22px 28px 18px 96px;display:grid;position:relative}.app-view-root .app-cancel-icon,.app-view-root .app-reschedule-icon{background:#fff;border-radius:14px;width:50px;height:50px;margin:0;position:absolute;top:24px;left:28px;box-shadow:inset 0 0 0 1px #9dabc347,0 12px 28px #0a11561f}.app-view-root .app-cancel-icon svg,.app-view-root .app-reschedule-icon svg{width:30px;height:30px}.app-view-root .app-cancel-header h2,.app-view-root .app-reschedule-header h2{color:#0a1156;margin:0 0 5px;font-size:1.18rem;line-height:1.15}.app-view-root .app-step-subtitle{color:#61708b;margin:0;font-size:.78rem;font-weight:650}.app-view-root .app-cancel-modal .app-modal-body,.app-view-root .app-reschedule-modal .app-modal-body{background:#ffffff9e;max-height:calc(90vh - 230px);padding:20px 26px}.app-view-root .app-step-guide{background:#fff;border:1px solid #9dabc342;border-left:4px solid #3d67ee;border-radius:12px;margin-bottom:14px;padding:12px 14px}.app-view-root .app-step-guide h3{color:#0a1156;margin:0;font-size:.98rem;line-height:1.25}.app-view-root .app-step-guide p{color:#61708b;margin:5px 0 0;font-size:.8rem;line-height:1.45}.app-view-root .app-input-group,.app-view-root .app-calendar-panel,.app-view-root .app-time-panel,.app-view-root .app-summary-card,.app-view-root .app-reason-card,.app-view-root .app-info-banner,.app-view-root .app-info-box,.app-view-root .app-warning-box{background:#fff;border:1px solid #9dabc347;border-radius:14px;box-shadow:0 12px 28px #0a115612}.app-view-root .app-input-group{padding:16px}.app-view-root .app-field-label{color:#0a1156;font-size:.8rem;font-weight:700}.app-view-root .app-textarea-field{color:#0a1156;background:#f8faff;border:1px solid #9dabc36b;border-radius:12px;min-height:120px;margin-top:8px;font-size:.86rem}.app-view-root .app-input-footer{margin-top:8px;font-size:.76rem}.app-view-root .app-calendar-panel{padding:16px}.app-view-root .app-calendar-panel>div[style]{background:#f8faff!important;border-color:#9dabc352!important;border-radius:12px!important}.app-view-root .app-time-panel{margin-top:14px;padding:14px}.app-view-root .app-time-header h4{color:#0a1156;font-size:.9rem}.app-view-root .app-time-grid{gap:8px}.app-view-root .app-time-option{border-radius:10px;min-height:38px;font-size:.78rem}.app-view-root .app-summary-card,.app-view-root .app-reason-card{margin-bottom:10px;padding:13px 14px}.app-view-root .app-card-header h4,.app-view-root .app-info-header h4,.app-view-root .app-warning-header h4{color:#0a1156;font-size:.9rem}.app-view-root .app-summary-line{grid-template-columns:minmax(88px,.42fr) minmax(0,1fr);gap:12px;padding:7px 0;display:grid}.app-view-root .app-summary-tag{color:#61708b;font-size:.74rem;font-weight:700}.app-view-root .app-info-banner,.app-view-root .app-info-box,.app-view-root .app-warning-box{padding:12px 14px}.app-view-root .app-info-banner span,.app-view-root .app-info-box p,.app-view-root .app-warning-box li,.app-view-root .app-checkbox-label{font-size:.8rem;line-height:1.45}.app-view-root .app-modal-bottom{background:#f8fafff0;border-top:1px solid #9dabc347;padding:14px 22px}.app-view-root .app-modal-footer-actions{gap:10px}.app-view-root .app-btn-outline,.app-view-root .app-btn-primary{border-radius:999px;min-height:40px;font-size:.84rem}.app-view-root .app-view-footer.pet-profile-footer{background:linear-gradient(#0818a000 0%,#0818a00d 22%,#0818a02e 38%,#0818a080 56%,#0a1156e0 78%,#050816 100%),linear-gradient(115deg,#fa2b2452 8%,#0818a02e 48%,#ffffff14 100%),#0a1156}@media (width<=768px){.app-view-root .app-main-layout{width:min(100% - 24px,560px);padding:84px 0 300px;display:block}.app-view-root .app-list-panel{border-radius:16px;height:auto;min-height:0;padding:14px}.app-view-root .app-details-panel{display:none}.app-view-root .app-list-header{padding:12px 4px 10px}.app-view-root .app-list-header h2{font-size:21px}.app-view-root .app-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.app-view-root .app-filter-option{justify-content:center}.app-view-root .app-table-container{background:0 0;border-radius:14px;height:auto;min-height:0;padding:0}.app-view-root .app-table-head{display:none}.app-view-root .app-table-body{height:auto;max-height:none;padding:0;overflow:visible}.app-view-root .app-table-row{border-radius:16px;grid-template-columns:1fr auto;gap:10px 12px;min-height:0;margin-bottom:12px;padding:14px;display:grid}.app-view-root .app-table-cell{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;font-size:.82rem;display:grid}.app-view-root .app-table-cell:before{content:attr(data-label);color:#61708b;letter-spacing:.03em;text-transform:uppercase;font-size:.68rem;font-weight:800}.app-view-root .app-service-cell{grid-column:1/-1}.app-view-root .app-pet-cell{grid-column:1/-1;grid-template-columns:76px 42px minmax(0,1fr)}.app-view-root .app-pet-cell:before{grid-column:1}.app-view-root .app-pet-card-thumb{grid-column:2;width:42px;height:42px}.app-view-root .app-pet-card-copy{grid-column:3;min-width:0}.app-view-root .app-schedule-cell,.app-view-root .app-table-cell[data-label=Status]{grid-column:1/-1}.app-view-root .app-status-pill{width:fit-content}.app-view-root .app-pagination-bar{background:0 0;flex-wrap:wrap;margin-top:8px;padding:12px 0 0}.app-view-root .app-cancel-modal,.app-view-root .app-reschedule-modal{border-radius:16px;width:min(94vw,540px);max-height:90vh}.app-view-root .app-cancel-header,.app-view-root .app-reschedule-header{min-height:104px;padding:18px 18px 16px 82px}.app-view-root .app-cancel-icon,.app-view-root .app-reschedule-icon{width:46px;height:46px;top:20px;left:18px}.app-view-root .app-cancel-modal .app-modal-body,.app-view-root .app-reschedule-modal .app-modal-body{max-height:calc(90vh - 220px);padding:16px}.app-view-root .app-summary-line{grid-template-columns:1fr;gap:3px}.app-view-root .app-modal-footer-actions{grid-template-columns:1fr;display:grid}}.app-view-root .app-main-layout{grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:18px;width:min(100% - 44px,1180px);max-width:1180px;min-height:auto;padding:102px 0 350px}.app-view-root .app-list-panel{height:820px;min-height:820px;padding:16px}.app-view-root .app-details-panel{border-radius:18px;height:820px;min-height:820px;max-height:820px;padding:16px 10px 14px 16px;top:88px}.app-view-root .app-list-header{border-radius:16px;gap:11px;min-height:64px;margin-bottom:12px;padding:11px 14px;transform:none;box-shadow:0 12px 24px #0a11561c,0 0 0 4px #ffffff47}.app-view-root .app-list-header:before{filter:blur(16px);height:34px;inset:auto 18px -22px}.app-view-root .app-list-header-icon{border-radius:12px;width:36px;height:36px}.app-view-root .app-list-header h2{font-size:clamp(.98rem,1.4vw,1.14rem)}.app-view-root .app-list-header p{margin-top:3px;font-size:.72rem;line-height:1.25}.app-view-root .app-search-wrapper{border-radius:13px;min-height:40px;margin-bottom:10px}.app-view-root .app-filter-bar{border-radius:13px;margin-bottom:10px}.app-view-root .app-filter-option{border-radius:9px;min-height:28px;padding:0 9px;font-size:.72rem}.app-view-root .app-table-container{border-radius:16px;height:692px}.app-view-root .app-table-head{min-height:36px;padding:8px 12px 0}.app-view-root .app-table-body{padding:10px}.app-view-root .app-table-row{border-radius:14px;min-height:78px;margin-bottom:9px;padding:11px 14px}.app-view-root .app-pet-card-thumb{border-radius:12px;width:44px;height:44px}.app-view-root .app-details-title{padding:0 4px 10px 0}.app-view-root .app-details-title h3{font-size:.98rem}.app-view-root .app-details-scroll{padding:12px 8px 14px 0}.app-view-root .app-pet-summary{border-radius:15px;min-height:94px;margin-bottom:10px;padding:12px}.app-view-root .app-pet-thumb{border-width:2px;border-radius:15px;width:62px;height:62px;box-shadow:0 10px 22px #0a11561f}.app-view-root .app-pet-name-badge h4{margin:0 0 3px;font-size:1rem}.app-view-root .app-pet-name-badge p{margin:0;font-size:.78rem}.app-view-root .app-info-row{border-radius:12px;grid-template-columns:20px minmax(62px,auto) minmax(0,1fr);gap:8px;min-height:38px;margin-bottom:7px;padding:8px 10px;font-size:.78rem}.app-view-root .app-info-row svg,.app-view-root .app-medical-item svg{width:15px;height:15px}.app-view-root .app-notes-block,.app-view-root .app-reschedule-request-block,.app-view-root .app-medical-block{border-radius:14px}.app-view-root .app-notes-block{padding:10px 12px}.app-view-root .app-notes-block h4,.app-view-root .app-medical-block h4{font-size:.84rem}.app-view-root .app-notes-block p{font-size:.78rem;line-height:1.45}.app-view-root .app-medical-block{margin-top:10px;padding:10px}.app-view-root .app-medical-item{border-radius:12px;min-height:38px;padding:8px 10px;font-size:.74rem}.app-view-root .app-action-bar{margin-top:12px;padding-top:12px}.app-view-root .app-action-btn{border-radius:10px;min-height:38px}.app-view-root .app-empty-details svg{width:44px;height:44px}.app-view-root .app-empty-details p{font-size:.84rem}.app-view-root .app-view-footer.pet-profile-footer{color:#fff;background:linear-gradient(#0818a000 0%,#0818a00d 22%,#0818a02e 38%,#0818a080 56%,#0a1156e0 78%,#050816 100%),linear-gradient(115deg,#fa2b2452 8%,#0818a02e 48%,#ffffff14 100%),#0a1156;width:100%;margin-top:-210px;margin-bottom:0;padding:250px max(20px,50vw - 640px) 22px}.app-view-root .app-view-footer.pet-profile-footer:before,.app-view-root .app-view-footer.pet-profile-footer:after{content:none}.app-view-root .app-view-footer.pet-profile-footer .home-footer-main{grid-template-columns:minmax(240px,.7fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);width:min(100%,1180px);margin:0 auto;display:grid}.app-view-root .app-view-footer.pet-profile-footer .home-footer-brand{align-items:center;gap:16px;display:flex}.app-view-root .app-view-footer.pet-profile-footer .home-footer-brand img{object-fit:contain;border-radius:18px;width:72px;height:72px}.app-view-root .app-view-footer.pet-profile-footer .home-footer-brand h2,.app-view-root .app-view-footer.pet-profile-footer .home-footer-brand p,.app-view-root .app-view-footer.pet-profile-footer .home-footer-branches h3,.app-view-root .app-view-footer.pet-profile-footer .home-footer-branches p{margin:0}.app-view-root .app-view-footer.pet-profile-footer .home-footer-brand h2{color:#fff;font-size:1.8rem;line-height:1}.app-view-root .app-view-footer.pet-profile-footer .home-footer-brand p,.app-view-root .app-view-footer.pet-profile-footer .home-footer-branch p{color:#ffffffbd}.app-view-root .app-view-footer.pet-profile-footer .home-footer-branches{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.app-view-root .app-view-footer.pet-profile-footer .home-footer-branch{gap:10px;display:grid}.app-view-root .app-view-footer.pet-profile-footer .home-footer-branch h3{color:#fff;font-size:1.1rem}.app-view-root .app-view-footer.pet-profile-footer .home-footer-contact-actions{flex-wrap:wrap;gap:10px;display:flex}.app-view-root .app-view-footer.pet-profile-footer .home-footer-contact-actions a{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff24}.app-view-root .app-view-footer.pet-profile-footer .home-footer-powered{color:#ffffff9e;border-top:1px solid #ffffff24;justify-content:center;align-items:center;gap:10px;width:min(100%,1180px);margin:40px auto 0;padding-top:18px;font-size:.85rem;display:flex}.app-view-root .app-view-footer.pet-profile-footer .home-footer-powered img{object-fit:contain;width:54px;height:54px}@media (width<=980px){.app-view-root .app-main-layout{grid-template-columns:1fr;width:min(100% - 28px,760px);padding:92px 0 330px}.app-view-root .app-list-panel,.app-view-root .app-details-panel{height:auto;min-height:0}.app-view-root .app-details-panel{max-height:none}.app-view-root .app-table-container{height:650px}.app-view-root .app-view-footer.pet-profile-footer{margin-top:-210px;padding:250px 20px 22px}.app-view-root .app-view-footer.pet-profile-footer .home-footer-main,.app-view-root .app-view-footer.pet-profile-footer .home-footer-branches{grid-template-columns:1fr}.app-view-root .app-view-footer.pet-profile-footer .home-footer-brand{align-items:flex-start}.app-view-root .app-view-footer.pet-profile-footer .home-footer-contact-actions a{justify-content:center;width:100%}}.app-view-root .app-list-header{min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:20px 20px 10px!important;display:block!important;transform:none!important}.app-view-root .app-list-header:before,.app-view-root .app-list-header:after,.app-view-root .app-list-header-icon,.app-view-root .app-list-header p{content:none!important;display:none!important}.app-view-root .app-view-footer.pet-profile-footer{isolation:isolate!important;background:linear-gradient(115deg,#fa2b2452 8%,#0818a02e 48%,#ffffff14 100%),#050816!important;margin-top:40px!important;padding-top:64px!important;position:relative!important;overflow:visible!important}@media (width<=980px){.app-view-root .app-list-header{padding:16px 10px 10px!important}.app-view-root .app-list-header h2{font-size:22px!important}.app-view-root .app-view-footer.pet-profile-footer{margin-top:32px!important;padding-top:54px!important}.app-view-root .app-view-footer.pet-profile-footer:before{height:220px!important}}.app-view-root .app-list-header{background:linear-gradient(135deg,#ffffff29,#0000 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 42%,#0818a0 100%)!important;border:1px solid #ffffff57!important;border-radius:16px!important;align-items:center!important;gap:12px!important;min-height:72px!important;margin:0 0 12px!important;padding:20px 16px!important;display:flex!important;transform:none!important;box-shadow:0 16px 34px #0a115629,0 0 0 4px #ffffff47!important}.app-view-root .app-list-header:before,.app-view-root .app-list-header:after{content:none!important;display:none!important}.app-view-root .app-list-header-icon{color:#fff!important;background:#ffffff29!important;border-radius:13px!important;flex:none!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;display:inline-flex!important;box-shadow:inset 0 0 0 1px #ffffff2e!important}.app-view-root .app-list-header h2{color:#fff!important;margin:0!important;font-size:24px!important;font-weight:700!important;line-height:1.15!important}.app-view-root .app-list-header p{color:#ffffffc7!important;margin:4px 0 0!important;font-size:.78rem!important;line-height:1.35!important;display:block!important}.app-view-root .app-view-footer.pet-profile-footer{isolation:isolate!important;color:#fff!important;background:linear-gradient(#0818a000 0%,#0818a00d 22%,#0818a02e 38%,#0818a080 56%,#0a1156e0 78%,#050816 100%),linear-gradient(115deg,#fa2b2452 8%,#0818a02e 48%,#ffffff14 100%),#0a1156!important;width:100%!important;margin-top:-210px!important;margin-bottom:0!important;padding:250px max(20px,50vw - 640px) 22px!important;position:relative!important;overflow:visible!important}.app-view-root .app-view-footer.pet-profile-footer:before{content:""!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(#dfe8ff00 0%,#0818a00d 22%,#0818a02e 38%,#0818a080 56%,#0a1156e0 78%,#050816 100%),linear-gradient(115deg,#fa2b2452 8%,#0818a02e 48%,#ffffff14 100%)!important;height:210px!important;display:block!important;position:absolute!important;bottom:100%!important;left:0!important;right:0!important}.app-view-root .app-view-footer.pet-profile-footer:after{content:""!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(#0a11562e,#05081600 42%)!important;display:block!important;position:absolute!important;inset:0!important}.app-view-root .app-view-footer.pet-profile-footer .home-footer-main,.app-view-root .app-view-footer.pet-profile-footer .home-footer-powered{z-index:1!important;position:relative!important}.app-view-booking-toast{z-index:1200;color:#fff;cursor:pointer;background:linear-gradient(135deg,#ffffff2e,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);border:1px solid #fff9;border-radius:999px;align-items:center;gap:11px;min-height:58px;padding:9px 18px 9px 10px;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 44px #0818a047}.app-view-booking-toast:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #fa2b2457;animation:1.9s ease-out infinite appViewBookingPulse;position:absolute;inset:-7px}.app-view-booking-toast .home-booking-toast-icon{border-radius:999px;flex:none;width:40px;height:40px}.app-view-booking-toast .home-booking-toast-copy{color:#fff;white-space:nowrap;font-size:.82rem;font-weight:400}@keyframes appViewBookingPulse{0%{opacity:.8;transform:scale(.96)}to{opacity:0;transform:scale(1.18)}}@media (width<=980px){.app-view-root .app-view-footer.pet-profile-footer{margin-top:-210px!important;padding:250px 20px 22px!important}.app-view-root .app-view-footer.pet-profile-footer:before{height:210px!important}}@media (width<=768px){.app-view-root .app-list-header{min-height:68px!important;padding:12px!important}.app-view-root .app-list-header-icon{width:38px!important;height:38px!important}.app-view-root .app-list-header h2{font-size:21px!important}.app-view-root .app-list-header p{font-size:.74rem!important}.app-view-booking-toast{min-height:52px;padding-right:14px;bottom:16px;right:14px}.app-view-booking-toast .home-booking-toast-copy{white-space:normal;max-width:150px;font-size:.8rem;line-height:1.15}}.smart-analytics-wrapper{max-width:1600px;margin:0 auto;padding:20px}.analytics-status-banner{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.analytics-status-banner.loading{color:#3d67ee;background:#ebf4ff;border-color:#c7d8ff}.analytics-status-banner.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.analytics-empty-chart{color:#94a3b8;background:#f8fafc;border:1px dashed #dbe4f0;border-radius:14px;justify-content:center;align-items:center;min-height:180px;font-size:12px;display:flex}.forecast-accuracy-pill{white-space:nowrap;color:#3d67ee;background:#ebf4ff;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:600;display:flex}.validation-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.validation-summary-grid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:12px}.validation-summary-grid span{color:#64748b;margin-bottom:6px;font-size:11px;display:block}.validation-summary-grid strong{color:#1e293b;word-break:break-word;font-size:13px;line-height:1.35;display:block}.kpi-card-ai{background:#fff;border:1px solid #3d67ee1a;border-radius:20px;padding:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-title{color:#64748b;letter-spacing:.3px;font-size:13px;font-weight:500}.kpi-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.kpi-value{color:#1e293b;margin-bottom:8px;font-size:32px;font-weight:700}.kpi-prefix,.kpi-suffix{color:#64748b;font-size:18px;font-weight:500}.kpi-trends{align-items:center;gap:12px;margin-bottom:8px;display:flex}.kpi-change{align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.kpi-change.positive{color:#10b981}.kpi-change.negative{color:#ef4444}.kpi-prediction{background:#f1f5f9;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;display:flex}.kpi-prediction.positive{color:#10b981;background:#ecfdf5}.kpi-prediction.negative{color:#ef4444;background:#fef2f2}.kpi-ai-insight{color:#3d67ee;background:#ebf4ff;border-radius:12px;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;font-size:10px;display:flex}.chart-card-ai:hover{box-shadow:0 8px 25px #00000014}.chart-header{border-left:4px solid #3d67ee;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-left:16px;display:flex}.chart-header h3{color:#1e293b;margin:0 0 4px;font-size:16px;font-weight:600}.chart-subtitle{color:#94a3b8;font-size:11px}.ai-badge{color:#fff;background:linear-gradient(135deg,#3d67ee,#8b5cf6);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:10px;font-weight:500;display:flex}.charts-grid-ai.analytics-single-chart{grid-template-columns:1fr}.ai-insight-chip{color:#3d67ee;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;font-size:12px;display:flex}.ai-insight-chip.highlight{background:linear-gradient(135deg,#3d67ee10,#8b5cf610);border-color:#3d67ee30}.inventory-intelligence{flex-direction:column;gap:20px;height:100%;display:flex}.low-stock-section-ai{scrollbar-width:thin;max-height:300px;overflow:auto}.low-stock-section-ai h4,.movement-section-ai h4{color:#1e293b;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}.low-stock-table-ai{border-collapse:collapse;width:100%;font-size:12px}.low-stock-table-ai th{text-align:left;color:#475569;z-index:1;background-color:#f1f5f9;border-radius:8px;padding:10px 8px;font-weight:600;position:sticky;top:0}.low-stock-table-ai td{color:#334155;border-bottom:1px solid #e2e8f0;padding:10px 8px}.stock-critical{color:#ef4444;font-weight:600}.ai-suggestion{color:#3d67ee;font-size:11px}.no-alert{color:#10b981;text-align:center;background-color:#ecfdf5;border-radius:10px;padding:12px;font-size:12px}.insights-panel-ai{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:24px;margin-top:8px;padding:24px}.insights-header-ai{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.insights-header-ai h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.insights-badge-ai{color:#3d67ee;background:#3d67ee33;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:500}.insights-categories{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.insight-category{background:#ffffff0d;border-radius:16px;padding:16px}.category-header{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.insight-item-ai{background:#ffffff08;border-radius:12px;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.insight-item-ai:hover{background:#ffffff14;transform:translate(4px)}.insight-item-ai.growth{border-left:3px solid #10b981}.insight-item-ai.warning{border-left:3px solid #f59e0b}.insight-item-ai.opportunity{border-left:3px solid #3d67ee}.insight-icon{font-size:18px}.insight-content{flex:1}.insight-text{color:#e2e8f0;margin-bottom:6px;font-size:12px;line-height:1.4}.insight-action{color:#94a3b8;font-size:10px;font-style:italic}.anomaly-panel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 4px 20px #0000000d}.anomaly-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.anomaly-header h4{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.anomaly-badge{color:#ef4444;background:#fef2f2;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:500}.anomaly-list{flex-direction:column;gap:12px;display:flex}.anomaly-item{background:#f8fafc;border-left:3px solid;border-radius:12px;gap:12px;padding:12px;display:flex}.anomaly-item.high{border-left-color:#ef4444}.anomaly-item.medium{border-left-color:#f59e0b}.anomaly-item.low{border-left-color:#3d67ee}.anomaly-icon{justify-content:center;align-items:center;display:flex}.anomaly-item.high .anomaly-icon{color:#ef4444}.anomaly-details{flex:1}.anomaly-description{color:#1e293b;margin-bottom:4px;font-size:12px;font-weight:500}.anomaly-meta{color:#94a3b8;font-size:10px}.performance-score{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex;box-shadow:0 4px 20px #0000000d}.score-circle{text-align:center}.score-label{justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.score-ai-insight{color:#3d67ee;background:#f1f5f9;border-radius:16px;flex:1;align-items:center;gap:10px;padding:14px 18px;font-size:12px;display:flex}.analytics-row-ai{grid-template-columns:.8fr 1.2fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=1400px){.kpi-grid-ai{grid-template-columns:repeat(3,1fr)}.insights-categories{grid-template-columns:1fr;gap:16px}}@media (width<=1200px){.kpi-grid-ai{grid-template-columns:repeat(2,1fr)}.charts-grid-ai{grid-template-columns:1fr;gap:20px}.analytics-row-ai{grid-template-columns:1fr}.smart-analytics-wrapper{padding:16px}}@media (width<=768px){.kpi-grid-ai,.validation-summary-grid{grid-template-columns:1fr}.kpi-value{font-size:28px}.chart-card-ai{padding:16px}}.recharts-default-tooltip{border:none!important;border-radius:12px!important;box-shadow:0 4px 12px #0000001a!important}.recharts-legend-item-text{color:#64748b!important;font-size:11px!important}.recharts-cartesian-axis-tick-value{fill:#64748b;font-size:10px}.insights-header-ai-white{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.insights-header-ai-white h3{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.insights-badge-ai-white{color:#fff;background:linear-gradient(135deg,#3d67ee,#8b5cf6);border-radius:20px;padding:4px 12px;font-size:10px;font-weight:500}.insight-category-white{scrollbar-width:thin;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;max-height:380px;padding:0 16px 16px;overflow-y:auto}.category-header-white{color:#1e293b;z-index:2;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;align-items:center;gap:8px;margin:-16px -16px 16px;padding:16px 16px 10px;font-size:13px;font-weight:600;display:flex;position:sticky;top:0;box-shadow:0 8px 14px #f8fafcf5}.insight-item-ai-white{background:#fff;border:1px solid #f1f5f9;border-radius:12px;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.insight-item-ai-white:hover{background:#f1f5f9;transform:translate(4px)}.insight-item-ai-white.growth{border-left:3px solid #10b981}.insight-item-ai-white.warning{border-left:3px solid #f59e0b}.insight-item-ai-white.opportunity{border-left:3px solid #3d67ee}.insight-icon-white{font-size:18px}.insight-content-white{flex:1}.insight-text-white{color:#334155;margin-bottom:6px;font-size:12px;line-height:1.4}.insight-action-white{color:#1f3fae;background:#eef4ff;border:1px solid #bfd0ff;border-radius:10px;margin-top:8px;padding:9px 10px;font-size:11px;font-style:normal;font-weight:600;line-height:1.45}.insight-action-white span{color:#3d67ee;letter-spacing:.4px;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.insight-empty-white{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #dbe4f0;border-radius:12px;padding:14px 12px;font-size:12px}@media (width<=1200px){.insights-categories-white{grid-template-columns:1fr;gap:16px}}@media (width<=768px){.insights-panel-ai-white{padding:16px}.insight-item-ai-white{padding:10px}}.analytics-page-header{margin-bottom:24px}.header-left{align-items:center;gap:16px;display:flex}.header-icon{color:#fff;background:linear-gradient(135deg,#3d67ee,#8b5cf6);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 20px #3d67ee40}.header-text{flex-direction:column;gap:4px;display:flex}.page-title{color:#1e293b;letter-spacing:-.5px;background:linear-gradient(135deg,#1e293b,#3d67ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:700}.page-description{color:#64748b;margin:0;font-size:14px}.header-stats{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:20px;padding:12px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.header-stat-item{align-items:center;gap:10px;display:flex}.stat-icon{color:#3d67ee;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-label{color:#94a3b8;font-size:11px}.stat-value{color:#1e293b;font-size:13px;font-weight:600}@media (width<=768px){.header-content{flex-direction:column;align-items:flex-start}.header-stats{justify-content:space-between;width:100%}.page-title{font-size:24px}.header-icon{width:48px;height:48px}.header-icon svg{width:24px;height:24px}}@media (width<=480px){.header-stats{flex-direction:column;gap:12px}.header-stat-item{justify-content:space-between}}.export-dropdown-wrapper{position:relative}.export-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3d67ee,#8b5cf6);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #3d67ee40}.export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3d67ee59}.analytics-export-modal-overlay{z-index:2500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.analytics-export-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:min(720px,100vw - 32px);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a47}.analytics-export-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.analytics-export-modal-header h2{color:#1e293b;margin:0 0 5px;font-size:20px;font-weight:700}.analytics-export-modal-header span{color:#64748b;font-size:13px}.analytics-export-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.analytics-export-modal-close:hover{color:#0f172a;background:#e2e8f0}.analytics-export-modal-body{flex-direction:column;gap:18px;padding:22px 24px;display:flex;overflow-y:auto}.analytics-export-field-group{flex-direction:column;gap:8px;display:flex}.analytics-export-field-group label{color:#334155;font-size:12px;font-weight:700}.analytics-export-field-group input,.analytics-export-field-group select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:40px;padding:0 12px;font-size:13px;transition:all .2s}.analytics-export-format-toggle,.analytics-export-preset-grid{gap:10px;display:grid}.analytics-export-format-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-export-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-export-format-toggle button,.analytics-export-preset-grid button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 10px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.analytics-export-format-toggle button:hover,.analytics-export-preset-grid button:hover{color:#2557ee;background:#f8fbff;border-color:#3d67ee}.analytics-export-format-toggle button.active,.analytics-export-preset-grid button.active{color:#2557ee;background:#eff6ff;border-color:#3d67ee;box-shadow:inset 0 0 0 1px #3d67ee1f}.analytics-export-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.analytics-export-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.analytics-export-sections-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.analytics-export-select-all{cursor:pointer;align-items:center;color:#2557ee!important;flex-direction:row!important;gap:7px!important;font-size:12px!important;font-weight:700!important;display:inline-flex!important}.analytics-export-select-all input{accent-color:#3d67ee;border:none;width:15px;height:15px;padding:0}.analytics-export-section-option{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;min-height:38px;padding:9px 10px;flex-direction:row!important;gap:10px!important;display:flex!important}.analytics-export-section-option input{accent-color:#3d67ee;border:none;width:15px;height:15px;padding:0}.analytics-export-section-option span{color:#1e293b;font-size:13px;font-weight:600}.analytics-export-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.analytics-export-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:18px 24px;display:flex}.analytics-export-secondary,.analytics-export-primary{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:126px;height:40px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.analytics-export-secondary{color:#334155;background:#e2e8f0}.analytics-export-secondary:hover{background:#cbd5e1}.analytics-export-primary{color:#fff;background:linear-gradient(135deg,#3d67ee,#8b5cf6);box-shadow:0 8px 18px #3d67ee38}.analytics-export-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #3d67ee52}.analytics-export-modal button:disabled{opacity:.68;cursor:not-allowed;transform:none}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}@media (width<=768px){.header-content{flex-direction:column;align-items:flex-start}.export-dropdown-wrapper{width:100%}.export-btn{justify-content:center;width:100%}.analytics-export-modal-overlay{align-items:flex-start;padding:16px}.analytics-export-modal{max-height:calc(100vh - 32px)}.analytics-export-format-toggle,.analytics-export-preset-grid,.analytics-export-date-grid,.analytics-export-section-grid{grid-template-columns:1fr}.analytics-export-modal-footer{flex-direction:column-reverse}.analytics-export-secondary,.analytics-export-primary{width:100%}}.analytics-top-container{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;height:10%;margin-bottom:24px;display:flex}.analytics-blue-text{color:#1e293b;font-size:18px;font-weight:600}.analytics-branch-label{color:#64748b;font-size:13px;font-weight:500}.analytics-export-btn{background:linear-gradient(135deg,#3d67ee,#8b5cf6)!important;padding:8px 16px!important;font-size:13px!important}.analytics-icon-button{background:0 0!important;padding:8px!important}.analytics-notification-container{padding-right:20px}@media (width<=1200px){.analytics-top-container{flex-direction:column;align-items:stretch;gap:12px;padding:12px}.analytics-sub-top-container{flex-wrap:wrap;justify-content:space-between}.analytics-sub-top-container:first-child{padding-left:0!important}.analytics-notification-container{justify-content:flex-end}}@media (width<=768px){.analytics-sub-top-container{flex-wrap:wrap;gap:12px}.analytics-blue-text{font-size:16px}}.analytics-sub-top-container{background-color:#fff;border-radius:12px;flex-direction:row;flex:20;align-items:center;min-height:20px;padding:10px 20px;display:flex;box-shadow:0 0 18px #0000001f}.analytics-sub-top-left{align-items:center;gap:10px;display:flex}.analytics-blue-icon{color:#3d67ee}.analytics-blue-text{color:#3d67ee;margin-left:10px;font-size:16px;font-weight:620}.analytics-branch-selector{border-right:2px solid #9c9c9ca4;align-items:center;gap:10px;margin-left:auto;margin-right:20px;padding-right:22px;display:flex}.analytics-branch-label{color:#3d67ee;margin-right:10px;font-size:14px;font-weight:500}.analytics-branch-select{color:#333;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:150px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s}.analytics-branch-select:hover{border-color:#3d67ee;box-shadow:0 2px 4px #3d67ee1a}.analytics-notification-container{flex:.5;justify-content:center;margin-left:12px}.analytics-icon-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.analytics-export-dropdown-container{position:relative}.analytics-export-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;align-items:center;gap:8px;height:30px;padding:0 15px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.analytics-export-btn:hover{background:linear-gradient(135deg,#fb8c00,#ef6c00);transform:translateY(-1px);box-shadow:0 2px 8px #ff98004d}.analytics-export-btn .rotated{transform:rotate(180deg)}.analytics-export-dropdown{z-index:100;background:#fff;border-radius:8px;min-width:180px;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.analytics-export-option{text-align:left;cursor:pointer;background:#fff;border:none;align-items:center;gap:8px;width:100%;padding:10px 15px;font-size:13px;transition:all .2s;display:flex}.analytics-export-option:hover{background-color:#f0f0f0}.analytics-export-option:first-child{border-bottom:1px solid #f0f0f0}.analytics-wrapper{max-width:1600px;margin:0 auto;padding:0}.kpi-grid-ai{grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:30px;display:grid}.kpi-card-ai{background:#fff;border:1px solid #3d67ee1a;border-radius:20px;padding:20px;transition:all .3s;box-shadow:0 4px 20px #0000000d}.kpi-card-ai:hover{transform:translateY(-3px);box-shadow:0 8px 30px #3d67ee26}.charts-grid-ai{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;display:grid}.chart-card-ai{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;transition:all .3s;box-shadow:0 4px 20px #0000000d}.insights-panel-ai-white{border-radius:24px;margin-top:8px;padding:24px}.insights-categories-white{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1400px){.kpi-grid-ai{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.kpi-grid-ai{grid-template-columns:repeat(2,1fr)}.charts-grid-ai{grid-template-columns:1fr;gap:20px}.insights-categories-white{grid-template-columns:1fr;gap:16px}.analytics-top-container{flex-direction:column;align-items:stretch}.analytics-sub-top-container{justify-content:space-between}.analytics-sub-top-container:first-child{padding-left:20px!important}}@media (width<=768px){.kpi-grid-ai{grid-template-columns:1fr}.analytics-branch-selector{border-right:none;margin-left:0;padding-right:0}.analytics-sub-top-container{flex-wrap:wrap;gap:12px}.analytics-blue-text{font-size:14px}}.analytics-wrapper{padding:0 0 24px}.analytics-hero-panel{border:1px solid #ffffff1f;border-radius:24px;justify-content:space-between;align-items:center;gap:22px;min-height:154px;margin-bottom:22px;display:flex;overflow:visible;padding:22px 24px!important}.analytics-hero-brand{align-items:center;gap:18px;min-width:0;display:flex}.analytics-hero-brand img{object-fit:contain;background:#ffffffeb;border:2px solid #ffffffb8;border-radius:20px;width:72px;height:72px;padding:4px;box-shadow:0 16px 30px #0003}.analytics-hero-kicker{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;font-weight:760;display:inline-flex}.analytics-hero-brand h1{color:#0000;background-color:#0000;background-image:radial-gradient(circle at 100% 0,#fa2b249e,#0000 90%),linear-gradient(135deg,#0b1732 0%,#071126 58%,#040815 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.5rem,2.2vw,2.1rem);line-height:1.08}.analytics-hero-brand p{color:#ffffffa8;max-width:620px;margin:8px 0 0;font-size:.86rem;line-height:1.45}.analytics-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.analytics-branch-selector{border-right:0;gap:6px;margin:0;padding:0;display:grid}.analytics-branch-label{color:#ffffffa8;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.68rem;font-weight:700}.analytics-branch-select{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;min-width:158px;min-height:38px;font-size:.78rem}.analytics-branch-select option{color:#0a1156}.analytics-export-btn{min-height:38px;box-shadow:none;border:1px solid #3db6ee47;border-radius:999px;background:#3db6ee24!important}.analytics-export-btn:hover{box-shadow:0 12px 24px #04082a2e;background:#3db6ee38!important}.analytics-notification-container{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:38px;height:38px;margin-left:0;padding:0;display:grid}.analytics-blue-icon,.analytics-blue-text{color:#fff}.analytics-icon-button{color:#fff!important;padding:0!important}.kpi-card-ai,.chart-card-ai,.insights-panel-ai-white{background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),radial-gradient(circle at 0 100%,#fa2b240e,#0000 36%),linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #0818a01f;box-shadow:0 18px 42px #0a115613,inset 0 1px #ffffffe6}.kpi-card-ai{padding:17px;transition:transform .18s,box-shadow .18s,border-color .18s;transform:translateY(0)}.kpi-card-ai:hover,.chart-card-ai:hover{border-color:#0818a033;transform:translateY(-3px);box-shadow:0 24px 50px #0a11561f,inset 0 1px #fffffff2}.kpi-title,.chart-subtitle,.validation-summary-grid span{color:#4a5872}.kpi-value,.chart-header h3,.low-stock-section-ai h4,.movement-section-ai h4,.insights-header-ai-white h3,.validation-summary-grid strong{color:#0a1156}.kpi-ai-insight,.ai-insight-chip,.forecast-accuracy-pill{color:#0a1156;background:#0818a00f;border:1px solid #0818a01a}.chart-header{border-bottom:1px solid #0818a01a;border-left:0;padding-bottom:12px;padding-left:0}.ai-badge,.insights-badge-ai-white{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 48%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #3db6ee47}.low-stock-section-ai,.movement-section-ai,.validation-summary-grid div,.insight-category-white,.insight-item-ai-white{background:#ffffffb8;border:1px solid #0818a01a;box-shadow:0 8px 22px #0a11560b}.low-stock-table-ai th{color:#0a1156;background:#0818a012}.low-stock-table-ai td,.insight-text-white,.insight-action-white{color:#34405a}.insights-panel-ai-white{background:radial-gradient(circle at 16% 18%,#3db6ee33,#0000 24%),radial-gradient(circle at 100% 0,#fa2b2429,#0000 26%),linear-gradient(135deg,#0b1732 0%,#071126 58%,#040815 100%);border:1px solid #ffffff1f;padding:22px;box-shadow:0 22px 50px #04082a2e}.insights-header-ai-white{border-bottom-color:#ffffff1f}.insights-header-ai-white h3{color:#fff}.insight-category-white{box-shadow:none;background:#ffffff0e;border-color:#ffffff1a}.category-header-white{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee1f,#0000 42%),#071126;border-bottom-color:#ffffff1a;box-shadow:0 8px 14px #071126e0}.insight-empty-white{color:#ffffff9e}.insight-item-ai-white{box-shadow:none;background:#ffffff13;border-color:#ffffff1a}.insight-item-ai-white:hover{background:#ffffff1c}.insight-text-white{color:#ffffffdb}.insight-action-white{color:#ffffffa8}.insight-action-white span{color:#7ed8ffeb}@media (width<=1200px){.analytics-hero-panel{flex-direction:column;align-items:stretch}.analytics-hero-actions{justify-content:flex-start}}@media (width<=700px){.analytics-hero-brand{align-items:flex-start}.analytics-hero-brand img{width:58px;height:58px}}.analytics-hero-panel{min-height:96px;box-shadow:none;color:#0a1156;background:0 0;border:0;border-radius:0;margin-bottom:14px;padding:0 2px 14px!important}.analytics-hero-brand{gap:14px}.analytics-hero-icon-tile{color:#fff;background:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#ff0f0fb5),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);border-radius:16px;place-items:center;width:65px;height:65px;display:grid;box-shadow:0 16px 34px #04082a2e}.analytics-hero-kicker{color:#4a5872;margin-bottom:5px;font-size:.62rem}.analytics-hero-brand h1{font-size:clamp(1.3rem,1.8vw,1.75rem);font-weight:700}.analytics-hero-brand p{color:#4a5872;max-width:560px;margin-top:5px;font-size:.78rem}.analytics-branch-label{color:#4a5872}.analytics-branch-select{color:#0a1156;background:#fff;border-color:#0818a024;min-height:34px}.analytics-export-btn{color:#fff;min-height:34px;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%)!important}.analytics-notification-container{background:#fff;border-color:#0818a024;width:80px;min-height:34px}.analytics-blue-icon,.analytics-icon-button{color:#0a1156!important}.kpi-grid-ai{gap:10px;margin-bottom:14px}.kpi-card-ai{border-radius:16px;min-height:138px;padding:13px}.kpi-title{font-size:.7rem}.kpi-icon-wrapper{border-radius:10px;width:30px;height:30px}.kpi-value{margin-bottom:5px;font-size:1.45rem}.kpi-prefix,.kpi-suffix{font-size:.9rem}.kpi-trends{gap:8px;margin-bottom:5px}.kpi-change,.kpi-prediction,.kpi-ai-insight{font-size:.62rem}.kpi-ai-insight{margin-top:7px;padding:5px 8px}.analytics-content-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:14px;display:grid}.analytics-main-column{min-width:0}.charts-grid-ai{gap:12px;margin-bottom:12px}.chart-card-ai{border-radius:16px;padding:14px}.chart-header{margin-bottom:12px;padding-bottom:9px}.chart-header h3{font-size:.86rem}.chart-subtitle{font-size:.64rem}.ai-badge,.forecast-accuracy-pill,.ai-insight-chip{padding:4px 8px;font-size:.62rem}.analytics-empty-chart{min-height:130px;font-size:.7rem}.inventory-intelligence{gap:12px}.low-stock-section-ai,.movement-section-ai{border-radius:14px;padding:12px}.low-stock-section-ai{max-height:220px}.low-stock-section-ai h4,.movement-section-ai h4{font-size:.76rem}.low-stock-table-ai{font-size:.68rem}.low-stock-table-ai th,.low-stock-table-ai td{padding:7px 6px}.analytics-side-insights{border-radius:18px;max-height:1500px;padding:14px;overflow:hidden}.analytics-side-insights .insights-header-ai-white{margin-bottom:12px;padding-bottom:10px}.analytics-side-insights .insights-header-ai-white h3{font-size:.9rem}.analytics-side-insights .insights-categories-white{grid-template-columns:1fr;gap:8px;max-height:calc(100vh - 142px);padding-right:2px;display:grid;overflow-y:auto}.analytics-side-insights .insights-categories-white::-webkit-scrollbar{width:3px}.analytics-side-insights .insights-categories-white::-webkit-scrollbar-thumb{background:#ffffff3d;border-radius:999px}.analytics-side-insights .insight-category-white{border-radius:12px;max-height:none;padding:0;overflow:hidden}.analytics-side-insights .category-header-white{cursor:pointer;text-align:left;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:38px;margin:0;padding:9px 10px;font-size:.72rem;display:flex}.insight-category-title,.insight-category-meta{align-items:center;gap:7px;display:inline-flex}.insight-available-dot{background:#3db6ee;border-radius:999px;width:7px;height:7px;box-shadow:0 0 0 4px #3db6ee24}.insight-count-badge{color:#fff;background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:20px;padding:0 7px;font-size:.64rem;display:inline-flex}.insight-category-meta svg{transition:transform .18s}.insight-category-meta svg.open{transform:rotate(180deg)}.insight-category-body{padding:8px}.analytics-side-insights .insight-item-ai-white{border-radius:10px;gap:8px;padding:9px}.analytics-side-insights .insight-icon-white{font-size:.78rem}.analytics-side-insights .insight-text-white{font-size:.68rem;line-height:1.42}.analytics-side-insights .insight-action-white{color:#ffffffc7;background:#04081570;border-radius:9px;margin-top:7px;padding:7px;font-size:.62rem}.validation-summary-grid{gap:8px;margin-top:10px}.validation-summary-grid div{padding:9px}@media (width<=1300px){.analytics-content-layout{grid-template-columns:1fr}.analytics-side-insights{max-height:none;position:static}.analytics-side-insights .insights-categories-white{max-height:none}}.analytics-branch-select{transition:border-color .18s,box-shadow .18s,background .18s,transform .18s}.analytics-branch-select:hover{background:#f7fbff;border-color:#0818a052;transform:translateY(-1px);box-shadow:0 10px 24px #0a11561a}.analytics-branch-select:focus{border-color:#0818a07a;outline:none;box-shadow:0 0 0 3px #3db6ee2e}.analytics-export-btn{transition:transform .18s,box-shadow .18s,filter .18s}.analytics-export-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 28px #050c262e,0 0 0 3px #3db6ee1f}.analytics-notification-container{transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;position:relative}.analytics-notification-container:hover{background:#f7fbff;border-color:#0818a052;transform:translateY(-1px);box-shadow:0 10px 24px #0a11561a}.analytics-notification-container:hover .analytics-icon-button,.analytics-notification-container:hover .analytics-blue-icon{color:#0818a0!important}.analytics-notification-container .notifPopupAnchored{border:1px solid #0818a01f;border-radius:16px;width:min(360px,100vw - 32px);max-height:430px;box-shadow:0 22px 48px #050c262e}.analytics-side-insights{flex-direction:column;height:auto;max-height:1550px;display:flex;overflow:hidden auto}.analytics-side-insights .insights-categories-white{flex:1;min-height:0;max-height:none;padding-right:3px;display:grid;overflow:visible}.analytics-side-insights::-webkit-scrollbar{width:4px}.analytics-side-insights::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}@media (width<=1300px){.analytics-side-insights{height:auto;max-height:none}}.kpi-card-ai{transition:border-color .18s,box-shadow .18s,background .18s;transform:none!important}.kpi-card-ai:hover{border-color:#0818a042;box-shadow:0 18px 38px #0a115621,0 0 0 3px #3db6ee1a,inset 0 1px #fffffff2;transform:none!important}.analytics-hero-panel{z-index:20;position:relative}.analytics-notification-container,.analytics-notification-container:hover{transform:none!important}.analytics-inventory-row{grid-template-columns:1fr!important}.analytics-inventory-row .inventory-intelligence{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.analytics-inventory-row .low-stock-section-ai,.analytics-inventory-row .movement-section-ai{min-height:190px;max-height:none}.analytics-inventory-row .low-stock-section-ai{scrollbar-width:thin;scrollbar-color:#0818a047 transparent;max-height:210px;overflow-y:auto}.analytics-inventory-row .low-stock-section-ai::-webkit-scrollbar{width:4px}.analytics-inventory-row .low-stock-section-ai::-webkit-scrollbar-thumb{background:#0818a047;border-radius:999px}.analytics-peak-row{grid-template-columns:1fr!important}.analytics-peak-row .chart-card-ai{width:100%}.analytics-main-column .charts-grid-ai:nth-of-type(2){grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr)}.analytics-main-column .charts-grid-ai:nth-of-type(2) .chart-card-ai:nth-child(2) .recharts-responsive-container{height:180px!important}.analytics-main-column .charts-grid-ai:nth-of-type(2) .chart-card-ai:nth-child(2) .recharts-wrapper{max-width:260px;margin:0 auto}.analytics-main-column .charts-grid-ai:first-of-type{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}.analytics-main-column .charts-grid-ai:first-of-type .chart-card-ai:nth-child(2) .recharts-wrapper,.analytics-main-column .charts-grid-ai:nth-of-type(2) .chart-card-ai:first-child .recharts-wrapper{transform:translate(-12px)}.analytics-main-column .charts-grid-ai:first-of-type .chart-card-ai:nth-child(2) .recharts-surface,.analytics-main-column .charts-grid-ai:nth-of-type(2) .chart-card-ai:first-child .recharts-surface{overflow:visible}@media (width<=1100px){.analytics-inventory-row .inventory-intelligence,.analytics-main-column .charts-grid-ai:first-of-type,.analytics-main-column .charts-grid-ai:nth-of-type(2){grid-template-columns:1fr}.analytics-main-column .charts-grid-ai:first-of-type .chart-card-ai:nth-child(2) .recharts-wrapper,.analytics-main-column .charts-grid-ai:nth-of-type(2) .chart-card-ai:first-child .recharts-wrapper{transform:none}}.kpi-grid-ai{z-index:1;position:relative}.analytics-export-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 22% 18%,#fa2b243d,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.analytics-export-modal{background:linear-gradient(#fffffff5,#f7fafff0),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%);border:1px solid #ffffffb8;border-radius:24px;box-shadow:0 32px 80px #04082a57}.analytics-export-modal-header,.analytics-export-modal-footer{background:#ffffff94;border-color:#0818a01a}.analytics-export-modal-header h2{color:#0a1156}.analytics-export-modal-header span,.analytics-export-field-group label{color:#4a5872}.analytics-export-field-group input,.analytics-export-field-group select,.analytics-export-format-toggle button,.analytics-export-preset-grid button,.analytics-export-section-option{color:#0a1156;background:#ffffffd1;border-color:#0818a024;border-radius:12px}.analytics-export-field-group input:focus,.analytics-export-field-group select:focus{border-color:#0818a070;box-shadow:0 0 0 3px #3db6ee29}.analytics-export-format-toggle button.active,.analytics-export-preset-grid button.active{color:#0818a0;background:radial-gradient(circle at 100% 0,#fa2b241f,#0000 36%),#0818a00f;border-color:#fa2b2442}.analytics-export-section-option:has(input:checked){color:#0818a0;background:radial-gradient(circle at 100% 0,#fa2b241f,#0000 36%),#0818a00f;border-color:#fa2b2442}.analytics-export-secondary{color:#0a1156;background:#fff;border:1px solid #9dabc357}.analytics-export-primary{background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%);box-shadow:0 16px 32px #0818a033}.container{background-color:#fff;flex:1;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.loginContainer{z-index:1;flex-direction:row;width:100%;height:auto;min-height:100vh;display:flex}.gifContainer{z-index:2;background-color:#3a40ff;border-radius:30px;flex:3;width:55%;height:auto;min-height:500px;max-height:95vh;margin:20px;position:relative;overflow:hidden;box-shadow:0 0 20px #0003}.gifBackground{object-fit:cover;object-position:center;border-radius:30px;width:100%;height:100%;min-height:500px}.gifOverlay{background:linear-gradient(90deg,#3a40ff33,#3a40ffcc);flex-direction:column;justify-content:center;width:100%;height:100%;padding:60px;display:flex;position:absolute;top:0;left:0}.whiteFont{color:#fff;margin:0;font-family:Segoe UI,sans-serif;font-size:clamp(40px,8vw,90px);line-height:1.1}.whiteSubtitle{color:#fff;margin:0;font-family:Segoe UI,sans-serif;font-size:clamp(40px,8vw,90px);font-style:italic;font-weight:600;line-height:1.1}.gifDescription{color:#e0e0e0;max-width:min(400px,90%);margin-top:30px;font-size:clamp(12px,2vw,14px);line-height:1.6}.loginSection{background-color:#fefefe;flex-direction:column;justify-content:center;width:45%;max-height:100vh;padding:60px;display:flex}.agsikapTitle{color:#000;margin-bottom:10px;font-family:Segoe UI,sans-serif;font-size:clamp(32px,5vw,40px);font-weight:700}.loginHeader{color:#333;margin-top:35px;margin-bottom:15px;font-family:Segoe UI,sans-serif;font-size:clamp(18px,3vw,20px);font-weight:600}.loginSubtext{color:#666;margin-bottom:40px;padding-right:20px;font-family:Segoe UI,sans-serif;font-size:clamp(13px,2vw,14px);line-height:1.5}.inputGroup{background-color:#fff;flex-direction:column;width:100%;margin-bottom:10px;margin-right:20px;padding-left:15px}.inputField{color:#000;border:1px solid #ccc;border-radius:8px;width:100%;height:50px;padding:12px 15px 12px 45px;font-family:Segoe UI,sans-serif;font-size:16px;transition:border-color .3s}.inputField:focus{border-color:#3a40ff;outline:none}.inputError{background-color:#fff8f8;border-width:2px;border-color:#f44}.inputValid{border-width:2px;border-color:#4caf50}.inputIcon{z-index:1;width:20px;height:20px;position:absolute;top:15px;left:30px}.fieldFeedbackContainer{flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin-top:4px;display:flex;position:relative}.errorContainer{width:100%;margin-left:50px}.errorText{color:#f44;text-align:left;width:100%;padding-left:30px;font-family:Segoe UI,sans-serif;font-size:12px}.charCount{color:#999;text-align:right;width:100%;font-family:Segoe UI,sans-serif;font-size:12px}.charCountError{color:#f44;font-weight:700}.charCountValid{color:#4caf50;font-weight:700}.forgotPasswordContainer{align-items:flex-end;margin-bottom:45px;margin-right:20px;display:flex}.forgotPassword{color:#3a40ff;font-family:Segoe UI,sans-serif;font-size:14px;text-decoration:none}.forgotPassword:hover{text-decoration:underline}.loginButton{cursor:pointer;background-color:#000;border:none;border-radius:8px;align-items:center;width:100%;margin-top:10px;margin-right:20px;padding-top:12px;padding-bottom:12px;transition:opacity .3s}.loginButton:hover{opacity:.9}.loginButton:disabled{opacity:.7;cursor:not-allowed;background-color:#ccc}.loginButtonDisabled{opacity:.7;background-color:#ccc}.loginButtonText{color:#fff;font-family:Segoe UI,sans-serif;font-size:16px;font-weight:600}.returnHomeLink{cursor:pointer;color:#3d67ee;background:0 0;border:none;flex-direction:row;align-self:flex-start;align-items:center;gap:6px;margin-bottom:30px;font-size:14px;font-weight:500;display:flex}.returnHomeLink:hover{text-decoration:underline}.authLinks{flex-direction:column;align-items:center;gap:10px;margin-top:25px;display:flex}.authLink{color:#555;cursor:pointer;background:0 0;border:none;font-family:Segoe UI,sans-serif;font-size:14px}.authLink:hover{text-decoration:underline}.authLinkHighlight{color:#3d67ee;font-weight:600}.logo{object-fit:contain;width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);margin-bottom:20px}.modalOverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modalContent{background-color:#fff;border-radius:20px;flex-direction:column;align-items:center;width:300px;max-width:90%;max-height:90vh;padding:35px;display:flex;overflow-y:auto;box-shadow:0 2px 10px #0000001a}.loadingSpinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin:0 auto;animation:1s linear infinite spin}.paymentResultRedirect{color:#07104a;background:#f7f9ff;place-items:center;min-height:100vh;padding:24px;display:grid}.paymentResultRedirectPanel{text-align:center;background:#fff;border:1px solid #dce5ff;border-radius:8px;justify-items:center;gap:14px;width:min(100%,320px);padding:24px;display:grid;box-shadow:0 18px 48px #07104a1f}.paymentResultRedirectPanel p{color:#475569;margin:0;font-size:14px;line-height:1.5}.paymentResultSpinner{border:3px solid #dce5ff;border-top-color:#3d67ee;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite paymentResultSpin}@keyframes paymentResultSpin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0}.upf-user-container{background:#f8fbff;width:100%;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden auto}.upf-user-container:after{content:"";z-index:1;pointer-events:none;height:1300px;position:fixed;top:0;left:0;right:0}.upf-user-container::-webkit-scrollbar{width:6px}.upf-user-container::-webkit-scrollbar-track{background:#3d67ee0d;border-radius:4px}.upf-user-container::-webkit-scrollbar-thumb{background:#3d67ee;border-radius:4px}.upf-user-container::-webkit-scrollbar-thumb:hover{background:#3d67ee80}.upf-main-content{z-index:2;width:100%;max-width:1200px;margin:20px auto 40px;padding:20px 20px 40px;position:relative}.upf-profile-header-section{background:#fff;border:1px solid #3d67ee1a;border-radius:30px;margin-bottom:60px;position:relative;overflow:visible;box-shadow:0 15px 35px #3d67ee26}.upf-header-bg{object-fit:cover;border-radius:30px;width:100%;height:150px;display:block}.upf-header-overlay{z-index:10;align-items:flex-end;gap:25px;display:flex;position:absolute;bottom:-40px;left:40px;right:30px}.upf-profile-picture-wrapper{filter:drop-shadow(0 8px 20px #3d67ee40);position:relative}.upf-profile-picture-border{background:#fff;border:3px solid #fff;border-radius:90px;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative;box-shadow:0 5px 15px #3d67ee33}.upf-profile-picture{object-fit:cover;border:3px solid #3d67ee;border-radius:80px;width:150px;height:150px}.upf-change-photo-btn{cursor:pointer;background:#3d67ee;border:2px solid #fff;border-radius:19px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:absolute;bottom:5px;right:5px;box-shadow:0 4px 10px #3d67ee4d}.upf-change-photo-btn:hover{background:#2d4fb0;transform:scale(1.1)rotate(10deg)}.upf-header-info{flex:1;margin-left:20px;padding-bottom:75px}.upf-header-info h1{color:#fff;text-shadow:0 2px 4px #0000001a;margin:0 0 5px;font-size:32px;font-weight:600}.upf-header-meta{color:#f0f4ff;text-shadow:0 1px 2px #0000001a;align-items:center;gap:10px;font-size:16px;display:flex}.upf-edit-profile-btn{cursor:pointer;color:#3d67ee;background:#fff;border:1px solid #3d67ee;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex;position:absolute;top:55px;right:15px;box-shadow:0 4px 10px #3d67ee1a}.upf-edit-profile-btn:hover{color:#fff;background:#3d67ee;transform:translateY(-2px);box-shadow:0 8px 20px #3d67ee33}.upf-tabs-container{background:#fff;border:1px solid #3d67ee1a;border-radius:50px;gap:10px;max-width:100%;margin:50px 0 30px;padding:6px;display:flex;box-shadow:0 5px 20px #3d67ee1a}.upf-tab-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:40px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.upf-tab-btn.upf-active{color:#fff;background:#3d67ee;box-shadow:0 4px 10px #3d67ee33}.upf-tab-btn:hover:not(.upf-active){color:#3d67ee;background:#f1f5f9}.upf-tab-content{min-height:400px}.upf-profile-tab{grid-template-columns:1fr 350px;gap:25px;display:grid}.upf-info-card,.upf-notifications-card{background:#fff;border:1px solid #3d67ee1a;border-radius:30px;padding:30px;transition:all .2s;box-shadow:0 10px 30px #3d67ee14}.upf-info-card:hover,.upf-notifications-card:hover{border-color:#3d67ee33;box-shadow:0 15px 40px #3d67ee1f}.upf-card-header{border-bottom:2px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:25px;padding-bottom:15px;display:flex}.upf-card-header h3{color:#1e293b;flex:1;margin:0;font-size:20px;font-weight:700}.upf-required-note{color:#64748b;margin-left:10px;font-size:12px;font-weight:400}.upf-asterisk{color:#ef4444;margin-left:2px;font-size:14px;font-weight:600}.upf-notification-badge{color:#fff;background:#3d67ee;border-radius:30px;padding:4px 12px;font-size:12px;font-weight:600}.upf-info-grid{flex-direction:column;gap:15px;margin-bottom:25px;display:flex}.upf-info-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;padding:10px 0;display:flex}.upf-info-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;width:120px;font-size:14px;font-weight:600}.upf-info-value{color:#1e293b;flex:1;font-size:16px;font-weight:500}.upf-input-wrapper{flex:1}.upf-input-container{width:100%;position:relative}.upf-info-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:10px 70px 10px 15px;font-size:15px;transition:all .2s}.upf-info-input:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 4px #3d67ee1a}.upf-info-input.upf-error{background-color:#fef2f2;border-color:#ef4444}.upf-char-counter{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2px 6px;font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.upf-field-error{color:#ef4444;margin-top:5px;font-size:12px;font-weight:500;display:block}.upf-email-display{align-items:center;gap:15px;display:flex}.upf-change-email-btn{color:#3d67ee;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #3d67ee;border-radius:30px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.upf-change-email-btn:hover{color:#fff;background:#3d67ee}.upf-edit-actions-bottom{gap:15px;margin-top:20px;display:flex}.upf-save-btn,.upf-cancel-btn{cursor:pointer;border:none;border-radius:15px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.upf-save-btn{color:#fff;background:#10b981;box-shadow:0 4px 10px #10b98133}.upf-save-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.upf-cancel-btn{color:#64748b;background:#f1f5f9}.upf-cancel-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.upf-change-password-btn{color:#3d67ee;cursor:pointer;background:#f1f5f9;border:1px solid #3d67ee;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.upf-change-password-btn:hover{color:#fff;background:#3d67ee;transform:translateY(-2px);box-shadow:0 8px 20px #3d67ee33}.upf-notifications-card{flex-direction:column;height:fit-content;max-height:500px;display:flex}.upf-notifications-list{flex-direction:column;gap:15px;max-height:300px;margin-bottom:20px;padding-right:5px;display:flex;overflow-y:auto}.upf-notifications-list::-webkit-scrollbar{width:4px}.upf-notifications-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.upf-notifications-list::-webkit-scrollbar-thumb{background:#3d67ee;border-radius:4px}.upf-notifications-list::-webkit-scrollbar-thumb:hover{background:#2d4fb0}.upf-notification-item{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;align-items:flex-start;gap:15px;padding:15px;transition:all .2s;display:flex;position:relative}.upf-notification-item:hover{background:#f1f5f9;border-color:#3d67ee;transform:translate(5px)}.upf-notification-item.upf-unread{background:#f0f7ff;border-left:4px solid #3d67ee}.upf-notification-icon{background:#fff;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 2px 8px #0000000d}.upf-notification-content{flex:1;min-width:0}.upf-notification-content h4{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:15px;font-weight:700;overflow:hidden}.upf-notification-content p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:13px;line-height:12px;display:-webkit-box;overflow:hidden}.upf-notification-time{color:#94a3b8;font-size:11px}.upf-unread-dot{background:#3d67ee;border-radius:5px;flex-shrink:0;width:10px;height:10px;position:absolute;top:15px;right:15px}.upf-view-all-notifications{color:#3d67ee;cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:15px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.upf-view-all-notifications:hover{color:#fff;background:#3d67ee;border-color:#3d67ee}.upf-pets-tab{padding:10px 0}.upf-pets-header{background:#fff;border:1px solid #3d67ee1a;border-radius:50px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 25px;display:flex;box-shadow:0 5px 15px #3d67ee0d}.upf-pets-header h3{color:#1e293b;margin:0;font-size:20px;font-weight:600}.upf-add-pet-btn{color:#fff;cursor:pointer;background:#3d67ee;border:none;border-radius:40px;align-items:center;gap:10px;padding:12px 25px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 10px #3d67ee33}.upf-add-pet-btn:hover{background:#2d4fb0;transform:translateY(-2px);box-shadow:0 8px 20px #3d67ee4d}.upf-pets-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;display:grid}.upf-pet-card{text-align:center;background:#fff;border:1px solid #3d67ee1a;border-radius:30px;flex-direction:column;align-items:center;width:280px;height:310px;padding:25px;transition:all .2s;display:flex;box-shadow:0 10px 30px #3d67ee14}.upf-pet-card:hover{border-color:#3d67ee;transform:translateY(-5px);box-shadow:0 20px 40px #3d67ee26}.upf-pet-image{object-fit:cover;border:4px solid #fff;border-radius:70px;width:120px;height:120px;margin-bottom:20px;box-shadow:0 5px 15px #3d67ee33}.upf-pet-name{color:#1e293b;margin:0 0 5px;font-size:22px;font-weight:700}.upf-pet-details{color:#64748b;margin-bottom:20px;font-size:15px}.upf-pet-stats{justify-content:center;gap:15px;display:flex}.upf-pet-stat{color:#3d67ee;background:#f1f5f9;border-radius:30px;align-items:center;gap:5px;padding:8px 15px;font-size:13px;display:flex}.upf-appointments-tab{padding:10px 0}.upf-appointments-header{background:#fff;border:1px solid #3d67ee1a;border-radius:50px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 25px;display:flex;box-shadow:0 5px 15px #3d67ee0d}.upf-appointments-header h3{color:#1e293b;margin:0;font-size:24px;font-weight:700}.upf-view-all-btn{color:#3d67ee;cursor:pointer;background:#f1f5f9;border:1px solid #3d67ee;border-radius:40px;align-items:center;gap:8px;padding:12px 25px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.upf-view-all-btn:hover{color:#fff;background:#3d67ee;transform:translate(5px)}.upf-appointments-list{flex-direction:column;gap:15px;display:flex}.upf-appointment-item{background:#fff;border:1px solid #3d67ee1a;border-radius:20px;align-items:center;gap:25px;padding:20px;transition:all .2s;display:flex;box-shadow:0 5px 20px #3d67ee0d}.upf-appointment-item:hover{border-color:#3d67ee;transform:translate(10px);box-shadow:0 10px 30px #3d67ee1a}.upf-appointment-pet-image{object-fit:cover;border:3px solid #fff;border-radius:35px;flex-shrink:0;width:70px;height:70px;box-shadow:0 4px 10px #0000000d}.upf-appointment-details{flex:1}.upf-appointment-header{align-items:center;gap:15px;margin-bottom:8px;display:flex}.upf-appointment-header h4{color:#1e293b;margin:0;font-size:18px;font-weight:700}.upf-status-badge{text-transform:capitalize;border-radius:30px;padding:4px 12px;font-size:12px;font-weight:600}.upf-status-badge.upf-upcoming{color:#3d67ee;background:#f0f7ff;border:1px solid #3d67ee}.upf-status-badge.upf-pending{color:#f59e0b;background:#fff8e8;border:1px solid #fcd34d}.upf-status-badge.upf-confirmed,.upf-status-badge.upf-completed{color:#10b981;background:#f0fdf4;border:1px solid #10b981}.upf-status-badge.upf-cancelled{color:#ef4444;background:#fef2f2;border:1px solid #ef4444}.upf-appointment-type{color:#64748b;margin:0 0 5px;font-size:15px}.upf-appointment-datetime{color:#3d67ee;align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.upf-empty-state-card{text-align:center;color:#64748b;background:#f8fbff;border:1px dashed #3d67ee40;border-radius:20px;width:100%;padding:24px}.upf-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.2s upf-fadeIn;display:flex;position:fixed;inset:0}@keyframes upf-fadeIn{0%{opacity:0}to{opacity:1}}.upf-modal-content{background:#fff;border:1px solid #3d67ee1a;border-radius:40px;flex-direction:column;align-items:center;width:80%;max-width:450px;padding:30px;animation:.2s upf-slideUp;display:flex;position:relative;box-shadow:0 25px 50px #3d67ee40}@keyframes upf-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upf-modal-content.upf-password-modal,.upf-modal-content.upf-email-modal{max-width:500px;padding:35px}.upf-modal-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:25px;display:flex}.upf-modal-header h2{color:#1e293b;margin:0;font-size:26px;font-weight:700}.upf-modal-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.upf-modal-close-btn:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.upf-modal-body{width:100%;padding:10px 0}.upf-otp-info{text-align:center;margin-bottom:30px}.upf-otp-info p{color:#64748b;margin:15px 0 5px;font-size:15px}.upf-otp-info strong{color:#3d67ee;font-size:16px}.upf-otp-timer{color:#3150c8;text-align:center;background:#f6f8ff;border:1px solid #dbe5ff;border-radius:12px;width:100%;margin:-12px 0 22px;padding:10px 12px;font-size:13px;font-weight:600}.upf-otp-timer.upf-expired{color:#dc2626;background:#fff5f5;border-color:#fecaca}.upf-otp-resend{text-align:center;color:#64748b;margin:20px 0;font-size:14px}.upf-resend-btn{color:#3d67ee;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.upf-resend-btn:hover{color:#2d4fb0}.upf-resend-btn:disabled{color:#94a3b8;cursor:not-allowed;text-decoration:none}.upf-password-hint{color:#94a3b8;margin-top:5px;font-size:12px;font-style:italic}.upf-form-group{width:100%;margin-bottom:25px}.upf-form-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.upf-form-label .upf-asterisk{color:#ef4444;margin-left:2px;font-size:14px}.upf-form-input{background:#fff;border:2px solid #e2e8f0;border-radius:15px;width:100%;padding:14px 18px;font-size:15px;transition:all .2s}.upf-form-input:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 4px #3d67ee1a}.upf-form-input.upf-error{background-color:#fef2f2;border-color:#ef4444}.upf-error-message{color:#ef4444;margin-top:5px;font-size:13px;font-weight:500;display:block}.upf-password-input-wrapper{position:relative}.upf-password-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.upf-password-toggle:hover{color:#3d67ee}.upf-btn-primary,.upf-btn-secondary{cursor:pointer;border:none;border-radius:15px;flex:1;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.upf-btn-primary{color:#fff;background:#3d67ee;box-shadow:0 4px 10px #3d67ee33}.upf-btn-primary:hover{background:#2d4fb0;transform:translateY(-2px);box-shadow:0 8px 20px #3d67ee4d}.upf-btn-secondary{color:#64748b;background:#f1f5f9}.upf-btn-secondary:hover{background:#e2e8f0;transform:translateY(-2px)}.upf-btn-primary:disabled,.upf-btn-secondary:disabled,.upf-modal-close-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.upf-btn-primary:disabled:hover,.upf-btn-secondary:disabled:hover,.upf-modal-close-btn:disabled:hover{box-shadow:none;transform:none}.upf-button-loading{justify-content:center;align-items:center;gap:8px;display:inline-flex}.upf-button-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.75s linear infinite upf-spin}@keyframes upf-spin{to{transform:rotate(360deg)}}.upf-modal-actions-row{gap:15px;width:100%;margin-top:30px;display:flex}.upf-profile-header-section.upf-editing-mode{border:2px solid #3d67ee;box-shadow:0 15px 35px #3d67ee40}.upf-editing-badge{color:#fff;z-index:20;background:#3d67ee;border-radius:30px;align-items:center;gap:6px;padding:6px 15px;font-size:13px;font-weight:600;animation:2s infinite upf-pulse;display:flex;position:absolute;top:90px;left:980px;box-shadow:0 4px 10px #3d67ee4d}@keyframes upf-pulse{0%,to{opacity:1}50%{opacity:.8}}.upf-card-header{border-bottom:2px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:25px;padding-bottom:15px;display:flex}.upf-editing-indicator{color:#3d67ee;background:#e8f0fe;border-radius:30px;margin-left:10px;padding:4px 12px;font-size:13px;font-weight:500}.upf-tab-btn.upf-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.upf-tab-btn.upf-disabled:hover{color:#64748b;background:0 0}.upf-editing-overlay-message{text-align:center;color:#856404;background:#fff3cd;border:1px solid #ffeeba;border-radius:10px;margin-bottom:20px;padding:10px 15px;font-size:14px;font-weight:500}.upf-required-fields-note{color:#64748b;text-align:center;background:#fce7e7;border-radius:8px;margin-bottom:20px;padding:10px;font-size:13px}.upf-required-fields-note .upf-asterisk{color:#ef4444;margin-right:4px}.upf-phone-input{letter-spacing:.5px}.upf-add-pet-btn:disabled,.upf-view-all-btn:disabled,.upf-change-email-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.upf-change-email-btn:disabled:hover{color:#3d67ee;background:#f1f5f9;transform:none}.upf-modal-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.upf-modal-btn-cancel{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.upf-modal-btn-cancel:hover{color:#475569;background:#e2e8f0;transform:translateY(-2px)}.upf-modal-btn-confirm{color:#fff;background:#3d67ee;box-shadow:0 4px 10px #3d67ee33}.upf-modal-btn-confirm:hover{background:#2d4fb0;transform:translateY(-2px);box-shadow:0 8px 20px #3d67ee4d}.upf-modal-btn-success{color:#fff;background:#10b981;box-shadow:0 4px 10px #10b98133}.upf-modal-btn-success:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.upf-modal-btn-error{color:#fff;background:#ef4444;box-shadow:0 4px 10px #ef444433}.upf-modal-btn-error:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 20px #dc26264d}.upf-modal-btn-warning{color:#fff;background:#d90606;box-shadow:0 8px 20px #d9060617}.upf-modal-btn-warning:hover{background:#d90606;transform:translateY(-2px);box-shadow:0 8px 20px #d906061f}.upf-modal-btn-info{color:#fff;background:#3b82f6;box-shadow:0 4px 10px #3b82f633}.upf-modal-btn-info:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}.upf-modal-actions{justify-content:center;gap:15px;width:100%;margin-top:20px;display:flex}.upf-modal-actions .upf-modal-btn:only-child{min-width:150px}@media (width<=480px){.upf-modal-actions{flex-direction:column}.upf-modal-btn{width:100%}}@media (width<=1024px){.upf-profile-tab{grid-template-columns:1fr}.upf-header-overlay{left:20px;right:20px}}@media (width<=768px){.upf-header-overlay{flex-direction:column;align-items:flex-start;bottom:-60px}.upf-header-info{padding-bottom:0}.upf-header-info h1{font-size:24px}.upf-profile-header-section{margin-bottom:100px}.upf-tabs-container{flex-wrap:wrap;max-width:100%}.upf-pets-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.upf-appointment-item{text-align:center;flex-direction:column}.upf-appointment-header,.upf-appointment-datetime{justify-content:center}.upf-edit-actions-bottom{flex-direction:column}.upf-info-row{flex-direction:column;align-items:flex-start;gap:10px}.upf-info-label{width:100%}}@media (width<=480px){.upf-edit-profile-btn{justify-content:center;width:100%;margin-top:15px;position:static}.upf-pets-grid{grid-template-columns:1fr}.upf-modal-actions-row,.upf-type-selector{flex-direction:column}}.upf-user-container.user-page-surface{color:#0a1156;scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561f;background:linear-gradient(90deg,#04082a1f 0%,#04082a00 18% 82%,#04082a1f 100%),linear-gradient(#f3f6ff 0%,#f8faff 44%,#eef3ff 100%)}.upf-user-container.user-page-surface::-webkit-scrollbar{width:10px}.upf-user-container.user-page-surface::-webkit-scrollbar-track{background:#0a11561a}.upf-user-container.user-page-surface::-webkit-scrollbar-thumb{background:linear-gradient(#fa2b24 0%,#0818a0 100%);border:2px solid #ffffffc7;border-radius:999px}.upf-user-container.user-page-surface .upf-main-content{z-index:1;width:min(100% - 44px,1180px);max-width:1180px;margin:0 auto;padding-top:112px;position:relative}.upf-user-container.user-page-surface .upf-main-content:before{content:none}.upf-user-container.user-page-surface .upf-profile-header-section{background:linear-gradient(135deg,#04082ad6 0%,#0818a0ad 48%,#fa2b24a3 100%),#0818a0;border:1px solid #ffffff61;border-radius:8px;min-height:290px;margin:0 0 18px;overflow:hidden;box-shadow:0 28px 70px #0a11562e}.upf-user-container.user-page-surface .upf-header-bg{opacity:.18;filter:saturate(.8);border-radius:0;width:100%;height:100%;position:absolute;inset:0}.upf-user-container.user-page-surface .upf-header-overlay{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:24px;min-height:290px;padding:94px 34px 34px;display:grid;position:relative;inset:auto}.upf-user-container.user-page-surface .upf-profile-picture-border{width:132px;height:132px;box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff29;border:1px solid #ffffff75;border-radius:999px}.upf-user-container.user-page-surface .upf-profile-picture{border:3px solid #ffffffd6;border-radius:999px;width:118px;height:118px}.upf-user-container.user-page-surface .upf-change-photo-btn{background:linear-gradient(135deg,#fa2b24 0%,#0818a0 100%);border-color:#ffffffdb}.upf-user-container.user-page-surface .upf-header-info{min-width:0;margin:0;padding:0 0 10px}.upf-user-container.user-page-surface .upf-header-info h1{color:#fff;text-shadow:none;font-size:clamp(2rem,4vw,3.7rem);font-weight:800;line-height:.98}.upf-user-container.user-page-surface .upf-header-meta{color:#fffc;text-shadow:none;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:.92rem}.upf-user-container.user-page-surface .upf-edit-profile-btn{color:#fff;min-height:44px;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff24;border:1px solid #ffffff6b;border-radius:999px;align-self:end;margin-bottom:10px;position:static}.upf-user-container.user-page-surface .upf-edit-profile-btn svg{color:#fff!important}.upf-user-container.user-page-surface .upf-edit-profile-btn:hover{background:#ffffff3d;transform:translateY(-1px)}.upf-user-container.user-page-surface .upf-editing-badge{background:#fa2b24e6;border:1px solid #fff6;top:24px;left:auto;right:24px}.upf-user-container.user-page-surface .upf-tabs-container{width:fit-content;max-width:100%;box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid #9dabc352;border-radius:999px;margin:0 0 22px;padding:5px}.upf-user-container.user-page-surface .upf-tab-btn{color:#4a5872;border-radius:999px;flex:none;min-height:38px;padding:0 18px;font-size:.84rem}.upf-user-container.user-page-surface .upf-tab-btn.upf-active{color:#fff;background:linear-gradient(135deg,#ffffff29,#0000 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 42%,#0818a0 100%);box-shadow:0 12px 26px #0818a029}.upf-user-container.user-page-surface .upf-profile-tab{display:block}.upf-user-container.user-page-surface .upf-info-card,.upf-user-container.user-page-surface .upf-pets-header,.upf-user-container.user-page-surface .upf-pet-card,.upf-user-container.user-page-surface .upf-appointments-header,.upf-user-container.user-page-surface .upf-appointment-item,.upf-user-container.user-page-surface .upf-empty-state-card{background:radial-gradient(circle at 100% 0,#fa2b240f,#0000 32%),#ffffffdb;border:1px solid #9dabc352;border-radius:8px;box-shadow:0 18px 42px #0a115614}.upf-user-container.user-page-surface .upf-card-header{border-bottom:1px solid #9dabc34d;margin-bottom:18px}.upf-user-container.user-page-surface .upf-card-header h3,.upf-user-container.user-page-surface .upf-pets-header h3,.upf-user-container.user-page-surface .upf-appointments-header h3{color:#0a1156}.upf-user-container.user-page-surface .upf-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.upf-user-container.user-page-surface .upf-info-row{background:#f8faffc7;border:1px solid #9dabc338;border-radius:8px;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:14px;min-height:72px;padding:14px 16px;display:grid}.upf-user-container.user-page-surface .upf-info-label{color:#0818a0;letter-spacing:0;width:auto;font-size:.74rem;font-weight:800}.upf-user-container.user-page-surface .upf-info-value{color:#0a1156;overflow-wrap:anywhere;min-width:0;font-size:.94rem}.upf-user-container.user-page-surface .upf-email-display{justify-content:space-between;min-width:0}.upf-user-container.user-page-surface .upf-change-email-btn,.upf-user-container.user-page-surface .upf-change-password-btn,.upf-user-container.user-page-surface .upf-add-pet-btn,.upf-user-container.user-page-surface .upf-view-all-btn,.upf-user-container.user-page-surface .upf-save-btn,.upf-user-container.user-page-surface .upf-cancel-btn{border-radius:999px}.upf-user-container.user-page-surface .upf-change-password-btn,.upf-user-container.user-page-surface .upf-add-pet-btn,.upf-user-container.user-page-surface .upf-view-all-btn,.upf-user-container.user-page-surface .upf-save-btn{color:#fff;background:linear-gradient(135deg,#ffffff29,#0000 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 42%,#0818a0 100%);border:0;box-shadow:0 14px 28px #0818a029}.upf-user-container.user-page-surface .upf-pets-header,.upf-user-container.user-page-surface .upf-appointments-header{border-radius:8px}.upf-user-container.user-page-surface .upf-pets-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.upf-user-container.user-page-surface .upf-pet-card{padding:0 0 18px;overflow:hidden}.upf-user-container.user-page-surface .upf-pet-image{border-radius:0;width:100%;height:180px}.upf-user-container.user-page-surface .upf-appointment-item,.upf-user-container.user-page-surface .upf-appointment-pet-image{border-radius:8px}@media (width<=900px){.upf-user-container.user-page-surface .upf-main-content{width:min(100% - 28px,760px);padding-top:92px}.upf-user-container.user-page-surface .upf-header-overlay{grid-template-columns:1fr;align-items:start;padding:86px 22px 28px}.upf-user-container.user-page-surface .upf-edit-profile-btn{width:fit-content}.upf-user-container.user-page-surface .upf-info-grid{grid-template-columns:1fr}}@media (width<=640px){.upf-user-container.user-page-surface .upf-main-content{width:min(100% - 24px,560px);padding-top:84px}.upf-user-container.user-page-surface .upf-tabs-container{border-radius:8px;grid-template-columns:1fr;width:100%;display:grid}.upf-user-container.user-page-surface .upf-tab-btn{width:100%}.upf-user-container.user-page-surface .upf-info-row{grid-template-columns:1fr;gap:8px}}.upf-user-container.user-page-surface .upf-main-content{width:min(100% - 40px,1120px)}.upf-user-container.user-page-surface .upf-profile-header-section{border-radius:24px;min-height:210px;margin-bottom:18px}.upf-user-container.user-page-surface .upf-header-overlay{grid-template-columns:auto minmax(0,1fr) auto;gap:18px;min-height:210px;padding:76px 26px 24px}.upf-user-container.user-page-surface .upf-profile-picture{border-width:2px;width:92px;height:92px}.upf-profile-workspace{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:18px;display:grid}.upf-user-container.user-page-surface .upf-tabs-container{border-radius:22px;gap:8px;width:100%;margin:0;padding:12px;display:grid;position:sticky;top:96px}.upf-side-nav-brand{color:#0a1156;border-bottom:1px solid #9dabc33d;align-items:center;gap:10px;min-height:74px;padding:10px;font-size:.84rem;font-weight:800;display:flex}.upf-side-nav-brand img{object-fit:contain;width:44px;height:44px}.upf-user-container.user-page-surface .upf-tab-btn{justify-content:flex-start;width:100%;min-height:40px;padding:0 12px;font-size:.78rem}.upf-profile-content-shell{min-width:0}.upf-user-container.user-page-surface .upf-info-card,.upf-user-container.user-page-surface .upf-pets-header,.upf-user-container.user-page-surface .upf-pet-card,.upf-user-container.user-page-surface .upf-appointments-header,.upf-user-container.user-page-surface .upf-appointment-item,.upf-user-container.user-page-surface .upf-empty-state-card{border-radius:20px}.upf-user-container.user-page-surface .upf-info-card{padding:20px}.upf-user-container.user-page-surface .upf-card-header{margin-bottom:14px;padding-bottom:12px}.upf-user-container.user-page-surface .upf-card-header h3,.upf-user-container.user-page-surface .upf-pets-header h3,.upf-user-container.user-page-surface .upf-appointments-header h3{font-size:1rem}.upf-user-container.user-page-surface .upf-info-grid{gap:10px}.upf-user-container.user-page-surface .upf-info-row{border-radius:16px;grid-template-columns:98px minmax(0,1fr);gap:10px;min-height:58px;padding:11px 13px}.upf-user-container.user-page-surface .upf-info-label{font-size:.68rem}.upf-user-container.user-page-surface .upf-info-value,.upf-user-container.user-page-surface .upf-info-input{font-size:.84rem}.upf-user-container.user-page-surface .upf-info-input{border-width:1px;border-radius:12px;min-height:38px;padding:8px 58px 8px 12px}.upf-name-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.upf-user-container.user-page-surface .upf-char-counter{font-size:.62rem;right:8px}.upf-user-container.user-page-surface .upf-change-email-btn{min-height:32px;padding:0 10px;font-size:.72rem}.upf-user-container.user-page-surface .upf-edit-actions-bottom{gap:10px;margin-top:16px}.upf-user-container.user-page-surface .upf-save-btn,.upf-user-container.user-page-surface .upf-cancel-btn,.upf-user-container.user-page-surface .upf-change-password-btn,.upf-user-container.user-page-surface .upf-add-pet-btn,.upf-user-container.user-page-surface .upf-view-all-btn{min-height:40px;padding:0 14px;font-size:.82rem}.upf-user-container.user-page-surface .upf-pets-tab,.upf-user-container.user-page-surface .upf-appointments-tab{gap:14px;display:grid}.upf-user-container.user-page-surface .upf-pets-header,.upf-user-container.user-page-surface .upf-appointments-header{margin:0;padding:13px 16px}.upf-user-container.user-page-surface .upf-pets-grid,.upf-user-container.user-page-surface .upf-appointments-list{scrollbar-width:thin;scrollbar-color:#fa2b24b8 #0a11561a;max-height:560px;padding:2px 8px 2px 2px;overflow-y:auto}.upf-user-container.user-page-surface .upf-pets-grid::-webkit-scrollbar{width:8px}.upf-user-container.user-page-surface .upf-appointments-list::-webkit-scrollbar{width:8px}.upf-user-container.user-page-surface .upf-pets-grid::-webkit-scrollbar-track{background:#0a115614;border-radius:999px}.upf-user-container.user-page-surface .upf-appointments-list::-webkit-scrollbar-track{background:#0a115614;border-radius:999px}.upf-user-container.user-page-surface .upf-pets-grid::-webkit-scrollbar-thumb{background:#fa2b24;border-radius:999px}.upf-user-container.user-page-surface .upf-appointments-list::-webkit-scrollbar-thumb{background:#fa2b24;border-radius:999px}.upf-user-container.user-page-surface .upf-pets-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.upf-user-container.user-page-surface .upf-pet-image{height:138px}.upf-user-container.user-page-surface .upf-pet-name{margin-top:14px;font-size:.96rem}.upf-user-container.user-page-surface .upf-pet-details,.upf-user-container.user-page-surface .upf-pet-stat,.upf-user-container.user-page-surface .upf-appointment-type,.upf-user-container.user-page-surface .upf-appointment-datetime{font-size:.76rem}.upf-user-container.user-page-surface .upf-appointment-item{min-height:92px;padding:13px}.upf-user-container.user-page-surface .upf-appointment-pet-image{width:58px;height:58px}.upf-user-container.user-page-surface .upf-appointment-header h4{font-size:.94rem}.upf-user-container.user-page-surface .upf-status-badge{font-size:.68rem}.upf-user-container.user-page-surface .upf-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 18% 0,#fa2b2447,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.upf-user-container.user-page-surface .upf-modal-content{background:radial-gradient(circle at 0 0,#fa2b241a,#0000 34%),radial-gradient(circle at 100% 0,#0818a01f,#0000 34%),linear-gradient(#fffffffa,#f7fafff5);border:1px solid #ffffffb8;border-radius:24px;overflow:hidden;box-shadow:0 32px 80px #04082a47}.upf-user-container.user-page-surface .upf-modal-header{background:0 0;border-bottom:1px solid #0818a01a;min-height:74px;padding:20px 24px}.upf-user-container.user-page-surface .upf-modal-header h2,.upf-user-container.user-page-surface .upf-modal-title{color:#0a1156;font-size:1.12rem}.upf-user-container.user-page-surface .upf-form-label,.upf-user-container.user-page-surface .upf-password-hint,.upf-user-container.user-page-surface .upf-modal-message{font-size:.8rem}.upf-user-container.user-page-surface .upf-form-input{border:1px solid #9dabc35c;border-radius:12px;min-height:40px;font-size:.84rem}.upf-user-container.user-page-surface .upf-btn-primary,.upf-user-container.user-page-surface .upf-btn-secondary,.upf-user-container.user-page-surface .upf-modal-btn{border-radius:999px;min-height:40px;font-size:.82rem}.upf-user-container.user-page-surface .upf-btn-primary,.upf-user-container.user-page-surface .upf-modal-btn-info,.upf-user-container.user-page-surface .upf-modal-btn-success{background:linear-gradient(135deg,#ffffff29,#0000 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 42%,#0818a0 100%)}@media (width<=900px){.upf-profile-workspace{grid-template-columns:1fr}.upf-user-container.user-page-surface .upf-tabs-container{border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));position:static}.upf-side-nav-brand{grid-column:1/-1;min-height:56px}}@media (width<=640px){.upf-user-container.user-page-surface .upf-profile-header-section{min-height:0}.upf-user-container.user-page-surface .upf-header-overlay{min-height:0;padding:74px 18px 22px}.upf-user-container.user-page-surface .upf-tabs-container,.upf-name-fields{grid-template-columns:1fr}.upf-user-container.user-page-surface .upf-pets-grid,.upf-user-container.user-page-surface .upf-appointments-list{max-height:520px}}.upf-user-container.user-page-surface .client-nav-home{z-index:1200;margin-bottom:0;position:sticky;top:0}.upf-user-container.user-page-surface .upf-main-content{padding-top:26px}.upf-user-container.user-page-surface .upf-profile-header-section{border-radius:18px;min-height:160px}.upf-user-container.user-page-surface .upf-header-overlay{gap:14px;min-height:160px;padding:34px 22px 20px}.upf-user-container.user-page-surface .upf-profile-picture-border{width:82px;height:82px}.upf-user-container.user-page-surface .upf-profile-picture{width:72px;height:72px}.upf-user-container.user-page-surface .upf-change-photo-btn{width:28px;height:28px}.upf-user-container.user-page-surface .upf-header-info h1{font-size:clamp(1.08rem,1.8vw,1.48rem);font-weight:600;line-height:1.15}.upf-user-container.user-page-surface .upf-header-meta{margin-top:6px;font-size:.74rem}.upf-user-container.user-page-surface .upf-edit-profile-btn{min-height:34px;padding:0 12px;font-size:.76rem}.upf-side-nav-brand{justify-content:center;gap:0;min-height:62px;padding:8px}.upf-side-nav-brand span{display:none}.upf-side-nav-brand img{width:50px;height:50px}.upf-user-container.user-page-surface .upf-pets-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:minmax(214px,auto);align-items:start;gap:12px}.upf-user-container.user-page-surface .upf-pet-card{text-align:left;isolation:isolate;cursor:default;grid-template-rows:106px auto auto auto;align-items:stretch;width:100%;min-width:0;height:auto;min-height:214px;padding:0 0 12px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:grid;position:relative;overflow:hidden}.upf-user-container.user-page-surface .upf-pet-card:hover{background:radial-gradient(circle at 100% 0,#fa2b2417,#0000 34%),linear-gradient(#fffffff5,#f8faffe6);border-color:#fa2b2457;transform:translateY(-4px);box-shadow:0 18px 38px #0a11561f,0 0 0 4px #fa2b240f}.upf-user-container.user-page-surface .upf-pet-card:after{content:"";z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(135deg,#fa2b2424,#0818a01a);transition:opacity .22s;position:absolute;inset:0}.upf-user-container.user-page-surface .upf-pet-card:hover:after{opacity:1}.upf-user-container.user-page-surface .upf-pet-image{width:100%;height:106px;box-shadow:none;border:0;border-radius:0;margin:0;transition:transform .28s,filter .28s}.upf-user-container.user-page-surface .upf-pet-card:hover .upf-pet-image{filter:saturate(1.08)contrast(1.02);transform:scale(1.04)}.upf-user-container.user-page-surface .upf-pet-name{color:#0a1156;margin:10px 0 3px;font-size:.86rem;line-height:1.2;transition:color .22s}.upf-user-container.user-page-surface .upf-pet-card:hover .upf-pet-name{color:#0818a0}.upf-user-container.user-page-surface .upf-pet-details{min-height:30px;margin:0;font-size:.7rem;line-height:1.35}.upf-user-container.user-page-surface .upf-pet-stats{flex-wrap:wrap;justify-content:flex-start;gap:6px;margin-top:10px}.upf-user-container.user-page-surface .upf-pet-name,.upf-user-container.user-page-surface .upf-pet-details,.upf-user-container.user-page-surface .upf-pet-stats{padding-left:12px;padding-right:12px}.upf-user-container.user-page-surface .upf-pet-stat{color:#0818a0;background:#0818a014;border-radius:999px;padding:5px 8px;font-size:.64rem;transition:background .22s,color .22s,transform .22s}.upf-user-container.user-page-surface .upf-pet-card:hover .upf-pet-stat{color:#b91d28;background:#fa2b241a;transform:translateY(-1px)}.upf-user-container.user-page-surface .upf-password-modal,.upf-user-container.user-page-surface .upf-email-modal{width:min(92vw,430px)}.upf-user-container.user-page-surface .upf-modal-content{border-radius:18px}.upf-user-container.user-page-surface .upf-modal-header{min-height:58px;margin-bottom:0;padding:15px 18px}.upf-user-container.user-page-surface .upf-modal-body{padding:16px 18px 18px}.upf-user-container.user-page-surface .upf-form-group{margin-bottom:12px}.upf-user-container.user-page-surface .upf-modal-actions-row{margin-top:16px}.upf-user-container.user-page-surface .upf-modal-close-btn,.upf-user-container.user-page-surface .upf-modal-close-btn:hover,.upf-user-container.user-page-surface .upf-modal-close-btn:disabled:hover{color:#0a1156;width:34px;height:34px;box-shadow:none;background:#0818a014;padding:0;transform:none}.upf-user-container.user-page-surface .upf-password-hint{margin-top:6px;line-height:1.35}@media (width<=900px){.upf-user-container.user-page-surface .upf-main-content{padding-top:18px}.upf-user-container.user-page-surface .upf-header-overlay{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:26px 18px 18px}.upf-user-container.user-page-surface .upf-edit-profile-btn{grid-column:1/-1;margin:0}}@media (width<=640px){.upf-user-container.user-page-surface .upf-header-overlay{grid-template-columns:1fr;padding:22px 16px 18px}.upf-user-container.user-page-surface .upf-pets-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.upf-user-container.user-page-surface .upf-pets-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));grid-auto-rows:auto;align-content:start;align-items:start;gap:14px;max-height:560px;padding:2px 10px 6px 2px;display:grid;overflow:hidden auto}.upf-user-container.user-page-surface .upf-pet-card{border-radius:18px;grid-template-rows:104px auto auto auto;place-self:start stretch;width:auto;max-width:none;height:auto;min-height:0;margin:0;padding:0 0 12px;display:grid}.upf-user-container.user-page-surface .upf-pet-image{aspect-ratio:auto;object-fit:cover;width:100%;height:104px}.upf-user-container.user-page-surface .upf-appointments-list{align-content:start;gap:12px;display:grid}.upf-user-container.user-page-surface .upf-appointment-item{isolation:isolate;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;position:relative;overflow:hidden}.upf-user-container.user-page-surface .upf-appointment-item:after{content:"";z-index:-1;opacity:0;pointer-events:none;background:linear-gradient(135deg,#fa2b241f,#0818a01a);transition:opacity .22s;position:absolute;inset:0}.upf-user-container.user-page-surface .upf-appointment-item:hover{background:radial-gradient(circle at 100% 0,#fa2b2417,#0000 34%),linear-gradient(#fffffff5,#f8faffe6);border-color:#fa2b2457;transform:translateY(-3px);box-shadow:0 18px 38px #0a11561f,0 0 0 4px #fa2b240f}.upf-user-container.user-page-surface .upf-appointment-item:hover:after{opacity:1}.upf-user-container.user-page-surface .upf-appointment-pet-image{transition:transform .28s,filter .28s}.upf-user-container.user-page-surface .upf-appointment-item:hover .upf-appointment-pet-image{filter:saturate(1.08)contrast(1.02);transform:scale(1.04)}.upf-user-container.user-page-surface .upf-appointment-item:hover .upf-appointment-header h4{color:#0818a0}.upf-booking-toast:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #fa2b2457;animation:1.9s ease-out infinite homeBookingPulse;position:absolute;inset:-7px}.upf-booking-toast{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:1200;color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#ffffff38,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b8172a 42%,#0818a0 100%);border:1px solid #ffffff94;border-radius:999px;justify-content:flex-start;align-items:center;gap:0;width:58px;height:58px;padding:0;transition:width .28s,transform .22s,box-shadow .22s;display:inline-flex;position:fixed;overflow:hidden;box-shadow:0 18px 44px #0818a052}.upf-booking-toast:hover,.upf-booking-toast:focus-visible{width:245px;transform:translateY(-4px);box-shadow:0 24px 54px #0818a061}.upf-booking-toast .home-booking-toast-icon{flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex}.upf-booking-toast .home-booking-toast-copy{opacity:0;white-space:nowrap;color:#fff;flex:none;max-width:0;font-size:.85rem;font-weight:400;line-height:1;transition:max-width .28s,opacity .18s;overflow:hidden}.upf-booking-toast:hover .home-booking-toast-copy,.upf-booking-toast:focus-visible .home-booking-toast-copy{opacity:1;max-width:180px;transition-delay:80ms}@media (width<=640px){.upf-user-container.user-page-surface .upf-pets-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.upf-booking-toast{bottom:16px;right:14px}}.invTopContainer{border-radius:20px;flex-direction:row;align-items:center;gap:12px;height:10%;margin-bottom:20px;display:flex}.invSubTopContainer{background-color:#fff;border-radius:12px;flex-direction:row;flex:20;align-items:center;min-height:20px;padding:12px 20px;display:flex;box-shadow:0 0 18px #0000001f}.invClickable{cursor:pointer;position:relative;overflow:hidden}.invClickable:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.invClickable:active{transform:translateY(0)}.invClickable:after{content:"";opacity:0;background:#ffffff1a;transition:opacity .2s;position:absolute;inset:0}.invClickable:hover:after{opacity:1}.invViewDetails{color:#ff4d4d;opacity:.7;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:all .2s;display:flex;position:absolute;bottom:5px;right:15px}.invClickable:hover .invViewDetails{opacity:1;color:#d32f2f;transform:translate(3px)}.invPurpleBg{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.invTableToolbar{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.invSearchFilterSection{z-index:10;flex-direction:row;flex:1;align-items:center;gap:20px;min-width:0;display:flex;position:relative}.invIconButton:hover{opacity:.8}.invArchiveBtn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.invArchiveBtn:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 2px 8px #6c757d4d}.invArchiveBtn:active{transform:translateY(0)}.invArchivedRow{opacity:.7;color:#6c757d;background-color:#f8f9fa;text-decoration:line-through}.invArchivedRow td{color:#6c757d}.invArchivedBadge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#6c757d;border-radius:20px;margin-left:10px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.invArchiveWarning{color:#ff9800;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;display:flex}.invArchiveWarningText{color:#666;text-align:center;margin-top:10px;font-size:14px}.invArchivedSidebarItem{opacity:.7;background-color:#f8f9fa}.invArchivedSidebarItem .invSidebarItemName{color:#6c757d;text-decoration:line-through}.invArchivedTag{color:#fff;text-transform:uppercase;background-color:#6c757d;border-radius:20px;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}.invFilterSection{z-index:20;flex-flow:wrap;gap:10px;margin-left:5px;display:flex}.invClearFilterBtn{color:#fff;cursor:pointer;background-color:#0a1156;border:1px solid #0a1156;border-radius:8px;flex-direction:row;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:13px;font-weight:500;display:flex}.invClearFilterBtn:hover{opacity:.9}.invActionSection{flex:1;justify-content:flex-end;gap:10px;display:flex}.invBlackBtn{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:8px;align-items:center;gap:5px;height:35px;padding:0 20px;font-weight:600;display:flex}.invDeleteBtn{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:8px;align-items:center;gap:5px;height:35px;padding:0 20px;font-weight:600;display:flex}.invDataTable th{text-align:left;color:#000;background-color:#fff;border-bottom:2px solid #f0f0f0;padding:12px 8px;font-size:13px;font-weight:600}.invDataTable td{color:#000;border-bottom:1px solid #f0f0f0;padding:12px 8px;font-size:13px}.invDataTable th:first-child,.invDataTable td:first-child{text-align:center;width:40px;padding:12px 0}.invCheckbox{cursor:pointer;accent-color:#0a1156;border-radius:4px;width:18px;height:18px}.invStockBadge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.invStockDisposal{color:#7f1d1d;background-color:#fee2e2;border:1px solid #fecaca}.invPaginationBtn:hover:not(:disabled){color:#fff;background-color:#0a1156;transform:translateY(-1px);box-shadow:0 2px 5px #3d67ee4d}.invFormHeader h2{color:#333;font-size:20px}.invFormClose{cursor:pointer;color:#666;background:0 0;border:none;font-size:32px;line-height:1;transition:color .2s}.invFormContent{flex:1;padding-right:10px;overflow-y:auto}.invFormInput{border:1px solid #ccc;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.invFormInput:focus{border-color:#0a1156;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.invFormSelect{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.invFormSelect:focus{border-color:#0a1156;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.invCancelBtn{color:#0c0c0c;cursor:pointer;background-color:#dad8d8;border:none;border-radius:8px;padding:10px 30px;font-size:14px;font-weight:600;transition:all .2s}.invCancelBtn:hover{background-color:silver;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.invSubmitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0b1732,#0a1156,#0818a0);border:none;border-radius:8px;padding:10px 30px;font-size:14px;font-weight:600;transition:all .2s}.invSubmitBtn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 10px #3d67ee4d}.invPriceInput{border:1px solid #ccc;border-radius:8px;width:100%;padding:10px 12px 10px 30px;font-size:14px;transition:all .2s}.invPriceInput:focus{border-color:#0a1156;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.invStockControl{align-items:center;gap:8px;display:flex}.invStockInput:disabled{cursor:not-allowed;background-color:#f5f5f5}.invCheckboxLabel input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin-right:10px}@keyframes invSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes invFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.invAlertTitle{color:#000;margin:10px 0;font-size:20px;font-weight:700}.invAlertActions{flex-direction:row;justify-content:center;gap:15px;width:100%;display:flex}.invAlertBtn{cursor:pointer;border:none;border-radius:8px;min-width:100px;padding:10px 20px;font-weight:600;transition:all .2s}.invAlertBtn:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.invCancelAlertBtn:hover{background-color:#e0e0e0}.invConfirmAlertBtn{color:#fff;background-color:#0a1156}.invConfirmAlertBtn:hover{opacity:.9}.invErrorBtn{background-color:#d93025}.invSidebarOverlay{z-index:2000;background-color:#00000080;justify-content:flex-end;animation:.3s invFadeIn;display:flex;position:fixed;inset:0}@keyframes invSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.invSidebarHeader{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;padding:25px;display:flex}.invSidebarClose{cursor:pointer;color:#666;background:0 0;border:none;font-size:32px;line-height:1;transition:all .2s}.invSidebarClose:hover{color:#333;transform:scale(1.1)}.invSidebarContent{flex:1;padding:20px;overflow-y:auto}.invSidebarItem{cursor:pointer;background-color:#f9f9f9;border-left:4px solid #ff4d4d;border-radius:10px;align-items:center;gap:15px;margin-bottom:10px;padding:15px;transition:all .2s;display:flex}.invSidebarItem:hover{background-color:#fff;transform:translate(-5px);box-shadow:0 4px 12px #0000001a}.invSidebarEmpty{color:#888;justify-content:center;align-items:center;height:200px;font-size:14px;display:flex}.invSidebarContent::-webkit-scrollbar{width:6px}.invSidebarContent::-webkit-scrollbar-track{background:#f1f1f1}.invSidebarContent::-webkit-scrollbar-thumb{background:#0a1156;border-radius:3px}.invSidebarContent::-webkit-scrollbar-thumb:hover{background:#0818a0}.invStockCritical{color:#fff;background-color:red;padding-left:20px;padding-right:25px;font-weight:700;position:relative}@keyframes invPulse{0%{transform:scale(1);box-shadow:0 0 #ff0000b3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #f000}to{transform:scale(1);box-shadow:0 0 #f000}}.invCriticalBadge{color:red;background-color:#ff00001a;border-radius:12px;padding-inline:10px;font-size:10px;font-weight:600;display:inline-block}.invCriticalItem{background-color:#fff0f0;border-left-color:red;position:relative;overflow:hidden}.invCriticalItem:before{content:"⚠️";opacity:.3;font-size:12px;position:absolute;top:5px;right:5px}.invCriticalTag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:red;border-radius:10px;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:600}.invCriticalCount{position:relative;color:red!important;font-weight:800!important}.invStockLow{color:#c62828;background-color:#ffebee;position:relative}.invCriticalItem:hover{transform:translate(-5px)scale(1.02);background-color:#ffe0e0!important;border-left-color:red!important}.invActiveFilter{color:#1976d2;background-color:#e3f2fd;border-left:4px solid #1976d2;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:8px 15px;font-size:13px;display:flex}.invClearFilterSmall{color:#1976d2;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.invClearFilterSmall:hover{background-color:#1976d21a}.invExpiringIndicator{color:#fff;background-color:#f57c00;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.invForDisposalRow{background-color:#fff1f2!important}.invForDisposalRow:hover{background-color:#ffe4e6!important}.invExpirationBadge{white-space:nowrap;border-radius:999px;margin-top:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.invExpirationWarningBadge{color:#c2410c;background-color:#fff7ed}.invExpirationExpiredBadge{color:#b91c1c;background-color:#fee2e2}.invExpirationDisposalBadge{color:#7f1d1d;background-color:#fecaca}.invForDisposalTag{color:#fff;text-transform:uppercase;letter-spacing:0;white-space:nowrap;background-color:#7f1d1d;border-radius:10px;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:700}.invExpiringSidebarItem:hover{background-color:#fff3e0!important}.invPriceInput{max-length:9}.invFormInput[maxlength="6"]{max-length:6}.invStockInput{text-align:center;border:1px solid #ccc;border-radius:8px;flex:1;padding:10px 12px;font-size:14px;transition:all .2s}.invStockInput:focus:not(:disabled){border-color:#0a1156;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.invStockInput:disabled{cursor:not-allowed;color:#999;background-color:#f5f5f5}.invStockBtn:disabled{color:#ccc;cursor:not-allowed;opacity:.5}.invStockBtn:not(:disabled):active{transform:scale(.95)}.invReturnBtn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:8px;align-items:center;gap:5px;height:35px;padding:0 15px;font-weight:600;transition:all .2s;display:flex}.invReturnBtn:hover{background-color:#5a6268;transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.invExpiredBadge{color:red;background-color:#ff00001a;border-radius:12px;padding-inline:10px;font-size:10px;font-weight:600;display:inline-block}.invExpiredRow:hover{background-color:#ffcdd2!important}.invExpiredIndicator{color:#fff;background-color:#c62828;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.invDisabled{cursor:not-allowed;color:#999;background-color:#f5f5f5}.invExpiredSidebarItem:hover{transform:translate(-5px)scale(1.02);background-color:#ffcdd2!important}.invExpiredTag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#c62828;border-radius:10px;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:600}.invActionSection{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.invDeleteBtn,.invReturnBtn,.invBlackBtn{white-space:nowrap}.invBranchSelector{border-right:2px solid #9c9c9ca4;align-items:center;gap:10px;margin-left:auto;padding-right:22px;display:flex}.invBranchLabel{color:#0a1156;margin-right:10px;font-size:14px;font-weight:500}.invBranchSelect{color:#333;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:150px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.invBranchSelect:hover{border-color:#0a1156;box-shadow:0 2px 4px #3d67ee1a}.invBranchSelect:focus{border-color:#0a1156;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.invBranchIndicator{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.invBranchTaguig{background-color:#4caf50}.invBranchLasPinas{background-color:#ff9800}html,body{height:100%;margin:0;padding:0;overflow:hidden}#root{justify-content:center;align-items:flex-start;width:100%;display:flex}.invContainer{background-color:#fff;flex-direction:row;width:100vw;height:100vh;display:flex;overflow:hidden}.invBodyContainer{background-color:#fff;flex:6;height:100vh;padding:30px 30px 30px 15px}.invBodyContainer::-webkit-scrollbar{width:8px}.invBodyContainer::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.invBodyContainer::-webkit-scrollbar-thumb{background:#0a1156;border-radius:10px}.invSubTopLeft{align-items:center;gap:10px;display:flex}.invNotificationContainer{flex:.5;justify-content:center;margin-left:12px}.invBlueIcon{color:#0a1156}.invBlueText{color:#0a1156;margin-left:10px;font-size:16px;font-weight:620}.invBranchSelector2{align-items:center;gap:10px;margin-left:auto;display:flex}.invBranchSelect{color:#333;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:150px;padding:8px 16px;font-size:12px;transition:all .2s}.invBranchSelect:hover{border-color:#0a1156}.invAnalyticsContainer{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.invAnalyticsCard{background:#fff;border-radius:15px;align-items:center;gap:15px;height:120px;padding:20px;transition:all .2s;display:flex;position:relative;box-shadow:0 0 18px #00000014}.invAnalyticsCard:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.invClickable{cursor:pointer}.invAnalyticsIcon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.invBlueBg{background:linear-gradient(135deg,#0b1732,#0a1156)}.invRedBg{background:linear-gradient(135deg,#ff4d4d,#d32f2f)}.invOrangeBg{background:linear-gradient(135deg,#ff9800,#f57c00)}.invGreenBg{background:linear-gradient(135deg,#4caf50,#388e3c)}.invAnalyticsContent{flex-direction:column;display:flex}.invAnalyticsLabel{color:#666;font-size:13px}.invAnalyticsValue{color:#333;font-size:24px;font-weight:700}.invViewDetails{color:#ff4d4d;opacity:.7;font-size:11px;transition:all .2s;position:absolute;bottom:5px;right:15px}.invClickable:hover .invViewDetails{opacity:1;transform:translate(3px)}.invCriticalBadge,.invExpiredBadge{color:red;background-color:#ff00001a;border-radius:12px;padding-inline:10px;font-size:10px;font-weight:600;display:inline-block}.invTableContainer{background-color:#fff;border-radius:20px;flex-direction:column;height:calc(95% - 200px);padding:30px;display:flex;box-shadow:0 0 18px #00000026}.invTableToolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.invSearchFilterSection{z-index:10;flex:1;align-items:center;gap:20px;display:flex;position:relative}.invIconButton{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.invTooltip{color:#fff;white-space:nowrap;background-color:#000;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:-30px;left:-15px}.invSearchInput{border:1px solid #ccc;border-radius:8px;width:250px;height:28px;padding:0 12px;font-size:13px}.invFilterSection{gap:10px;display:flex}.invFilterSelect{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:140px;height:30px;padding:0 12px;font-size:13px}.invActionSection{align-items:center;gap:10px;display:flex}.invBlackBtn,.invDeleteBtn,.invReturnBtn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:5px;height:35px;padding:0 20px;font-weight:600;display:flex}.invBlackBtn{color:#fff;background-color:#000}.invBlackBtn:hover{background-color:#333}.invDeleteBtn{color:#fff;background-color:#dc3545}.invDeleteBtn:hover{background-color:#c82333}.invReturnBtn{color:#fff;background-color:#6c757d}.invReturnBtn:hover{background-color:#5a6268}.invTableWrapper{flex-direction:column;flex:1;display:flex;overflow:auto}.invDataTable{border-collapse:collapse;width:100%}.invDataTable th{text-align:left;background-color:#fff;border-bottom:2px solid #f0f0f0;padding:12px 8px;font-size:13px;font-weight:600}.invDataTable td{border-bottom:1px solid #f0f0f0;padding:12px 8px;font-size:13px}.invDataTable th:first-child,.invDataTable td:first-child{text-align:center;width:40px}.invStockBadge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block;position:relative}.invStockHigh{color:#1f7a3f;background-color:#dff5e1}.invStockAvg{color:#f57c00;background-color:#fff3e0}.invStockLow{color:#c62828;background-color:#ffebee}.invStockCritical{color:#fff;background-color:red;padding-left:20px;padding-right:25px;position:relative}.invCriticalIndicator{color:red;background-color:#fff;border:2px solid red;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;animation:1.5s infinite invPulse;display:flex;position:absolute;top:-5px;right:-5px}.invExpirationDate{border-radius:4px;padding:4px 8px;font-size:12px;display:inline-block;position:relative}.invExpiring{color:#f57c00;background-color:#fff3e0;padding-right:20px;font-weight:600}.invExpired{color:#c62828;background-color:#ffcdd2;padding-right:20px;font-weight:600;position:relative}.invExpiringIndicator,.invExpiredIndicator{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.invExpiringIndicator{color:#fff;background-color:#f57c00}.invExpiredIndicator{color:#fff;background-color:#c62828}.invExpiredRow{background-color:#ffebee!important}.invExpiringRow{background-color:#fffaf0}.invNoData{text-align:center;color:#888;padding:20px}.invPagination{justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex}.invPaginationBtn{color:#0a1156;cursor:pointer;background-color:#fff;border:1px solid #0a1156;border-radius:4px;padding:8px 16px;transition:all .2s}.invPaginationBtn:hover:not(:disabled){color:#fff;background-color:#0a1156}.invPaginationBtn:disabled{opacity:.5;cursor:not-allowed}.invPaginationInfo{color:#666;font-size:14px}.invFormContainer{flex-direction:column;height:100%;display:flex}.invFormHeader{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.invFormClose{cursor:pointer;color:#666;background:0 0;border:none;font-size:32px;transition:all .2s}.invFormClose:hover{color:#333;transform:scale(1.1)}.invFormContent{flex:1;padding-left:50px;padding-right:50px;overflow-y:auto}.invFormRow{gap:20px;margin-bottom:20px;display:flex}.invFormGroup{flex:1;padding-bottom:22px;position:relative}.invFormGroup label{color:#333;margin-bottom:5px;font-size:14px;font-weight:600;display:block}.invRequired{color:#dc3545;margin-left:3px}.invFormInput,.invFormSelect{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.invFormInput.invError{border-color:#dc3545}.invFormInput.invDisabled{cursor:not-allowed;color:#999;background-color:#f5f5f5}.invCharCount{color:#888;z-index:1;font-size:11px;position:absolute;top:38px;right:10px}.invErrorText{color:#dc3545;margin-top:4px;font-size:12px;position:absolute;bottom:0;left:0}.invPriceInputWrapper{align-items:center;display:flex;position:relative}.invPesoSign{color:#666;z-index:1;font-size:14px;font-weight:500;position:absolute;left:12px}.invPriceInput{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:10px 12px 10px 30px;font-size:14px}.invStockControl{align-items:center;gap:8px;margin-bottom:8px;display:flex}.invStockBtn{cursor:pointer;color:#0a1156;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;font-size:24px;transition:all .2s;display:flex}.invStockBtn:hover:not(:disabled){color:#0818a0;transform:scale(1.1)}.invStockBtn:disabled{color:#ccc;cursor:not-allowed}.invStockInput{text-align:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;flex:1;padding:10px 12px;font-size:14px}.invCheckboxGroup{margin-top:8px}.invCheckboxLabel{color:#666;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.invCheckboxLabel input[type=checkbox]{cursor:pointer;width:16px;height:16px}.invFormActions{border-top:2px solid #f0f0f0;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;display:flex}.invCancelBtn{cursor:pointer;background-color:#dad8d8;border:none;border-radius:8px;padding:10px 30px;font-size:14px;font-weight:600}.invSubmitBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0b1732,#0a1156,#0818a0);border:none;border-radius:8px;padding:10px 30px;font-size:14px;font-weight:600}.invImportModal,.invFormModal{background-color:#fff;border-radius:20px;width:550px;max-width:90%;max-height:90vh;animation:.3s invFadeIn;overflow-y:auto;box-shadow:0 20px 40px #0003}.invFormModal{width:700px}.invAlertModal{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;width:80%;max-width:350px;padding:25px;animation:.3s invFadeIn;display:flex;box-shadow:0 4px 20px #00000026}.invModalClose{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:28px;transition:all .2s;display:flex}.invModalContent{background-color:#fff;padding:25px}.invModalFooter{background-color:#fff;border-top:2px solid #f0f0f0;border-radius:0 0 20px 20px;justify-content:flex-end;gap:15px;padding:20px 25px;display:flex}.invImportNote{background-color:#fff3e0;border-left:4px solid #ff9800;border-radius:8px;gap:12px;margin-bottom:20px;padding:15px;display:flex}.invImportNote p{color:#666;margin:0 0 8px;font-size:13px}.invImportNote ul{color:#666;margin:8px 0 0 20px;font-size:12px}.invImportNote li{margin:4px 0}.invImportActions{justify-content:center;margin-bottom:20px;display:flex}.invTemplateBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0b1732,#0a1156,#0818a0);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:flex}.invFileUploadArea{text-align:center;background-color:#fafafa;border:2px dashed #ccc;border-radius:12px;padding:30px;transition:all .2s}.invFileUploadLabel{cursor:pointer;color:#666;flex-direction:column;align-items:center;gap:10px;display:flex}.invFileHint{color:#999;font-size:11px}.invAlertIcon{margin-bottom:10px}.invAlertTitle{color:#333;text-align:center;margin:10px 0;font-size:20px;font-weight:700}.invAlertMessage{text-align:center;color:#666;margin-bottom:25px;font-size:14px}.invImportBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0b1732,#0a1156);border:none;border-radius:8px;align-items:center;gap:5px;height:30px;margin-left:25px;margin-right:10px;padding:0 20px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.invImportBtn:hover{background:linear-gradient(135deg,#0a1156,#071126);transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.invExportDropdownContainer{position:relative}.invExportBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;align-items:center;gap:8px;height:30px;padding:0 15px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.invExportBtn:hover{background:linear-gradient(135deg,#fb8c00,#ef6c00);transform:translateY(-1px);box-shadow:0 2px 8px #ff98004d}.invExportDropdown{z-index:100;background:#adadad7c;border-radius:8px;min-width:180px;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.invExportOption{text-align:left;cursor:pointer;background:#fff;border:none;align-items:center;gap:8px;width:100%;padding:10px 15px;font-size:13px;transition:all .2s;display:flex}.invExportOption:hover{background-color:#f0f0f0}.invExportOption:first-child{border-bottom:1px solid #f0f0f0}.invAlertActions{justify-content:center;gap:15px;width:100%;display:flex}.invAlertBtn{cursor:pointer;border:none;border-radius:8px;min-width:100px;padding:10px 20px;font-weight:600}.invCancelAlertBtn{color:#333;background-color:#f0f0f0}.invConfirmAlertBtn{color:#fff;background:linear-gradient(135deg,#0b1732,#0a1156,#0818a0)}.invErrorBtn{background:linear-gradient(135deg,#ff4d4d,#d32f2f)}.invSidebarOverlay{z-index:2000;background-color:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.invSidebar{background-color:#fff;flex-direction:column;width:400px;height:100vh;animation:.3s invSlideIn;display:flex;box-shadow:-5px 0 20px #00000026}.invSidebarHeader{background-color:#fff;border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;padding:25px;display:flex}.invSidebarTitle{align-items:center;gap:12px;display:flex}.invSidebarTitle h2{color:#333;margin:0;font-size:20px}.invSidebarClose{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:28px;display:flex}.invSidebarClose:hover{color:#333;background-color:#f0f0f0}.invSidebarContent{background-color:#f9f9f9;flex:1;padding:20px;overflow-y:auto}.invSidebarItem{cursor:pointer;background-color:#fff;border-left:4px solid #ff4d4d;border-radius:10px;align-items:center;gap:15px;margin-bottom:10px;padding:15px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.invSidebarItem:hover{transform:translate(-5px);box-shadow:0 4px 12px #00000026}.invSidebarItemInfo{flex:1}.invSidebarItemName{color:#333;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.invSidebarItemCode{color:#888;font-size:12px;display:block}.invSidebarItemStock{text-align:right}.invSidebarStockCount{color:#ff4d4d;font-size:16px;font-weight:700;display:block}.invSidebarStockLabel{color:#888;font-size:10px;display:block}.invSidebarItemArrow{color:#0a1156;opacity:0;font-size:18px;transition:opacity .2s}.invSidebarItem:hover .invSidebarItemArrow{opacity:1}.invSidebarEmpty{color:#888;justify-content:center;align-items:center;height:200px;display:flex}.invCriticalItem{background-color:#fff0f0;border-left-color:red}.invCriticalTag,.invExpiredTag{color:#fff;text-transform:uppercase;background-color:red;border-radius:10px;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:600}.invExpiredTag{background-color:#c62828}.invExpiredSidebarItem{background-color:#ffebee!important;border-left-color:#c62828!important}.invExpiringSidebarItem{border-left-color:#f57c00!important}.invCriticalCount{color:red!important;font-weight:800!important}.invExpiredCount{color:#c62828!important;font-weight:800!important}.invExpiringCount{color:#f57c00!important;font-weight:700!important}.invLoadingContainer{justify-content:center;align-items:center;height:100%;display:flex}.invSpinner{border:4px solid #f3f3f3;border-top-color:#0a1156;border-radius:50%;width:40px;height:40px;animation:1s linear infinite invSpin}.invTemplateNote{border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:12px 20px;display:flex}.invTemplateLink:hover{color:#0818a0;text-decoration:underline;transform:translateY(-1px)}.invTemplateLink svg{font-size:14px}.invBranchAll{background-color:#0a1156}::-webkit-scrollbar-thumb:hover{background:#0818a0}.invRowsPerPageContainer{position:relative}.invRowsPerPageBtn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:8px;align-items:center;gap:8px;height:35px;padding:0 15px;font-weight:600;transition:all .2s;display:flex}.invRowsPerPageBtn:hover{background-color:#5a6268;transform:translateY(-1px)}.invRowsPerPageDropdown{z-index:100;background:#fff;border-radius:8px;min-width:140px;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.invRowsPerPageOption{text-align:left;cursor:pointer;background:#fff;border:none;width:100%;padding:10px 15px;font-size:13px;transition:all .2s}.invRowsPerPageOption:hover{background-color:#f0f0f0}.invRowsPerPageOption.active{color:#fff;background-color:#0a1156}.invCatalogHero .invBranchSelector{border-right:0;align-items:center;gap:0;margin-left:0;padding-right:0;display:inline-flex}.invCatalogHero .invImportBtn,.invCatalogHero .invExportBtn{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #3db6ee47;padding:0 14px;box-shadow:0 12px 24px #04082a24}.invCatalogHero .invImportBtn:hover,.invCatalogHero .invExportBtn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 28px #050c262e,0 0 0 3px #3db6ee1f}.invBlueIcon,.invIconDefault,.invCatalogHero .invIconButton svg{color:#0a1156!important}.invBlueText,.invBranchLabel{color:#0a1156}.invAnalyticsContainer{gap:10px;margin-bottom:14px}.invAnalyticsCard,.invTableContainer{background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),radial-gradient(circle at 0 100%,#fa2b240e,#0000 36%),linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #0818a01f;box-shadow:0 18px 42px #0a115613,inset 0 1px #ffffffe6}.invAnalyticsCard{border-radius:16px;height:auto;min-height:116px;padding:15px;transition:border-color .18s,box-shadow .18s,background .18s;transform:none!important}.invAnalyticsCard:hover,.invTableContainer:hover{border-color:#0818a033;box-shadow:0 22px 48px #0a11561c,inset 0 1px #fffffff2}.invAnalyticsIcon{border-radius:14px;width:46px;height:46px}.invBlueBg,.invGreenBg,.invPurpleBg{background:radial-gradient(circle at 20% 18%,#3db6ee42,#0000 38%),linear-gradient(135deg,#0b1732 0%,#071126 100%)}.invRedBg,.invOrangeBg{background:radial-gradient(circle at 20% 18%,#fa2b2452,#0000 38%),linear-gradient(135deg,#fa2b24 0%,#b91d28 42%,#0818a0 100%)}.invAnalyticsLabel{color:#4a5872;font-size:.72rem;font-weight:650}.invAnalyticsValue{color:#0a1156;font-size:1.45rem}.invViewDetails{color:#d23b37}.invTableContainer{border-radius:18px;height:auto;min-height:570px;padding:18px;overflow:hidden}.invTableToolbar{gap:14px;margin-bottom:14px}.invSearchFilterSection{gap:12px}.invSearchInput,.invFilterSelect,.invRowsPerPageBtn,.invRowsPerPageDropdown,.invBranchSelect,.invFormInput,.invFormSelect,.invPriceInput,.invStockInput{color:#0a1156;border-color:#0818a024;border-radius:12px}.invSearchInput:focus,.invFilterSelect:focus,.invFormInput:focus,.invFormSelect:focus,.invPriceInput:focus,.invStockInput:focus:not(:disabled){border-color:#0818a070;box-shadow:0 0 0 3px #3db6ee29}.invClearFilterBtn,.invBlackBtn,.invSubmitBtn,.invConfirmAlertBtn,.invRowsPerPageOption.active{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:0;box-shadow:0 12px 24px #04082a24}.invDeleteBtn,.invErrorBtn{background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%)}.invArchiveBtn,.invReturnBtn,.invRowsPerPageBtn,.invCancelBtn,.invCancelAlertBtn{color:#0a1156;box-shadow:none;background:#fff;border:1px solid #0818a024}.invArchiveBtn:hover,.invReturnBtn:hover,.invRowsPerPageBtn:hover,.invCancelBtn:hover,.invCancelAlertBtn:hover{color:#0a1156;background:#f7fbff;box-shadow:0 10px 24px #0a11561a}.invTableWrapper{scrollbar-width:thin;scrollbar-color:#0818a047 transparent;min-height:390px;overflow:auto}.invTableWrapper::-webkit-scrollbar{width:8px;height:8px}.invTableWrapper::-webkit-scrollbar-track{background:0 0}.invTableWrapper::-webkit-scrollbar-thumb{background:#0818a047;border-radius:999px}.invDataTable th{color:#0a1156;background:linear-gradient(135deg,#0818a014,#3db6ee17);border-bottom:1px solid #0818a01a}.invDataTable td{color:#34405a;border-bottom:1px solid #0818a014}.invCheckbox{accent-color:#0818a0}.invPagination{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:12px;margin-top:14px;display:grid}.invPaginationBtn{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px}.invPaginationBtn:hover:not(:disabled){color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%)}.invPaginationInfo{color:#4a5872}.invExportDropdown,.invRowsPerPageDropdown{background:#fff;border:1px solid #0818a01f;border-radius:14px;box-shadow:0 22px 48px #050c2629}.invExportOption,.invRowsPerPageOption{color:#0a1156}.invExportOption:hover,.invRowsPerPageOption:hover{background:#0818a00f}.invTooltip{color:#fff;background:#071126;border:1px solid #3db6ee33}.invModalOverlay,.invSidebarOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 22% 18%,#fa2b243d,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.invImportModal,.invFormModal,.invAlertModal,.invSidebar{background:linear-gradient(#fffffff5,#f7fafff0),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%);border:1px solid #ffffffb8;box-shadow:0 32px 80px #04082a57}.invModalHeader,.invModalFooter,.invSidebarHeader{background:#ffffff94;border-color:#0818a01a}.invModalHeader h2,.invFormHeader h2,.invAlertTitle,.invSidebarTitle h2,.invModalClose,.invFormClose,.invSidebarClose,.invStockBtn,.invTemplateLink{color:#0a1156}.invStockBtn:hover:not(:disabled),.invTemplateLink:hover{color:#fa2b24}.invImportNote{background:radial-gradient(circle at 100% 0,#fa2b241a,#0000 36%),#0818a00b;border-left-color:#fa2b24}.invFileUploadLabel svg{color:#0a1156}@media (width<=1200px){.invCatalogHero{flex-direction:column;align-items:flex-start}.invCatalogHeroActions{justify-content:flex-start}.invAnalyticsContainer{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.invBodyContainer.bodyContainer{padding:78px 14px 0}.invCatalogHeroIcon{flex-basis:58px;width:58px;height:58px}.invCatalogHeroActions,.invCatalogHero .invBranchSelector,.invCatalogHero .invBranchSelect,.invCatalogHero .invImportBtn,.invCatalogHero .invExportBtn,.invExportDropdownContainer{width:100%}.invCatalogHero .invNotificationContainer{width:38px}.invAnalyticsContainer{grid-template-columns:1fr}.invTableToolbar,.invSearchFilterSection,.invActionSection{flex-direction:column;align-items:stretch}.invSearchInput,.invFilterSelect{width:100%}.invPagination{grid-template-columns:1fr}.invBodyContainer.bodyContainer>.admin-body-footer.user-page-footer,.invBodyContainer.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:34px -14px 0}}.invCatalogHero .invBranchSelector{border-right:1px solid #0818a029;margin-right:2px;padding-right:14px}@media (width<=900px){.invCatalogHero .invBranchSelector{border-bottom:1px solid #0818a01f;border-right:0;margin-right:0;padding-bottom:10px;padding-right:0}.invCatalogHero .invImportBtn,.invCatalogHero .invExportBtn{width:100%}}.invTableContainerOUT{background-color:#fff;border-radius:20px;flex-direction:column;height:80vh;padding:30px;display:flex;box-shadow:0 0 18px #00000026}.invQtyBtn{color:#fff;cursor:pointer;background-color:#3d67ee;border-width:1px;border-color:#3d67ee;border-radius:60px;padding:4px 8px;font-size:12px;font-weight:600;transition:all .2s}.invQtyBtnSmall{padding:4px 8px;font-size:10px}.invSortDropdownContainer{position:relative}.invSortBtn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:8px;align-items:center;gap:8px;height:35px;padding:0 15px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.invSortBtn:hover{background-color:#5a6268;transform:translateY(-1px)}.invSortDropdown{z-index:100;background:#fff;border-radius:8px;min-width:200px;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.invSortOption{text-align:left;cursor:pointer;background:#fff;border:none;width:100%;padding:10px 15px;font-size:13px;transition:all .2s}.invSortOption:hover{background-color:#f0f0f0}.invSortOption.active{color:#fff;background-color:#3d67ee}.invBulkModal{background-color:#fff;border-radius:20px;width:900px;max-width:90%;max-height:90vh;animation:.3s invFadeIn;overflow-y:auto;box-shadow:0 20px 40px #0003}.invSortSection{flex-direction:row;gap:10px;margin-left:5px;display:flex}.invSortSelect{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:200px;height:30px;padding:0 12px;font-size:13px}.invRowsPerPageSection{flex-direction:row;gap:10px;margin-left:5px;display:flex}.invRowsPerPageSelect{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:140px;height:30px;padding:0 12px;font-size:13px}.invQtyAddBtn:hover{background-color:#2148c9;transform:translateY(-1px);box-shadow:0 0 5px 2px #3f69f34b}.invBulkBtn{color:#fff;cursor:pointer;background-color:#ff9800;border:none;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 20px;font-weight:600;transition:all .2s;display:flex}.invBulkBtn:hover{background-color:#f57c00;transform:translateY(-1px);box-shadow:0 2px 8px #ff98004d}.invBulkQtyInput{text-align:center;border:1px solid #ccc;border-radius:6px;width:60px;padding:6px 8px;font-size:13px}.invBulkQtyInput:focus{border-color:#3d67ee;outline:none}.invPagination{justify-content:center;align-items:center;gap:20px;margin-top:20px;display:flex;position:relative}.invSettingsActions{justify-content:flex-end;margin-top:12px;display:flex}.invSettingsApplyBtn{color:#fff;cursor:pointer;background-color:#3d67ee;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s}.invSettingsApplyBtn:hover{background-color:#2c52d4}.invQuantityControls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.invQtyBtn:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.invQtyInput{text-align:center;border:1px solid #ccc;border-radius:6px;width:70px;padding:4px 6px;font-size:12px}.invQtyInput:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 2px #3d67ee1a}.invRowActions{gap:5px;display:flex}.invSaveRowBtn{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.invSaveRowBtn:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.invSaveRowBtn:disabled{cursor:not-allowed;opacity:.6;background-color:#6c757d}.invCriticalStockCell{color:#dc3545;background-color:#dc35450d;font-weight:700}.invBulkBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;align-items:center;gap:6px;height:35px;margin-left:10px;padding:0 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.invBulkBtn:hover{background:linear-gradient(135deg,#fb8c00,#ef6c00);transform:translateY(-1px);box-shadow:0 2px 8px #ff98004d}.invProductSelectorModal{background-color:#fff;border-radius:20px;flex-direction:column;width:550px;max-width:90%;max-height:80vh;animation:.3s invFadeIn;display:flex;box-shadow:0 20px 40px #0003}.invProductSelectorInfo{color:#1976d2;background-color:#e3f2fd;border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 15px;font-size:13px;display:flex}.invProductSelectorList{border:1px solid #e0e0e0;border-radius:8px;max-height:400px;overflow-y:auto}.invProductSelectorHeader{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;padding:12px 15px;font-size:13px;font-weight:600;display:flex;position:sticky;top:0}.invProductSelectorItems{max-height:350px;overflow-y:auto}.invProductSelectorItem{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:10px 15px;transition:background-color .2s;display:flex}.invProductSelectorItem:hover{background-color:#f5f5f5}.invProductSelectorItemInfo{flex-direction:column;flex:1;gap:2px;display:flex}.invProductSelectorItemCode{color:#888;font-size:11px}.invProductSelectorItemName{color:#333;font-size:13px;font-weight:500}.invProductSelectorItemStock{color:#666;font-size:11px}.invBulkItemsSection{margin:20px 0}.invBulkItemsSection label{color:#333;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.invBulkItemsTable{border:1px solid #e0e0e0;border-radius:8px;max-height:350px;overflow-y:auto}.invBulkItemsTableInner{border-collapse:collapse;width:100%}.invBulkItemsTableInner th{text-align:left;background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;padding:10px 12px;font-size:12px;font-weight:600;position:sticky;top:0}.invBulkItemsTableInner td{border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:13px}.invBulkTotalLabel{text-align:right;font-size:14px;font-weight:700}.invBulkTotalValue{color:#28a745;font-size:16px;font-weight:700}.invImportActions{padding:0 25px 20px}.invTemplateNote{background-color:#f8f9fa;border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:12px 20px;display:flex}.invTemplateNote span{color:#555;font-size:13px}.invTemplateLink{color:#3d67ee;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.invTemplateLink:hover{color:#0738d9;text-decoration:underline}.invRecordTransactionContainer{justify-content:flex-end;margin:20px 0;display:flex}.invRecordTransactionBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3d67ee,#2c52d4);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.invCheckbox{cursor:pointer;accent-color:#3d67ee;width:18px;height:18px}.invModalQuantityControls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.invQtyAddBtn{border-radius:50px}.invDataTable th:first-child,.invDataTable td:first-child{text-align:center}.invRecordTransactionBtn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3d67ee,#2c52d4);border:none;border-radius:8px;align-items:center;gap:8px;margin-left:auto;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.invRecordTransactionBtn:hover:not(:disabled){background:linear-gradient(135deg,#2c52d4,#1a3fa8);transform:translateY(-1px);box-shadow:0 4px 12px #3d67ee4d}.invRecordTransactionBtn:disabled{cursor:not-allowed;opacity:.7;background:linear-gradient(135deg,#9e9e9e,#757575)}.invCheckbox{cursor:pointer;appearance:none;vertical-align:middle;background-color:#fff;border:2px solid #ccc;border-radius:4px;width:18px;height:18px;transition:all .2s;position:relative}.invCheckbox:checked{background-color:#3d67ee;border-color:#3d67ee}.invCheckbox:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.invCheckboxSelected{animation:.3s invCheckboxPulse;background-color:#3d67ee!important;border-color:#3d67ee!important}@keyframes invCheckboxPulse{0%{transform:scale(1);box-shadow:0 0 #3d67ee66}50%{transform:scale(1.1);box-shadow:0 0 0 4px #3d67ee33}to{transform:scale(1);box-shadow:0 0 #3d67ee00}}.invDataTable th:first-child .invCheckbox{margin:0 auto}.invZeroStockRow{opacity:.6;background-color:#f5f5f5}.invZeroStockRow:hover{opacity:.8}.invRowLegend{background-color:#fafbfd;border:1px solid #e3e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 0;padding:10px 12px;display:flex}.invRowLegendItem{color:#435066;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.invRowLegendSwatch{border:1px solid #2233541f;border-radius:4px;flex-shrink:0;width:16px;height:16px}.invRowLegendExpired{background-color:#ffebee}.invRowLegendExpiring{background-color:#fffaf0}.invRowLegendSelected{background-color:#3d67ee1f}.invRowLegendZeroStock{background-color:#f5f5f5}.invOutOfStockTag{color:#020202;text-transform:uppercase;background-color:#afafaf;border-radius:4px;margin-left:10px;padding:2px 6px;font-size:10px;display:inline-block}.invCheckbox:disabled{opacity:.5;cursor:not-allowed;background-color:#e0e0e0}.invCheckbox:disabled:checked{background-color:#9e9e9e;border-color:#9e9e9e}.invCharCounter{color:#888;text-align:right;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.invError{border-color:#dc3545!important}.invError:focus{box-shadow:0 0 0 3px #dc35451a!important}.invErrorText{color:#dc3545;margin-top:4px;font-size:11px;display:block}.invFormGroup{margin-bottom:5px;position:relative}textarea.invFormInput{resize:vertical;min-height:60px;font-family:inherit}.invDisabledInput{cursor:not-allowed;color:#666;background-color:#f5f5f5}.invInputWrapper{width:100%;position:relative}.invInputWithCounter{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:10px 50px 10px 12px;font-size:14px;transition:all .2s}.invInputWithCounter:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.invInputWithCounter.invError{border-color:#dc3545}.invCharCounterInside{color:#999;pointer-events:none;background-color:#0000;font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.invCharCounterInsideNearLimit{color:#f57c00}.invCharCounterInsideAtLimit{color:#dc3545}.invTextareaWrapper{width:100%;position:relative}.invTextareaWithCounter{resize:vertical;border:1px solid #ccc;border-radius:8px;width:100%;padding:10px 50px 10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.invTextareaWithCounter:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.invTextareaCounterInside{color:#999;pointer-events:none;background-color:#0000;font-size:11px;position:absolute;bottom:10px;right:12px}.invTypeBadge{text-align:center;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.invRefReasonCell{flex-direction:column;gap:2px;display:flex}.invRefNumber{color:#3d67ee;font-family:monospace;font-size:12px}.invReason{color:#666;font-size:12px}.invNotesCell{max-width:250px}.invNoteCell{align-items:center;gap:8px;display:flex}.invNoteContent{color:#555;font-size:12px;line-height:1.4}.invNoteCollapsed{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.invNoteExpanded{white-space:normal;word-wrap:break-word;max-width:250px}.invNoNote{color:#aaa;font-size:12px}.invNoteToggleBtn{color:#3d67ee;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;transition:all .2s;display:inline-flex}.invNoteToggleBtn:hover{background-color:#3d67ee1a}.invDateRangeFilter{border-radius:8px;align-items:center;gap:8px;padding:5px 12px;display:flex}.invDateRangeFilter span{color:#666;font-size:12px}.invDateInput{background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:12px}.invDateInput:focus{border-color:#3d67ee;outline:none}.invModalOverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.invModalHeader{background-color:#fff;border-bottom:2px solid #f0f0f0;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.invModalHeader h2{color:#333;margin:0;font-size:18px}.invModalClose{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;width:32px;height:32px;font-size:24px}.invModalClose:hover{color:#333;background-color:#f0f0f0}.invModalContent{padding:25px}.invModalFooter{border-top:2px solid #f0f0f0;justify-content:flex-end;gap:15px;padding:20px 25px;display:flex}.invFormInput,.invFormSelect{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.invFormInput:focus,.invFormSelect:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.invCancelBtn,.invSubmitBtn{cursor:pointer;border:none;border-radius:8px;padding:10px 30px;font-size:14px;font-weight:600}.invCancelBtn{color:#0c0c0c;background-color:#dad8d8}.invSubmitBtn{color:#fff;background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9)}.invFilterSection{flex-wrap:wrap;align-items:center;gap:10px;margin-left:10px;display:flex}.invFilterSelect{background-color:#fff;border:1px solid #ccc;border-radius:8px;height:36px;padding:0 12px;font-size:13px}.invReturnBtn{color:#fff;cursor:pointer;background-color:#17a2b8;border:none;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.invReturnBtn:hover{background-color:#138496;transform:translateY(-1px)}.invSettingsDropdownContainer{position:relative}.invSettingsDropdown{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:12px;min-width:220px;padding:15px;position:absolute;top:35px;left:0;box-shadow:0 4px 20px #00000026}.invSettingsSection{margin-bottom:12px}.invSettingsSection label{color:#666;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.invSettingsSelect{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.invSettingsSelect:focus{border-color:#3d67ee;outline:none}.invSettingsDivider{background-color:#e0e0e0;height:1px;margin:12px 0}.invToolbarItem{position:relative}.invIconDefault{color:#6c757d}.invNotePreviewBtn{color:#3d67ee;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.invNotePreviewBtn:hover{background-color:#3d67ee1a;transform:scale(1.05)}.invNotePreviewModal{background-color:#fff;border-radius:20px;flex-direction:column;width:500px;max-width:90%;max-height:80vh;animation:.3s invFadeIn;display:flex;box-shadow:0 20px 40px #0003}.invNotePreviewContent{flex:1;padding:20px 25px;overflow-y:auto}.invNotePreviewContent p{color:#333;white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:14px;line-height:1.6}.invRefCell{color:#3d67ee;font-family:monospace;font-size:12px}.invReasonCell{color:#666;font-size:12px}.invSupplierCell{color:#555;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;overflow:hidden}.invInRow{background-color:#2e9e0c08}.invOutRow{background-color:#dc354508}.invInRow:hover{background-color:#2e9e0c14}.invOutRow:hover{background-color:#dc354514}.invTypeBadge{text-align:center;border-radius:12px;min-width:40px;padding:1px 2px;font-size:10px;font-weight:600;display:inline-block}.invTypeIn{color:#fff;background-color:#74da55}.invTypeOut{color:#fff;background-color:#e64555}.invProductCell{flex-direction:column;display:flex}.invProductCode{color:#888;font-family:monospace;font-size:11px}.invProductName{color:#333;font-size:13px;font-weight:500}.invDataTable td{vertical-align:middle;padding:12px 8px}.invNotesCell{text-align:center;width:60px}.invDataTable th:first-child,.invDataTable td:first-child{white-space:nowrap}.invRemoveCell{text-align:center;vertical-align:middle;padding:8px 4px!important}.invRemoveRowBtn{color:#dc3545;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:inline-flex}.invRemoveRowBtn:hover{background-color:#dc35451a;transform:scale(1.1)}.invModalSearchBar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.invSearchInputWrapper{flex:1;max-width:350px;position:relative}.invSearchIcon{color:#999;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.invModalSearchInput{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 35px 10px 38px;font-size:13px;transition:all .2s}.invModalSearchInput:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 2px #3d67ee1a}.invClearSearchBtn{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.invClearSearchBtn:hover{color:#dc3545}.invMissingAlert{align-items:center;display:flex}.invMissingWarning{color:#856404;background-color:#fff3cd;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.invMissingRow{border-left:3px solid #dc3545;background-color:#dc354514!important}.invMissingRow td{background-color:#dc354514}.invMissingInput{background-color:#dc35450d;border-color:#dc3545!important}.invMissingInput:focus{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc35451a!important}.invNoSearchResults{text-align:center;color:#999;font-style:italic;padding:30px!important}.invBulkItemsTableInner td{vertical-align:middle;padding:10px 8px}.invBulkItemsTableInner th:first-child,.invBulkItemsTableInner td:first-child{text-align:center;width:40px}.invArchivedRow{opacity:.85;background-color:#f8f9fa}.invArchivedRow:hover{opacity:1;background-color:#f1f3f5}.invActionsCell{text-align:center;white-space:nowrap}.invRestoreBtn{color:#fff;cursor:pointer;background-color:#4d4c4c;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.invRestoreBtn:hover{background-color:#3d67ee;transform:translateY(-1px);box-shadow:0 2px 8px #284aa74d}.invArchiveCount{color:#666;background-color:#f8f9fa;border-radius:20px;margin-left:auto;padding:6px 12px;font-size:13px}.invExpirationDate{color:#666;text-align:center;font-size:12px}.invContainer{background:radial-gradient(circle at 18% 0,#fa2b2414,#0000 28%),radial-gradient(circle at 86% 0,#0818a01f,#0000 30%),linear-gradient(#f8faff 0%,#f3f6ff 48%,#eef3ff 100%)}.invBodyContainer.bodyContainer{color:#0a1156;scrollbar-gutter:stable;scrollbar-color:#0818a057 transparent;background:0 0;min-width:0;height:100vh;min-height:0;padding:28px 28px 0 16px;overflow:hidden auto}.invBodyContainer.bodyContainer::-webkit-scrollbar{width:12px}.invBodyContainer.bodyContainer::-webkit-scrollbar-track{background:0 0}.invBodyContainer.bodyContainer::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.invBodyContainer.bodyContainer::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.invCatalogHero{z-index:20;color:#0a1156;justify-content:space-between;align-items:center;gap:18px;min-height:96px;margin-bottom:14px;padding:0 2px 14px;display:flex;position:relative}.invCatalogHeroBrand{align-items:center;gap:14px;min-width:0;display:flex}.invCatalogHeroIcon{color:#fff;background:radial-gradient(circle at 20% 18%,#60a5fa57,#0000 36%,#fa2b24b3),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);border-radius:16px;flex:0 0 65px;place-items:center;width:65px;height:65px;display:grid;box-shadow:0 16px 34px #04082a2e}.invCatalogKicker{color:#4a5872;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:.62rem;font-weight:700;display:block}.invCatalogHero h1{color:#0000;background-color:#0000;background-image:radial-gradient(circle at 100% 0,#fa2b2499,#0000 90%),linear-gradient(135deg,#0b1732 0%,#071126 58%,#040815 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.3rem,1.8vw,1.75rem);font-weight:700;line-height:1.08}.invCatalogHero p{color:#4a5872;max-width:560px;margin:5px 0 0;font-size:.78rem;line-height:1.45}.invCatalogHeroActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.invCatalogHero .invBranchSelector,.invCatalogHero .invBranchSelector2{border-right:0;align-items:center;gap:0;margin-left:0;padding-right:0;display:inline-flex}.invCatalogHero .invBranchSelect,.invCatalogHero .invImportBtn,.invCatalogHero .invExportBtn{border-radius:999px;height:34px;min-height:34px;font-size:.78rem;font-weight:650}.invCatalogHero .invBranchSelect{color:#0a1156;min-width:158px;box-shadow:none;background:#fff;border:1px solid #0818a024;padding:0 36px 0 14px}.invCatalogHero .invBranchSelect:hover,.invCatalogHero .invBranchSelect:focus{background:#f7fbff;border-color:#0818a057;outline:none;box-shadow:0 10px 24px #0a11561a}.invCatalogHero .invImportBtn,.invCatalogHero .invExportBtn,.invRecordTransactionBtn,.invBulkBtn,.invSubmitBtn,.invConfirmAlertBtn,.invSettingsApplyBtn,.invClearFilterBtn{color:#fff;background:radial-gradient(circle at 0 0,#60a5fa2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #60a5fa47;box-shadow:0 12px 24px #04082a24}.invCatalogHero .invImportBtn:hover,.invCatalogHero .invExportBtn:hover,.invRecordTransactionBtn:hover:not(:disabled),.invBulkBtn:hover,.invSubmitBtn:hover,.invConfirmAlertBtn:hover,.invClearFilterBtn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 28px #050c262e,0 0 0 3px #60a5fa1f}.invCatalogHero .invNotificationContainer{background:#fff;border:1px solid #0818a024;border-radius:999px;flex:0 0 38px;place-items:center;width:38px;min-width:38px;height:38px;margin-left:0;padding:0;transition:border-color .18s,box-shadow .18s,background .18s;display:grid}.invCatalogHero .invNotificationContainer:hover{background:#f7fbff;border-color:#0818a052;box-shadow:0 10px 24px #0a11561a}.invCatalogHero .invIconButton{color:#0a1156;width:34px;height:34px;padding:0}.invBlueIcon,.invIconDefault,.invCatalogHero .invIconButton svg,.invNotePreviewBtn,.invRefCell,.invRefNumber{color:#0a1156!important}.invIconActive{color:#fa2b24!important}.invTableContainerOUT{background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),radial-gradient(circle at 0 100%,#fa2b240e,#0000 36%),linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #0818a01f;border-radius:18px;height:auto;min-height:570px;padding:18px;overflow:hidden;box-shadow:0 18px 42px #0a115613,inset 0 1px #ffffffe6}.invTableWrapper,.invBulkItemsTable,.invProductSelectorList,.invProductSelectorItems,.invNotePreviewContent,.invModalContent{scrollbar-width:thin;scrollbar-color:#0818a047 transparent}.invTableWrapper{min-height:390px;overflow:auto}.invDataTable th,.invBulkItemsTableInner th,.invProductSelectorHeader{color:#0a1156;background:linear-gradient(135deg,#0818a014,#60a5fa17);border-bottom:1px solid #0818a01a}.invDataTable td,.invBulkItemsTableInner td{color:#34405a;border-bottom:1px solid #0818a014}.invDataTable tbody tr:hover{background:#0818a009}.invExpiredRow,.invExpiredRow:hover{opacity:1;background:linear-gradient(90deg,#fa2b2424 0%,#fa2b2412 34%,#ffffffd1 100%)!important}.invExpiredRow td{background:0 0!important}.invExpiringRow{background:linear-gradient(90deg,#f57c001f 0%,#f57c000d 38%,#ffffffd6 100%)!important}.invZeroStockRow{background:linear-gradient(90deg,#64748b1f 0%,#64748b0a 44%,#ffffffd6 100%)!important}.invFilterSelect,.invSearchInput,.invDateInput,.invSettingsSelect,.invSortSelect,.invRowsPerPageSelect,.invQtyInput,.invBulkQtyInput,.invFormInput,.invFormSelect,.invInputWithCounter,.invTextareaWithCounter,.invModalSearchInput{color:#0a1156;background:#fff;border-color:#0818a024;border-radius:12px}.invFilterSelect:focus,.invSearchInput:focus,.invDateInput:focus,.invSettingsSelect:focus,.invSortSelect:focus,.invRowsPerPageSelect:focus,.invQtyInput:focus,.invBulkQtyInput:focus,.invFormInput:focus,.invFormSelect:focus,.invInputWithCounter:focus,.invTextareaWithCounter:focus,.invModalSearchInput:focus{border-color:#0818a070;box-shadow:0 0 0 3px #60a5fa29}.invArchiveBtn,.invReturnBtn,.invCancelBtn,.invCancelAlertBtn,.invRowsPerPageBtn,.invSortBtn,.invRestoreBtn{color:#0a1156;box-shadow:none;background:#fff;border:1px solid #0818a024}.invArchiveBtn:hover,.invReturnBtn:hover,.invCancelBtn:hover,.invCancelAlertBtn:hover,.invRowsPerPageBtn:hover,.invSortBtn:hover,.invRestoreBtn:hover{color:#0a1156;background:#f7fbff;box-shadow:0 10px 24px #0a11561a}.invDeleteBtn,.invErrorBtn,.invRemoveRowBtn:hover{color:#fff;background:linear-gradient(135deg,#ffffff29,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 44%,#0818a0 100%)}.invQtyBtn,.invQtyAddBtn{color:#0a1156;background:#60a5fa29;border-color:#60a5fa4d}.invQtyBtn:hover:not(:disabled),.invQtyAddBtn:hover{background:#60a5fa3d;box-shadow:0 0 0 3px #60a5fa1f}.invCheckbox{accent-color:#0818a0;border-color:#0818a03d}.invCheckbox:hover{border-color:#0818a0}.invCheckbox:checked,.invCheckboxSelected{background-color:#0818a0!important;border-color:#0818a0!important}.invSettingsDropdown,.invSortDropdown,.invExportDropdown,.invRowsPerPageDropdown{background:#fff;border:1px solid #0818a01f;border-radius:14px;box-shadow:0 22px 48px #050c2629}.invSettingsSection label,.invProductSelectorItemCode,.invReasonCell,.invSupplierCell,.invDateRangeFilter span,.invArchiveCount,.invExpirationDate{color:#4a5872}.invSettingsDivider{background:#0818a01a}.invProductName,.invProductSelectorItemName,.invNotePreviewContent p,.invBulkItemsSection label,.invModalHeader h2,.invAlertTitle,.invFormGroup label{color:#0a1156}.invModalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 22% 18%,#fa2b243d,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.invImportModal,.invFormModal,.invAlertModal,.invBulkModal,.invProductSelectorModal,.invNotePreviewModal{background:linear-gradient(#fffffff5,#f7fafff0),radial-gradient(circle at 0 0,#fa2b2424,#0000 38%),radial-gradient(circle at 100% 0,#0818a029,#0000 36%);border:1px solid #ffffffb8;border-radius:22px;box-shadow:0 32px 80px #04082a57}.invModalHeader,.invModalFooter{background:#ffffff94;border-color:#0818a01a}.invImportNote,.invProductSelectorInfo,.invTemplateNote,.invArchiveCount{color:#34405a;background:radial-gradient(circle at 100% 0,#fa2b241a,#0000 36%),#0818a00b;border:1px solid #0818a01a}.invFileUploadArea{background:#ffffffb3;border-color:#0818a02e}.invFileUploadArea:hover{border-color:#0818a061}.invFileUploadLabel svg,.invTemplateLink,.invModalClose,.invFormClose,.invSidebarClose{color:#0a1156}.invTemplateLink:hover,.invModalClose:hover,.invClearSearchBtn:hover{color:#fa2b24}.invTypeIn{color:#166534;background:#22c55e24}.invTypeOut,.invOutOfStockTag{color:#991b1b;background:#fa2b2421}.invInRow{background:linear-gradient(90deg,#22c55e12,#fffc)}.invOutRow{background:linear-gradient(90deg,#fa2b2412,#fffc)}.invRowLegend{display:none!important}.invBodyContainer.bodyContainer>.admin-body-footer.user-page-footer,.invBodyContainer.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:42px -28px 0 -16px}@media (width<=1200px){.invCatalogHero{flex-direction:column;align-items:flex-start}.invCatalogHeroActions{justify-content:flex-start}}@media (width<=900px){.invBodyContainer.bodyContainer{padding:78px 14px 0}.invCatalogHeroIcon{flex-basis:58px;width:58px;height:58px}.invCatalogHeroActions,.invCatalogHero .invBranchSelector,.invCatalogHero .invBranchSelector2,.invCatalogHero .invBranchSelect,.invCatalogHero .invImportBtn,.invCatalogHero .invExportBtn,.invExportDropdownContainer{width:100%}.invCatalogHero .invNotificationContainer{width:38px}.invTableToolbar,.invSearchFilterSection,.invActionSection,.invFilterSection{flex-direction:column;align-items:stretch}.invSearchInput,.invFilterSelect,.invDateInput{width:100%}.invBodyContainer.bodyContainer>.admin-body-footer.user-page-footer,.invBodyContainer.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:34px -14px 0}}.invCatalogHero .invBranchSelector,.invCatalogHero .invBranchSelector2{border-right:1px solid #0818a029;margin-right:2px;padding-right:14px}.invCatalogHero .invImportBtn,.invCatalogHero .invExportBtn{justify-content:center;width:122px}.invActionSection{gap:10px}.invActionSection .invRecordTransactionBtn,.invRecordTransactionBtn{margin-left:0!important;margin-right:0!important}@media (width<=900px){.invCatalogHero .invBranchSelector,.invCatalogHero .invBranchSelector2{border-bottom:1px solid #0818a01f;border-right:0;margin-right:0;padding-bottom:10px;padding-right:0}.invCatalogHero .invImportBtn,.invCatalogHero .invExportBtn{width:100%}}.emrContainer{background-color:#fff;width:100vw;height:99vh;display:flex;overflow:hidden}.emrBodyContainer{background-color:#fff;flex:6;height:100vh;padding:30px 30px 40px 15px}.emrTopContainer{gap:12px;margin-bottom:16px;display:flex}.emrSubTopContainer{border-radius:12px;flex:20;align-items:center;padding:12px 20px;display:flex}.emrNotificationContainer{flex:.5;justify-content:center;margin-left:12px;padding:12px}.emrBlueIcon{color:#3d67ee}.emrSubTopLeft{align-items:center;gap:8px;display:flex}.emrTableContainer{background-color:#fff;border-radius:12px;flex-direction:column;height:calc(100% - 70px);padding:20px;display:flex;box-shadow:0 0 12px #0000001a}.emrTableToolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.emrSearchFilterSection{flex:1;align-items:center;gap:12px;display:flex}.emrToolbarItem{position:relative}.emrIconButton{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.emrIconButton:hover{opacity:.7}.emrIconDefault{color:#3d67ee}.emrIconActive{color:#afccf8}.emrTooltip{color:#fff;white-space:nowrap;background-color:#000;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;top:-28px;left:-10px}.emrSearchInput{border:1px solid #ddd;border-radius:6px;width:220px;height:32px;padding:6px 12px;font-size:12px}.emrFilterSection{gap:8px;display:flex}.emrFilterInput{border:1px solid #ddd;border-radius:6px;height:32px;padding:0 10px;font-size:12px}.emrFilterSelect{background-color:#fff;border:1px solid #ddd;border-radius:6px;width:150px;height:32px;padding:0 10px;font-size:12px}.emrActionSection{align-items:center;gap:8px;display:flex}.emrBlackBtn,.emrDeleteBtn,.emrReturnBtn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;height:32px;padding:6px 16px;font-size:12px;font-weight:500;display:flex}.emrBlackBtn{color:#fff;background-color:#000}.emrBlackBtn:hover{background-color:#333}.emrDeleteBtn{color:#fff;background-color:#dc3545}.emrDeleteBtn:hover{background-color:#c82333}.emrReturnBtn{color:#fff;background-color:#6c757d}.emrReturnBtn:hover{background-color:#5a6268}.emrTableWrapper{flex-direction:column;flex:1;display:flex;overflow:auto}.emrDataTable{border-collapse:collapse;width:100%}.emrDataTable th{text-align:left;color:#666;background-color:#fafafa;border-bottom:1px solid #e0e0e0;padding:10px 8px;font-size:12px;font-weight:600}.emrDataTable td{color:#333;border-bottom:1px solid #f0f0f0;padding:10px 8px;font-size:12px}.emrDataTable th:first-child,.emrDataTable td:first-child{text-align:center;width:32px;padding:10px 0}.emrCheckbox{cursor:pointer;accent-color:#3d67ee;width:16px;height:16px}.emrActionButtons{align-items:center;gap:6px;display:flex}.emrActionBtn{cursor:pointer;color:#3d67ee;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;padding:4px;display:flex}.emrActionBtn:hover{background-color:#f0f0f0}.emrActionSpinner{border:2px solid #3d67ee40;border-top-color:#3d67ee;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite emrSpin}.emrNoData{text-align:center;color:#999;padding:40px}.emrPagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.emrPaginationBtn{color:#3d67ee;cursor:pointer;background-color:#fff;border:1px solid #3d67ee;border-radius:4px;padding:6px 14px;font-size:12px}.emrPaginationBtn:hover:not(:disabled){color:#fff;background-color:#3d67ee}.emrPaginationBtn:disabled{opacity:.5;cursor:not-allowed}.emrPaginationInfo{color:#666;font-size:12px}.emrLoadingContainer{justify-content:center;align-items:center;height:100%;display:flex}.emrSpinner{border:3px solid #f3f3f3;border-top-color:#3d67ee;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite emrSpin}@keyframes emrSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.emrFormContainer{flex-direction:column;height:100%;display:flex;overflow-y:auto}.emrFormHeader{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.emrFormHeader h3,.emrFormHeader h4{color:#333;font-size:16px;font-weight:600}.emrFormClose{cursor:pointer;color:#999;background:0 0;border:none;font-size:24px;line-height:1}.emrFormClose:hover{color:#333}.emrFormContent{flex:none;padding-right:8px;overflow:visible}.emrFormSection{background-color:#f9f9f9;border-radius:10px;margin-bottom:20px;padding:16px}.emrFormSection h4{color:#3d67ee;border-bottom:1px solid #e0e0e0;margin-bottom:12px;padding-bottom:6px;font-size:13px;font-weight:600}.emrFormRow{gap:12px;margin-bottom:12px;display:flex}.emrFormGroup{flex:1;position:relative}.emrFullWidth{flex:100%}.emrFormGroup label{color:#555;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.emrRequired{color:#dc3545;margin-left:2px}.emrFormInput,.emrFormSelect,.emrTextarea{border:1px solid #ddd;border-radius:6px;width:100%;padding:6px 10px;font-size:12px;transition:all .2s}.emrFormInput:focus,.emrFormSelect:focus,.emrTextarea:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 2px #3d67ee1a}.emrTextarea{resize:vertical;font-family:inherit}.emrReadOnly{cursor:not-allowed;background-color:#f5f5f5}.emrError{border-color:#dc3545!important}.emrErrorText{color:#dc3545;margin-top:2px;font-size:10px}.emrRadioGroup{align-items:center;gap:16px;padding:4px 0;display:flex}.emrRadioLabel{cursor:pointer;align-items:center;gap:4px;font-size:12px;display:flex}.emrCheckboxLabel{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.emrWeightInputWrapper{gap:8px;display:flex}.emrWeightUnit{background-color:#fff;border:1px solid #ddd;border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.emrSearchPetBtn{color:#fff;cursor:pointer;background-color:#3d67ee;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:12px;font-weight:500;display:flex}.emrSearchPetBtn:hover{background-color:#0738d9}.emrFormActions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:12px;display:flex}.emrCancelBtn,.emrSubmitBtn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.emrCancelBtn{color:#333;background-color:#e0e0e0}.emrCancelBtn:hover{background-color:#d0d0d0}.emrSubmitBtn{color:#fff;background:linear-gradient(135deg,#3db6ee,#3d67ee)}.emrSubmitBtn:hover{opacity:.9;transform:translateY(-1px)}.emrCancelBtn:disabled,.emrSubmitBtn:disabled,.emrFormClose:disabled{opacity:.7;cursor:not-allowed;transform:none}.emrBtnSpinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite emrSpin}.emrModalOverlay{z-index:3000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.emrSearchModal{background-color:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:550px;max-height:80vh;display:flex;overflow:hidden}.emrModalHeader{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.emrModalHeader h4{color:#333;font-size:14px;font-weight:600}.emrModalClose{cursor:pointer;color:#999;background:0 0;border:none;font-size:22px;line-height:1}.emrModalClose:hover{color:#333}.emrSearchModalContent{flex:1;padding:20px;overflow-y:auto}.emrPdfOptionsModal{max-width:620px}.emrPdfOptionsList{flex-direction:column;gap:10px;display:flex}.emrPdfOptionCard{cursor:pointer;background-color:#fff;border:1px solid #dfe4ef;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex}.emrPdfOptionCard:hover{background-color:#f7f9ff;border-color:#3d67ee}.emrPdfOptionCard input{margin-top:2px}.emrPdfOptionCard span{flex-direction:column;gap:3px;display:flex}.emrPdfOptionCard strong{color:#273142;font-size:13px}.emrPdfOptionCard small{color:#667085;font-size:11px;line-height:1.35}.emrPdfOptionActive{background-color:#f0f4ff;border-color:#3d67ee;box-shadow:0 0 0 2px #3d67ee14}.emrPdfOptionDisabled{cursor:not-allowed;opacity:.58;background-color:#f6f7f9}.emrPdfOptionDisabled:hover{background-color:#f6f7f9;border-color:#dfe4ef}.emrPdfOptionFields{padding:0 4px 4px 32px}.emrPdfOptionFields label,.emrPdfRangeFields label{color:#333;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.emrPdfRangeFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 4px 4px 32px;display:grid}.emrPdfNotice{color:#7a5200;background-color:#fff8e8;border:1px solid #f3d08a;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.4}.emrPdfErrorText{margin-top:12px;font-size:12px}.emrPdfModalActions{margin-top:18px}@media (width<=600px){.emrPdfRangeFields{grid-template-columns:1fr;padding-left:0}.emrPdfOptionFields{padding-left:0}}.emrSearchInputWrapper{gap:10px;margin-bottom:20px;display:flex}.emrSearchInputWrapper .emrSearchInput{flex:1;height:36px}.emrSearchBtn{color:#fff;cursor:pointer;background-color:#3d67ee;border:none;border-radius:6px;padding:0 20px;font-size:12px;font-weight:500}.emrSearchBtn:hover:not(:disabled){background-color:#0738d9}.emrSearchResults{flex-direction:column;gap:10px;display:flex}.emrSearchResultItem{cursor:pointer;border:1px solid #e0e0e0;border-radius:8px;gap:12px;padding:12px;transition:all .2s;display:flex}.emrSearchResultItem:hover{background-color:#f5f5f5;border-color:#3d67ee}.emrSearchResultIcon{color:#3d67ee;background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.emrSearchResultInfo{flex:1}.emrSearchResultName{color:#333;margin-bottom:2px;font-size:13px;font-weight:600}.emrSearchResultDetails{color:#666;margin-top:2px;font-size:11px}.emrSearchNoResults{text-align:center;color:#999;padding:30px;font-size:12px}.emrAlertModal{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;width:300px;padding:20px;display:flex;box-shadow:0 4px 16px #00000026}.emrAlertIcon{margin-bottom:8px}.emrAlertTitle{margin:8px 0;font-size:16px;font-weight:700}.emrAlertMessage{text-align:center;color:#666;margin-bottom:20px;font-size:12px}.emrAlertActions{justify-content:center;gap:12px;width:100%;display:flex}.emrAlertBtn{cursor:pointer;border:none;border-radius:6px;min-width:80px;padding:8px 20px;font-size:12px;font-weight:500}.emrCancelAlertBtn{color:#333;background-color:#f0f0f0}.emrConfirmAlertBtn{color:#fff;background-color:#3d67ee}.emrErrorBtn{background-color:#d93025}.emrToggleGroup{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.emrToggleBtn{color:#666;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:500;transition:all .2s}.emrToggleBtn:hover{color:#3d67ee;border-color:#3d67ee}.emrToggleActive{color:#fff;background-color:#3d67ee;border-color:#3d67ee}.emrToggleActive:hover{color:#fff;background-color:#0738d9}.emrWeightInputWrapper{align-items:center;display:flex;position:relative}.emrWeightInput{border:1px solid #ddd;border-radius:6px;flex:1;padding:6px 70px 6px 10px;font-size:12px}.emrWeightUnitSelect{background-color:#fff;border-radius:4px;gap:2px;display:flex;position:absolute;right:4px}.emrWeightUnitBtn:hover{color:#3d67ee}.emrWeightUnitActive{color:#3d67ee;font-weight:600}.emrClearFilterBtn{cursor:pointer;color:#fff;background-color:#3d67ee;border:1px solid #ddd;border-radius:6px;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:12px;transition:all .2s;display:flex}.emrClearFilterBtn:hover{color:#fff;background-color:#0934c0;border-color:#3d67ee}.emrViewProofBtn{cursor:pointer;color:#3d67ee;background-color:#f0f0f0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:all .2s;display:inline-flex}.emrViewProofBtn:hover{background-color:#e0e0e0}.emrProofModal{background-color:#fff;border:1px solid #3d67ee1a;border-radius:16px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 25px 50px #3d67ee40}.emrSearchModal,.emrAlertModal{border:1px solid #3d67ee1a;box-shadow:0 25px 50px #3d67ee40}.emrToggleGroup{align-items:center;gap:8px;display:flex}@media (width<=768px){.emrFormRow{flex-direction:column;gap:12px}.emrWeightInputWrapper{width:100%}}.emrToggleGroupFull{gap:10px;width:100%;display:flex}.emrToggleBtnFull{color:#666;cursor:pointer;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.emrToggleBtnFull:hover{color:#3d67ee;background-color:#f0f4ff;border-color:#3d67ee;transform:translateY(-1px)}.emrToggleActiveFull{color:#fff;background:linear-gradient(135deg,#3d67ee,#0738d9);border-color:#3d67ee;box-shadow:0 2px 8px #3d67ee4d}.emrToggleActiveFull:hover{color:#fff;background:linear-gradient(135deg,#0738d9,#052c9e);transform:translateY(-1px)}.emrVaccinatedWrapper{align-items:center;gap:10px;width:100%;display:flex}.emrVaccinatedWrapper .emrToggleGroupFull{flex:2}.emrViewProofBtn{cursor:pointer;color:#3d67ee;white-space:nowrap;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.emrViewProofBtn:hover{background-color:#e0e0e0;border-color:#3d67ee;transform:translateY(-1px)}.emrWeightInputWrapper{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;align-items:center;transition:all .2s;display:flex;position:relative}.emrWeightInputWrapper:focus-within{border-color:#3d67ee;box-shadow:0 0 0 2px #3d67ee1a}.emrWeightInput{background:0 0;border:none;outline:none;flex:1;padding:8px 12px;font-size:13px}.emrWeightUnitSelect{gap:4px;padding-right:8px;display:flex}.emrWeightUnitBtn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s}.emrWeightUnitBtn:hover{color:#3d67ee;background-color:#f0f0f0}.emrWeightUnitActive{color:#3d67ee;background-color:#f0f4ff;font-weight:600}.emrSearchInputWrapper{margin-bottom:20px;position:relative}.emrSearchInputWrapper .emrSearchInput{width:100%;padding:8px 36px 8px 12px}.emrSearchIcon{color:#999;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.emrSearchModal,.emrAlertModal,.emrProofModal{border:1px solid #3d67ee1a;box-shadow:0 25px 50px #3d67ee40}.emrProofModal{background-color:#fff;border-radius:16px;width:90%;max-width:500px;overflow:hidden}.emrProofContent{text-align:center;padding:30px}.emrProofPlaceholder{color:#666;flex-direction:column;align-items:center;gap:16px;display:flex}.emrProofPlaceholder svg{color:#3d67ee;opacity:.7}.emrProofLink{color:#fff;background-color:#3d67ee;border-radius:6px;padding:8px 20px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.emrProofLink:hover{background-color:#0738d9;transform:translateY(-1px)}.emrSearchResults{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}@media (width<=768px){.emrFormRow{flex-direction:column;gap:16px}.emrVaccinatedWrapper{flex-direction:column}.emrVaccinatedWrapper .emrToggleGroupFull,.emrViewProofBtn{width:100%}}.emrGenderMale{border-color:#3d67ee}.emrGenderMale.emrToggleActiveFull{background:linear-gradient(135deg,#3d67ee,#1e3a8a)}.emrGenderFemale{border-color:#ec489a}.emrGenderFemale.emrToggleActiveFull{background:linear-gradient(135deg,#ec489a,#9d174d)}.emrToggleYes{border-color:#2e9e0c}.emrToggleYes.emrToggleActiveFull{background:linear-gradient(135deg,#2e9e0c,#1a5a06)}.emrToggleNo{border-color:#dc3545}.emrToggleNo.emrToggleActiveFull{background:linear-gradient(135deg,#dc3545,#9b2c3a)}.emrHeaderActions{align-items:center;gap:12px;margin-left:auto;margin-right:16px;display:flex}.emrEditToggleBtn{cursor:pointer;color:#666;background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.emrEditToggleBtn:hover{background-color:#e0e0e0}.emrEditActive{color:#fff;background-color:#3d67ee;border-color:#3d67ee}.emrEditActive:hover{background-color:#0738d9}.emrAddVisitBtn{cursor:pointer;color:#4b4a4a;background-color:#f1ff2f;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.emrAddVisitBtn:hover{background-color:#adb815;transform:translateY(-1px)}.emrVisitCard{z-index:10;background-color:#fff;border:1px solid #dbe3fd;border-radius:8px;margin-bottom:12px;padding:12px}.emrExistingBadge{color:#fff;background-color:#ff9800;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.emrHasRecord{border-left:3px solid #ff9800}input:disabled,select:disabled,button:disabled{opacity:.6;cursor:not-allowed}.emrToggleBtnFull:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.emrHeaderActions{flex-direction:column;align-items:flex-end;gap:8px}.emrVisitDetails{grid-template-columns:1fr}}.emrFormHeaderLeft{align-items:center;gap:12px;display:flex}.emrHeaderIcon{color:#3d67ee}.emrModeBadge{border-radius:20px;margin-left:12px;padding:4px 12px;font-size:11px;font-weight:600}.emrEditBadge{color:#fff;background-color:#3d67ee}.emrLegend{background-color:#f9f9f9;border-radius:8px;gap:24px;margin-bottom:16px;padding:12px;font-size:12px;display:flex}.emrLegendItem{align-items:center;gap:8px;display:flex}.emrDeceasedRow{opacity:.8;background-color:#ffebee}.emrDeceasedRow:hover{background-color:#ffcdd2}.emrDeceasedBadge{color:#fff;background-color:#c62828;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.emrStatusDeceased{color:#c62828;background-color:#ffebee;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.emrStatusActive{color:#2e7d32;background-color:#e8f5e9;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-flex}.emrInfoGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.emrInfoItem{flex-direction:column;gap:4px;display:flex}.emrInfoItem label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.emrInfoItem span{color:#333;font-size:14px;font-weight:500}.emrDeceasedText{color:#c62828;font-weight:600}.emrSectionHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.emrSectionHeader h4{color:#000;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:2px;font-size:15px;display:flex}.emrSmallSearch{width:200px;margin-bottom:0;position:relative}.emrSearchInputSmall{border:1px solid #ddd;border-radius:6px;width:100%;padding:6px 12px 6px 32px;font-size:12px}.emrSearchIconSmall{color:#999;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.emrFilterInputSmall{border:1px solid #ddd;border-radius:6px;height:32px;padding:6px 12px;font-size:12px}.emrFilterSelectSmall{background-color:#fff;border:1px solid #ddd;border-radius:6px;height:32px;padding:6px 12px;font-size:12px}.emrVisitCard:hover{box-shadow:0 2px 8px #0000001a}.emrVisitHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.emrVisitDetails div{color:#666}.emrNoVisits{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;font-size:13px;display:flex}.emrNoVisits p{margin:4px 0}.emrVisitFilters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=768px){.emrSectionHeaderWithBtn,.emrHeaderRight{flex-direction:column;align-items:stretch}.emrVisitFilters{flex-direction:column;width:100%}.emrSmallSearch,.emrFilterInputSmall,.emrFilterSelectSmall{width:100%}.emrAddVisitGradientBtn{justify-content:center;width:100%}}.emrDeceasedResult{opacity:.7;border-left:3px solid #c62828}.emrDeceasedBadgeSmall{color:#fff;background-color:#c62828;border-radius:10px;margin-left:8px;padding:2px 6px;font-size:9px;font-weight:600;display:inline-block}button:disabled{opacity:.5;cursor:not-allowed}.emrActionBtn:disabled{cursor:not-allowed}@media (width<=768px){.emrInfoGrid{grid-template-columns:1fr;gap:12px}.emrVisitDetails{grid-template-columns:1fr}.emrSectionHeader{flex-direction:column;align-items:flex-start}.emrVisitFilters{width:100%}.emrSmallSearch,.emrFilterInputSmall,.emrFilterSelectSmall{flex:1}}.emrLegendFilters{background-color:#f9f9f9;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:12px;display:flex}.emrLegend{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.emrLegendTitle{color:#333;font-size:12px;font-weight:600}.emrLegendItem{align-items:center;gap:8px;font-size:12px;display:flex}.emrLegendColor{border-radius:4px;width:20px;height:20px}.emrDeceasedColor{background-color:#ffebee;border:1px solid #c62828}.emrActiveColor{background-color:#e8f5e9;border:1px solid #2e7d32}.emrLegendIcon{font-size:14px}.emrStatusFilters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.emrStatusFilters label{color:#666;font-size:12px;font-weight:600}.emrStatusFilterGroup{background-color:#f0f0f0;border-radius:6px;gap:4px;padding:2px;display:flex}.emrStatusFilterBtn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .2s}.emrStatusFilterBtn:hover{background-color:#e0e0e0}.emrStatusFilterActive{color:#fff;background-color:#3d67ee}.emrStatusFilterActive:hover{background-color:#0738d9}.emrHideDeceasedBtn{cursor:pointer;color:#c62828;background-color:#ffebee;border:1px solid #c62828;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:500;transition:all .2s}.emrHideDeceasedBtn:hover{background-color:#ffcdd2;transform:translateY(-1px)}.emrVisitHistoryContainer{padding-right:8px;overflow-y:auto}.emrVisitHistoryContainer::-webkit-scrollbar{width:4px}.emrVisitHistoryContainer::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.emrVisitHistoryContainer::-webkit-scrollbar-thumb{background:#3d66ee6b;border-radius:3px}.emrFormOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background-color:#fffffffa;border-radius:12px;justify-content:center;align-items:center;animation:.3s emrOverlayFadeIn;display:flex;position:absolute;inset:0}.emrFormOverlayContent{color:#fff;background:linear-gradient(135deg,#3d67ee,#0738d9);border-radius:16px;align-items:center;gap:20px;padding:24px 32px;animation:.3s emrOverlayScaleIn;display:flex;box-shadow:0 8px 32px #3d67ee4d}.emrFormOverlayText{align-items:center;gap:12px;font-size:16px;font-weight:500;display:flex}.emrFormOverlayClose{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.emrFormOverlayClose:hover{background:#ffffff4d;transform:scale(1.1)}@keyframes emrOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes emrOverlayScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.emrFormContainer{flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}.emrFormContent{flex:none;padding-right:8px;position:relative;overflow:visible}.emrToast{z-index:3000;animation:.3s emrToastSlideDown;position:fixed;top:40px;left:50%;transform:translate(-50%)}.emrToastContent{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3d67ee,#0738d9);border-radius:40px;align-items:center;gap:12px;padding:10px 20px;display:flex;box-shadow:0 4px 15px #3d67ee4d}.emrToastIcon{justify-content:center;align-items:center;display:flex}.emrToastMessage{white-space:nowrap;font-size:13px;font-weight:500}.emrToastClose{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:4px;transition:all .2s;display:flex}@keyframes emrToastSlideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=768px){.emrToastMessage{white-space:normal;max-width:200px;font-size:11px}.emrToastContent{padding:8px 16px}}.emrSwitch{cursor:pointer;align-items:center;gap:10px;display:inline-flex;position:relative}.emrSwitch input{opacity:0;width:0;height:0;position:absolute}.emrSlider{cursor:pointer;background-color:#ccc;border-radius:22px;width:44px;height:22px;transition:all .3s;display:inline-block;position:relative;box-shadow:inset 0 1px 3px #0003}.emrSlider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0000004d}input:checked+.emrSlider{background-color:#3d67ee;box-shadow:inset 0 1px 3px #0003,0 0 0 3px #3d67ee33}input:checked+.emrSlider:before{transform:translate(22px)}.emrSwitchLabel{color:#666;font-size:12px;font-weight:500;transition:color .3s}input:checked~.emrSwitchLabel{color:#3d67ee;font-weight:600}.emrSlider:hover{box-shadow:inset 0 1px 3px #0003,0 0 0 2px #3d67ee4d}.emrSwitch input:disabled+.emrSlider,.emrSwitch input:disabled~.emrSwitchLabel{opacity:.5;cursor:not-allowed}.emrTabs{border-bottom:2px solid #e0e0e0;gap:0;margin-bottom:20px;padding:0 20px;display:flex}.emrTabBtn{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.emrTabBtn:hover{color:#3d67ee}.emrTabActive{color:#3d67ee;border-bottom-color:#3d67ee}.emrTextarea{resize:vertical;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;box-sizing:border-box;width:100%;max-width:100%;font-family:inherit}.emrVisitCard{word-wrap:break-word;background-color:#fff;border:1px solid #dbe3fd;border-radius:8px;margin-bottom:12px;padding:12px;overflow:hidden}.emrVisitDetails{word-wrap:break-word;overflow-wrap:break-word;grid-template-columns:repeat(2,1fr);gap:8px;font-size:12px;display:grid}.emrVisitDetails strong{color:#333}.emrFormContent,.emrFormSection,.emrFormGroup,.emrFormInput,.emrFormSelect{overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.emrFormGroup .emrTextarea{box-sizing:border-box;width:100%;max-width:100%}.emrAddVisitModal{background-color:#fff;border:1px solid #3d67ee1a;border-radius:12px;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #3d67ee40}.emrAddVisitContent{padding:20px}.emrAddVisitGradientBtn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#3d67ee,#0738d9);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #3d67ee4d}.emrAddVisitGradientBtn:hover:before{left:100%}.emrAddVisitGradientBtn:hover{background:linear-gradient(135deg,#0738d9,#052c9e);transform:translateY(-2px);box-shadow:0 4px 12px #3d67ee66}.emrAddVisitGradientBtn:active{transform:translateY(0)}.emrSectionHeaderWithBtn{border-bottom:2px solid #e0e0e0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:12px;display:flex}.emrSectionHeaderWithBtn h4{color:#3d67ee;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.emrSectionHeaderWithBtn h4 svg{color:#3d67ee}.emrHeaderRight{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=768px){.emrSectionHeaderWithBtn{flex-direction:column;align-items:stretch}.emrHeaderRight{justify-content:flex-start}.emrAddVisitGradientBtn{justify-content:center}}.emrFloatingBtn{cursor:pointer;color:#fff;z-index:10;background:linear-gradient(135deg,#3d67ee,#0738d9);border:none;border-radius:40px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin-top:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex;top:20px;box-shadow:0 4px 12px #3d67ee66}.emrFloatingBtn:hover{background:linear-gradient(135deg,#2d57de,#062cb9);transform:translateY(-2px);box-shadow:0 6px 16px #3d67ee80}.emrFloatingBtn:active{transform:translateY(0)}.emrVisitHistorySection{flex-direction:column;height:100%;display:flex;position:relative}@media (width<=768px){.emrFloatingBtn{justify-content:center;width:calc(100% - 40px);margin:0 20px 20px;position:sticky;bottom:20px}}.emrRichTextEditor{width:100%;position:relative}.emrRichTextToolbar{z-index:10;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;gap:4px;padding:4px;display:flex;position:absolute;top:-32px;left:0;box-shadow:0 2px 8px #0000001a}.emrRichTextBtn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;transition:all .2s;display:flex}.emrRichTextBtn:hover{color:#3d67ee;background-color:#f0f0f0}.emrRichTextPreview{color:#666;background-color:#f9f9f9;border-radius:6px;margin-top:8px;padding:8px;font-size:11px}.emrRichTextPreview small{color:#999;margin-right:8px}.emrRichTextPreview strong{color:#333;font-weight:600}.emrRichTextPreview em{color:#333;font-style:italic}.emrLargeModal{width:90%;max-height:90vh;max-width:800px!important}.emrLabResultsContainer{flex-direction:column;gap:20px;display:flex}.emrVisitCard{background-color:#fff;border:1px solid #dbe3fd;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s}.emrVisitCard:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3d67ee1a}.emrVisitHeader{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.emrVisitDate{color:#3d67ee;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.emrVisitNumber{color:#999;font-size:11px;font-weight:500}.emrVisitDetails{grid-template-columns:repeat(2,1fr);gap:10px;font-size:12px;display:grid}.emrVisitDetails div{color:#666;word-wrap:break-word;overflow-wrap:break-word}.emrVisitDetails .emrFullWidth{grid-column:span 2}.emrVisitDetails strong{color:#333;font-weight:600}.emrCheckboxLabel{cursor:pointer;color:#666;align-items:center;gap:6px;font-size:12px;display:flex}.emrCheckboxLabel input{cursor:pointer;accent-color:#3d67ee;width:14px;height:14px}.emrMarginTop{margin-top:8px}@media (width<=768px){.emrLargeModal{width:95%;max-width:95%!important}.emrVisitHeader{flex-direction:column;align-items:flex-start}.emrVisitHeaderActions{justify-content:flex-start;width:100%}.emrVisitDetails{grid-template-columns:1fr}.emrVisitDetails .emrFullWidth{grid-column:span 1}.emrLabResultCard{padding:12px}.emrFileUploadWrapper{flex-direction:column;align-items:flex-start}.emrRichTextToolbar{top:-28px}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.emrAddVisitModal,.emrSearchModal,.emrProofModal{animation:.2s modalSlideIn}.emrPetImageUpload{flex-direction:column;align-items:center;gap:12px;display:flex}.emrImagePreview{background-color:#f5f5f5;border:2px solid #e0e0e0;border-radius:12px;justify-content:center;align-items:center;width:150px;height:150px;display:flex;overflow:hidden}.emrSquareImage{object-fit:cover;width:100%;height:100%}.emrImagePlaceholder{color:#999;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.emrImagePlaceholder svg{opacity:.5}.emrImagePlaceholder span{font-size:11px}.emrImageUploadBtn{text-align:center}.emrSearchResultIcon{background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.emrSearchResultImage{object-fit:cover;width:100%;height:100%}.emrPregnancyDetails{gap:8px;margin-top:8px;display:flex}.emrPrescriptionsContainer{flex-direction:column;gap:16px;display:flex}.emrPrescriptionCard{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:16px}.emrPrescriptionHeader{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.emrPrescriptionHeader strong{color:#3d67ee;font-size:13px}.emrRemovePrescriptionBtn{color:#dc3545;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .2s;display:flex}.emrRemovePrescriptionBtn:hover{background-color:#ffebee}.emrAddPrescriptionBtn{cursor:pointer;color:#3d67ee;background-color:#f0f4ff;border:1px dashed #3d67ee;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.emrAddPrescriptionBtn:hover{background-color:#e8edff;transform:translateY(-1px)}.emrPrescriptionItem{border-left:2px solid #3d67ee;margin-top:4px;padding-left:12px}.emrPrescriptionInstructions{color:#666;margin-top:2px;margin-left:8px;font-size:11px}.emrPregnancyInputWrapper{margin-top:8px}.emrPregnancyTabs{gap:8px;margin-bottom:12px;display:flex}.emrPregnancyTab{color:#666;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:6px;flex:1;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.emrPregnancyTab:hover{color:#3d67ee;border-color:#3d67ee}.emrPregnancyTabActive{color:#fff;background-color:#3d67ee;border-color:#3d67ee}.emrPregnancyTabActive:hover{color:#fff;background-color:#0738d9}.emrViewPrescriptionBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec5e4b,#ce2406);border:none;border-radius:6px;align-items:center;gap:6px;margin-right:20px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.emrViewPrescriptionBtn:hover{background:linear-gradient(135deg,#da2b14,#ce2406);transform:translateY(-1px);box-shadow:0 2px 8px #2e9e0c4d}.emrPrescriptionsContainer table{border-collapse:collapse;background-color:#fff;border-radius:8px;width:100%;overflow:hidden}.emrPrescriptionsContainer th{color:#666;background-color:#fafafa;font-weight:600}.emrPrescriptionsContainer input{font-size:12px;transition:all .2s}.emrPrescriptionsContainer input:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 2px #3d67ee1a}.emrSearchResultItem{transition:all .2s}.emrSearchResultItem:hover{background-color:#f5f5f5;border-color:#3d67ee;transform:translate(2px)}.emrCreatePrescriptionBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3d67ee,#0738d9);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.emrCreatePrescriptionBtn:hover{background:linear-gradient(135deg,#0738d9,#052c9e);transform:translateY(-1px)}.emrCreateLabBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2e9e0c,#1a5a06);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.emrCreateLabBtn:hover{background:linear-gradient(135deg,#1a5a06,#0f3a04);transform:translateY(-1px)}.emrAddVisitModalSplit{background-color:#fff;border:1px solid #3d67ee1a;border-radius:16px;width:90%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #3d67ee40}.emrAddVisitModalSplit.withPanel{max-width:1300px}.emrAddVisitLeftPanel{background-color:#fff;flex:1;overflow-y:auto}.emrAddVisitRightPanel{scrollbar-width:none;-ms-overflow-style:none;background-color:#f9fafb;border-left:1px solid #e0e0e0;flex-direction:column;width:450px;display:flex;overflow-y:auto}.emrRightPanelContent{flex-direction:column;height:100%;display:flex}.emrRightPanelHeader{background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.emrRightPanelHeader h4{color:#3d67ee;margin:0;font-size:14px;font-weight:600}.emrClosePanelBtn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.emrClosePanelBtn:hover{color:#333;background-color:#f0f0f0}.emrRightPanelBody{flex:1;padding:20px;overflow-y:auto}.emrPrescriptionTable{border-collapse:collapse;background-color:#fff;border-radius:8px;width:100%;margin-bottom:16px;overflow:hidden}.emrPrescriptionTable th{text-align:left;color:#666;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:10px 8px;font-size:11px;font-weight:600}.emrPrescriptionTable td{border-bottom:1px solid #f0f0f0;padding:6px 8px}.emrPrescriptionTable input{background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:6px 8px;font-size:11px}.emrPrescriptionTable select,.emrPrescriptionInstructionTextarea{background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px}.emrPrescriptionTable input:focus,.emrPrescriptionTable select:focus,.emrPrescriptionInstructionTextarea:focus{border-color:#3d67ee;outline:none}.emrPrescriptionFieldGroup{flex-direction:column;gap:6px;display:flex}.emrPrescriptionInstructionRow td{background-color:#fafbff;padding-top:2px;padding-bottom:10px}.emrPrescriptionInstructionLabel{color:#666;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.emrPrescriptionInstructionTextarea{resize:vertical;min-height:56px}.emrPrescriptionSharedInstructionBox{margin-bottom:16px}.emrRemoveRowBtn{cursor:pointer;color:#dc3545;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:4px;display:flex}.emrRemoveRowBtn:hover{background-color:#ffebee}.emrAddMedicationBtn{cursor:pointer;color:#3d67ee;background-color:#f0f4ff;border:1px dashed #3d67ee;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.emrAddMedicationBtn:hover{background-color:#e8edff;transform:translateY(-1px)}.emrLabResultCard{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:16px;padding:16px}.emrLabResultHeader{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.emrLabResultHeader strong{color:#3d67ee;font-size:13px}.emrRemoveLabBtn{color:#dc3545;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .2s;display:flex}.emrRemoveLabBtn:hover{background-color:#ffebee}.emrAddLabBtn{cursor:pointer;color:#3d67ee;background-color:#f0f4ff;border:1px dashed #3d67ee;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.emrAddLabBtn:hover{background-color:#e8edff;transform:translateY(-1px)}.emrFileUploadWrapper{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.emrFileInput{display:none}.emrFileUploadBtn{color:#fff;cursor:pointer;background-color:#3d67ee;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.emrFileUploadBtn:hover{background-color:#0738d9;transform:translateY(-1px)}.emrFileName{color:#666;text-overflow:ellipsis;white-space:nowrap;background-color:#f0f0f0;border-radius:4px;max-width:200px;padding:4px 8px;font-size:11px;overflow:hidden}.emrViewFileBtn{color:#3d67ee;cursor:pointer;background-color:#fff;border:1px solid #3d67ee;border-radius:40px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;transition:all .2s;display:inline-flex}.emrViewFileBtn:hover{background-color:#fff;border:1px solid #0738d9;box-shadow:0 1px 10px #3d66ee56}@media (width<=768px){.emrAddVisitModalSplit{flex-direction:column;width:95%;max-height:95vh}.emrAddVisitModalSplit.withPanel{max-width:95%}.emrAddVisitRightPanel{border-top:1px solid #e0e0e0;border-left:none;width:100%;max-height:50%}.emrPrescriptionTable{display:block;overflow-x:auto}}.emrInstructionsField{margin-top:16px;margin-bottom:16px}.emrInstructionsField label{color:#333;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.emrInstructionsTextarea{resize:vertical;background-color:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:12px;transition:all .2s}.emrInstructionsTextarea:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 2px #3d67ee1a}.emrHelperText{color:#999;margin-top:4px;font-size:10px;display:block}.emrOtherMedicationOption{background:linear-gradient(135deg,#f8f8f8,#fff);border:1px solid #4caf50;border-radius:12px;min-height:90px;margin:8px 0;position:relative;overflow:hidden;padding:16px!important}.emrOtherMedicationOption:before{content:"";pointer-events:none;background:linear-gradient(135deg,#4caf501a,#4caf500d);position:absolute;inset:0}.emrOtherMedicationOption:hover{background:linear-gradient(135deg,#f3faf3,#c8e6c9);border-color:#2e7d32;transform:translate(4px);box-shadow:0 4px 12px #4caf5033}.emrOtherMedicationOption .emrSearchResultName{color:#2e7d32!important;margin-bottom:6px!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important}.emrOtherMedicationOption .emrSearchResultDetails{color:#807f7f!important;white-space:normal!important;word-wrap:break-word!important;font-size:11px!important;font-style:italic!important;line-height:1.5!important}.emrOtherMedicationOption .emrSearchResultIcon{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:flex;color:#2e7d32!important;background-color:#e8f5e9!important}.emrAppointmentFilterBar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.emrAppointmentFilterBtn{color:#4d5b8f;cursor:pointer;background:#fff;border:1px solid #d5dcf7;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.emrAppointmentFilterBtn:hover{color:#3d67ee;background:#f7f9ff;border-color:#3d67ee}.emrAppointmentFilterBtnActive{color:#fff;background:#3d67ee;border-color:#3d67ee;box-shadow:0 4px 12px #3d67ee2e}.emrMedicalInfoBlock{background:linear-gradient(#f8fbff 0%,#fdfefe 100%);border:1px solid #d9e3ff;border-radius:10px;width:100%;padding:12px 14px}.emrMedicalInfoTitle{color:#2643b3;margin-bottom:10px;font-size:12px;font-weight:700}.emrMedicalInfoGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.emrMedicalInfoItem{background:#fff;border:1px solid #e7ecf5;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.emrMedicalInfoItemFull{grid-column:1/-1}.emrMedicalInfoLabel{color:#5c6783;font-size:11px;font-weight:600}.emrMedicalInfoValue{color:#1c274c;word-break:break-word;font-size:13px;line-height:1.5}.emrMedicalInfoValue.isYes{color:#1a7f37;font-weight:700}.emrMedicalInfoValue.isNo{color:#b42318;font-weight:700}.emrMedicalInfoValue.isNeutral{color:#364152}.emrMedicalInfoEmptyState{color:#52607a;background:#fafcff;border:1px dashed #c8d4ff;border-radius:10px;width:100%;padding:12px 14px;font-size:12px;line-height:1.5}.emrAppointmentList{flex-direction:column;gap:12px;display:flex}.emrAppointmentItem{cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.emrAppointmentItem:hover{background-color:#f8f9ff;border-color:#3d67ee;transform:translate(2px)}.emrAppointmentSelected{background-color:#f0f4ff;border-color:#3d67ee;box-shadow:0 2px 8px #3d67ee26}.emrAppointmentInfo{flex:1}.emrAppointmentDate{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.emrAppointmentDate strong{color:#3d67ee}.emrAppointmentDetails{color:#666;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.emrAppointmentServices{color:#999;font-size:11px}.emrAppointmentCheck{margin-left:12px}.emrNoAppointments{text-align:center;color:#666;background-color:#f9f9f9;border-radius:10px;padding:30px}.emrServicesContainer{flex-direction:column;gap:12px;display:flex}.emrServicePrice{color:#2e7d32;margin-right:12px;font-size:13px;font-weight:600}.emrServicesTotal{text-align:right;border-top:1px solid #e0e0e0;margin-top:16px;padding-top:12px;font-size:14px}@media (width<=768px){.emrAppointmentItem{flex-direction:column;align-items:flex-start;gap:10px}.emrAppointmentCheck{align-self:flex-end}.emrServiceItem{flex-wrap:wrap;gap:10px}.emrServicePrice{margin-left:auto}}.emrServicesList{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.emrServiceTag{color:#1565c0;font-size:12px;display:inline-block}.emrServicesTotalPrice{color:#2e7d32;background-color:#e8f5e9;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.emrServicesDetailedList{margin-top:8px;overflow-x:auto}.emrVaccinationSummary{flex-wrap:wrap;gap:8px 16px;margin-top:8px;line-height:1.8;display:flex}.emrVaccinationDetailsExpanded{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 18px;margin-top:10px;display:grid}.emrVaccinationDetailsExpanded>div{line-height:1.8}.emrServicesTable{border-collapse:collapse;background-color:#fff;border-radius:8px;width:100%;font-size:12px;overflow:hidden}.emrServicesTable th{text-align:left;color:#666;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:8px 12px;font-weight:600}.emrServicesTable td{color:#333;border-bottom:1px solid #f0f0f0;padding:8px 12px}.emrServiceDescCell{color:#666;font-size:11px}.emrServicePriceCell{color:#2e7d32;text-align:right;font-weight:500}.emrServicesTotalRow{background-color:#f9f9f9;font-weight:600}.emrServicesTotalRow td{border-bottom:none;padding-top:10px;padding-bottom:10px}@media (width<=768px){.emrServicesTable{font-size:11px}.emrServicesTable th,.emrServicesTable td{padding:6px 8px}.emrServiceDescCell{white-space:normal;word-wrap:break-word;max-width:120px}.emrServicesList{flex-direction:column;align-items:flex-start;gap:8px}.emrServicesTotalPrice{margin-top:4px;margin-left:0}}.emrCreateInvoiceBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2e9e0c,#1a5a06);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:132px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.emrCreateInvoiceBtn:hover{background:linear-gradient(135deg,#1a5a06,#0f3a04);transform:translateY(-1px);box-shadow:0 2px 8px #2e9e0c4d}.emrCreateInvoiceBtn:disabled{opacity:.8;cursor:wait;box-shadow:none;transform:none}.emrBillingNavigationOverlay{z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f8fafc73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.emrBillingNavigationPanel{color:#3d67ee;background:#fff;border:1px solid #dbe4ff;border-radius:8px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #0f172a24}.emrSaveBlockingOverlay{z-index:10020;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:wait;background:#f8fafc94;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.emrSaveBlockingPanel{color:#0a1156;background:#fff;border:1px solid #dbe4ff;border-radius:8px;align-items:center;gap:10px;padding:14px 20px;font-size:13px;font-weight:750;display:inline-flex;box-shadow:0 14px 34px #0a115629}.emrServiceItem{cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.emrServiceItem:hover{background-color:#f8f9ff;border-color:#3d67ee;transform:translate(2px)}.emrServiceSelected{background-color:#e8f5e9;border-color:#2e9e0c}.emrServiceInfo{flex:1}.emrServiceName{color:#333;margin-bottom:4px;font-size:13px;font-weight:600}.emrServiceDescription{color:#999;font-size:11px}.emrServiceItem.emrServiceLocked{cursor:not-allowed;background-color:#f5f8ff;border-color:#d9e3ff}.emrServiceItem.emrServiceLocked:hover{background-color:#f5f8ff;border-color:#d9e3ff;transform:none}.emrServiceLockBadge{color:#2643b3;letter-spacing:.02em;background:#dbe7ff;border-radius:999px;align-items:center;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.emrMedicalHistoryContainer{height:100%;padding:8px;overflow-y:auto}.emrMedicalHistoryFilters{background-color:#f8faff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:12px;display:flex}.emrFilterGroup{flex-wrap:wrap;gap:8px;display:flex}.emrFilterChip{cursor:pointer;color:#666;background-color:#fff;border:1px solid #e0e0e0;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.emrFilterChip:hover{color:#3d67ee;border-color:#3d67ee}.emrFilterChipActive{color:#fff;background-color:#3d67ee;border-color:#3d67ee}.emrMedicalHistoryContent{flex-direction:column;gap:32px;display:flex}.emrHistorySection{background-color:#fff;border:1px solid #eef2ff;border-radius:16px;overflow:hidden}.emrHistorySectionHeader{background:linear-gradient(135deg,#f0f4ff,#e8edff);border-bottom:1px solid #e0e8f5;align-items:center;gap:12px;padding:16px 20px;display:flex}.emrHistorySectionHeader h4{color:#333;flex:1;margin:0;font-size:14px;font-weight:600}.emrHistoryCount{color:#3d67ee;background-color:#fff;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500}.emrHistoryItems{flex-direction:column;gap:16px;max-height:500px;padding:16px;display:flex;overflow-y:auto}.emrHistoryCard{background-color:#fafbff;border:1px solid #eef2ff;border-radius:12px;padding:16px;transition:all .2s}.emrHistoryCard:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3d67ee1a}.emrHistoryCardHeader{border-bottom:1px solid #eef2ff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.emrHistoryCardTitle{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.emrHistoryCardTitle strong{color:#3d67ee;font-size:14px}.emrHistoryDate{color:#8b9dc3;background-color:#eef2ff;border-radius:20px;padding:3px 10px;font-size:11px}.emrHistoryCardActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.emrHistoryCardBody{flex-direction:column;gap:8px;display:flex}.emrHistoryDetail{gap:12px;font-size:12px;line-height:1.5;display:flex}.emrHistoryLabel{color:#666;min-width:110px;font-weight:600}.emrOwnerShareBadge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.emrOwnerShareBadge.isShared{color:#1d7a3c;background:#eaf8ee}.emrOwnerShareBadge.isPrivate{color:#a55a00;background:#fff4e5}.emrOwnerShareBtn{color:#fff;cursor:pointer;background:#3d67ee;border:1px solid #3d67ee;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.emrOwnerShareBtn:hover:not(:disabled){background:#214de5;border-color:#214de5}.emrOwnerShareBtn.isShared:hover:not(:disabled){background:#eef2ff}.emrOwnerShareBtn:disabled{opacity:.7;cursor:not-allowed}.emrHistoryEmpty{text-align:center;color:#999;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.emrHistoryEmpty svg{opacity:.4}.emrDoctorAiPanel{background:radial-gradient(circle at 0 0,#3d67ee1f,#0000 32%),linear-gradient(135deg,#f7fbff 0%,#fff 58%,#eef6ff 100%);border:1px solid #3d67ee2e;border-radius:22px;margin:0 30px 18px;padding:18px;box-shadow:0 14px 32px #263e8414}.emrDoctorAiPanelCollapsed{background:#f8fbff;border-radius:16px;padding:12px 14px;box-shadow:0 8px 18px #263e840f}.emrDoctorAiHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.emrDoctorAiEyebrow{color:#3d67ee;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.emrDoctorAiHeader h4{color:#14213d;margin:4px 0 6px;font-size:20px}.emrDoctorAiPanelCollapsed .emrDoctorAiHeader{align-items:center}.emrDoctorAiPanelCollapsed .emrDoctorAiHeader h4{margin-bottom:2px;font-size:16px}.emrDoctorAiHeader p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.emrDoctorAiPanelCollapsed .emrDoctorAiHeader p{font-size:12px;line-height:1.35}.emrDoctorAiActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.emrDoctorAiPrimaryBtn,.emrDoctorAiSecondaryBtn{cursor:pointer;border:none;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s}.emrDoctorAiPrimaryBtn{color:#fff;background:#14213d;box-shadow:0 10px 20px #14213d29}.emrDoctorAiSecondaryBtn{color:#3d67ee;background:#fff;border:1px solid #3d67ee33}.emrDoctorAiPrimaryBtn:hover:not(:disabled),.emrDoctorAiSecondaryBtn:hover:not(:disabled){transform:translateY(-1px)}.emrDoctorAiPrimaryBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.emrDoctorAiHint,.emrDoctorAiError{border-radius:14px;margin-top:14px;padding:11px 13px;font-size:12px}.emrDoctorAiHint{color:#9a3412;background:#fff7ed}.emrDoctorAiError{color:#be123c;background:#fff1f2}.emrDoctorAiBody{flex-direction:column;gap:14px;margin-top:16px;display:flex}.emrDoctorAiSupportMeta{background:#ffffffd1;border:1px solid #94a3b838;border-radius:16px;flex-direction:column;gap:9px;padding:12px 14px;display:flex}.emrDoctorAiSupportBadges{flex-wrap:wrap;gap:8px;display:flex}.emrDoctorAiSupportBadge{color:#3059d8;text-transform:uppercase;letter-spacing:.04em;background:#eef2ff;border:1px solid #dbe3ff;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.emrDoctorAiSupportBadgeReview{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.emrDoctorAiSupportBadgeHigh{color:#047857;background:#ecfdf5;border-color:#bbf7d0}.emrDoctorAiSupportBadgeModerate{color:#a16207;background:#fefce8;border-color:#fde68a}.emrDoctorAiSupportBadgeLow{color:#be123c;background:#fff1f2;border-color:#fecdd3}.emrDoctorAiSupportDetails{color:#64748b;flex-direction:column;gap:4px;font-size:12px;line-height:1.45;display:flex}.emrDoctorAiSummary{background:#ffffffc7;border:1px solid #3d67ee1f;border-radius:16px;padding:14px}.emrDoctorAiSummary span,.emrDoctorAiColumn h5{color:#3d67ee;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.emrDoctorAiSummary p{color:#1f2937;margin:0;font-size:13px;line-height:1.6}.emrDoctorAiGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.emrDoctorAiColumn{background:#ffffffb8;border:1px solid #94a3b82e;border-radius:16px;padding:14px}.emrDoctorAiColumnCritical{background:#fff1f2;border-color:#fecdd3}.emrDoctorAiColumnCritical h5{color:#be123c}.emrDoctorAiColumn ul{color:#334155;margin:0;padding-left:18px;font-size:12px;line-height:1.55}.emrDoctorAiColumnCritical ul{color:#b91c1c;font-weight:650}.emrDoctorAiColumn li+li{margin-top:7px}.emrDoctorAiFooter{color:#64748b;text-align:right;font-size:11px}.emrRiskFlagPanel{background:#fff8f8;border:1px solid #f43f5e2e;border-radius:18px;margin-top:14px;padding:14px}.emrFollowUpPanel{background:#f8fbff;border:1px solid #3d67ee2e;border-radius:18px;margin-top:14px;padding:14px}.emrRiskFlagHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.emrRiskFlagHeader h5{color:#14213d;margin:4px 0 0;font-size:15px;line-height:1.45}.emrRiskFlagCount{color:#334155;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.emrRiskFlagCount.hasHighRisk{color:#be123c;background:#ffe4e6}.emrRiskFlagMeta{margin-bottom:12px}.emrRiskFlagList{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.emrRiskFlagItem,.emrFollowUpItem,.emrRiskFlagEmpty,.emrRiskFlagMissing{background:#fff;border:1px solid #94a3b838;border-radius:14px;padding:12px}.emrRiskFlagItemhigh{background:#fff1f2;border-color:#fecdd3}.emrRiskFlagItemmedium{background:#fff7ed;border-color:#fed7aa}.emrRiskFlagItemlow{background:#f8fafc}.emrFollowUpItemhigh{background:#eef2ff;border-color:#c7d2fe}.emrFollowUpItemmedium{background:#f0fdf4;border-color:#bbf7d0}.emrFollowUpItemlow{background:#f8fafc}.emrRiskFlagItemHeader{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.emrRiskFlagItemHeader span{color:#1f2937;font-size:13px;font-weight:800}.emrRiskFlagItemHeader strong{color:#be123c;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.emrRiskFlagItem p,.emrFollowUpItem p{color:#334155;margin:0 0 8px;font-size:12px;line-height:1.5}.emrRiskFlagItem small,.emrRiskFlagItem em,.emrFollowUpItem small,.emrFollowUpItem em,.emrRiskFlagEmpty,.emrRiskFlagMissing{color:#64748b;font-size:11px;line-height:1.45;display:block}.emrRiskFlagItem em,.emrFollowUpItem em{margin-top:7px}.emrRiskFlagMissing{color:#9a3412;background:#fff7ed;margin-top:10px}.emrClientCarePanel{background:#f7fefb;border:1px solid #10b98133;border-radius:16px;margin-bottom:14px;padding:14px}.emrAiSupportPanelHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.emrAiSupportPanelEyebrow{color:#3d67ee;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.emrAiSupportPanelHeader h5{color:#14213d;margin:4px 0 5px;font-size:16px}.emrAiSupportPanelHeader p{color:#64748b;margin:0;font-size:12px;line-height:1.5}.emrAiSupportPanelPrimaryBtn,.emrAiSupportPanelSecondaryBtn{cursor:pointer;border:none;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800}.emrAiSupportPanelPrimaryBtn{color:#fff;white-space:nowrap;background:#14213d}.emrAiSupportPanelPrimaryBtn:disabled{opacity:.55;cursor:not-allowed}.emrAiSupportPanelSecondaryBtn{color:#fff;background:#3d67ee}.emrAiSupportPanelError{color:#be123c;background:#fff1f2;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:12px}.emrAiSupportPanelMeta{background:#fff;border:1px solid #94a3b838;border-radius:14px;padding:12px}.emrClientCareActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.emrClientCareBody{flex-direction:column;gap:12px;margin-top:12px;display:flex}.emrClientCareSummaryText,.emrClientCareMessage{background:#fff;border:1px solid #94a3b833;border-radius:14px;padding:12px}.emrClientCareSummaryText h6,.emrClientCareGrid h6{color:#047857;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.emrClientCareSummaryText p,.emrClientCareMessage{color:#334155;margin:0;font-size:12px;line-height:1.55}.emrClientCareGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.emrClientCareGrid>div{background:#fff;border:1px solid #94a3b833;border-radius:14px;padding:12px}.emrClientCareGrid ul{color:#334155;margin:0;padding-left:18px;font-size:12px;line-height:1.55}.emrClientCareGrid li+li{margin-top:6px}@media (width<=768px){.emrDoctorAiPanel{margin:0 14px 14px}.emrDoctorAiHeader{flex-direction:column}.emrDoctorAiActions{justify-content:flex-start;width:100%}.emrDoctorAiGrid{grid-template-columns:1fr}.emrAiSupportPanelHeader{flex-direction:column}.emrClientCareActions{justify-content:flex-start;width:100%}.emrHistoryDetail{flex-direction:column;gap:4px}.emrHistoryLabel{min-width:auto}.emrHistoryCardHeader{flex-direction:column;align-items:flex-start}.emrFilterGroup{justify-content:center;width:100%}}.emrContainer{background:radial-gradient(circle at 14% 8%,#fa2b241a,#0000 28%),radial-gradient(circle at 84% 0,#0818a029,#0000 32%),linear-gradient(#f8faff 0%,#f3f6ff 42%,#eef3ff 100%)!important}.emrBodyContainer{overflow-y:auto;background:0 0!important;padding:28px 28px 0 16px!important}.emrTopContainer{z-index:20;justify-content:space-between;align-items:center;gap:22px;min-height:96px;margin-bottom:14px;padding:0 2px 14px;position:relative}.emrSubTopContainer{flex:0 auto;min-height:0;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important}.emrSubTopLeft{gap:14px;min-width:0}.emrHeroIconTile{color:#fff;background:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#ff0f0fb5),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);border-radius:16px;flex:0 0 65px;place-items:center;width:65px;height:65px;display:grid;box-shadow:0 16px 34px #04082a2e}.emrHeroCopy{gap:5px;min-width:0;display:grid}.emrHeroCopy span{color:#4a5872;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:750}.emrHeroCopy h1{color:#0000;-webkit-text-fill-color:transparent;background-color:#0000;background-image:radial-gradient(circle at 100% 0,#fa2b249e,#0000 90%),linear-gradient(135deg,#0b1732 0%,#071126 58%,#040815 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.3rem,1.8vw,1.75rem);font-weight:700;line-height:1.08}.emrHeroCopy p{color:#4a5872;max-width:560px;margin:0;font-size:.78rem;line-height:1.45}.emrBlueText{color:#0a1156;margin-left:0;font-size:clamp(1.3rem,1.8vw,1.75rem);font-weight:780}.emrPageHeaderActions{flex:none;justify-content:flex-end;align-items:center;gap:12px;display:inline-flex}.emrNotificationContainer{flex:0 0 80px;place-items:center;width:80px;min-width:80px;max-width:80px;height:34px;min-height:34px;max-height:34px;margin-left:0;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;display:grid;border-radius:999px!important;padding:0!important}.emrNotificationContainer:hover{transform:translateY(-1px);border-color:#0818a052!important}.emrNotificationContainer:hover .emrIconButton,.emrNotificationContainer:hover .emrBlueIcon{color:#0818a0!important}.emrTableContainer{background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),radial-gradient(circle at 0 100%,#fa2b240e,#0000 36%),linear-gradient(#ffffffd6 0%,#f9fbffd1 100%);border:1px solid #0818a01f;border-radius:20px;gap:14px;height:auto;min-height:auto;padding:16px;box-shadow:0 18px 42px #0a115613,inset 0 1px #ffffffe6}.emrTableToolbar{border-bottom:1px solid #0818a01a;align-items:center;gap:14px;margin-bottom:0;padding:0 0 14px}.emrSearchFilterSection{flex-wrap:wrap;gap:10px;min-width:0}.emrActionSection{flex-wrap:wrap;justify-content:flex-end}.emrIconButton{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px;width:34px;height:34px;padding:0;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.emrIconButton:hover{opacity:1;background:#f7fbff;border-color:#0818a052;transform:translateY(-1px);box-shadow:0 10px 24px #0a11561a}.emrIconButton:has(.emrIconActive){opacity:1;background:#f7fbff;border-color:#0818a052;transform:translateY(-1px);box-shadow:0 10px 24px #0a11561a}.emrIconDefault,.emrIconActive{color:#0a1156}.emrSearchInput,.emrFilterInput,.emrFilterSelect,.emrSettingsSelect{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px;min-height:34px;font-size:12px}.emrSearchInput:focus,.emrFilterInput:focus,.emrFilterSelect:focus,.emrSettingsSelect:focus{border-color:#0818a06b;outline:none;box-shadow:0 0 0 3px #3db6ee24}.emrFilterSection{flex-wrap:wrap;gap:8px}.emrSettingsDropdownContainer{position:relative}.emrSettingsDropdown{z-index:120;background:#fffffff5;border:1px solid #0818a01f;border-radius:16px;width:230px;padding:14px;position:absolute;top:42px;left:0;box-shadow:0 22px 50px #04082a29}.emrSettingsSection{gap:8px;display:grid}.emrSettingsSection label{color:#4a5872;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:780}.emrSettingsSelect{width:100%;padding:0 12px}.emrSettingsDivider{background:#0818a01a;height:1px;margin:12px 0}.emrClearFilterBtn,.emrBlackBtn,.emrDeleteBtn,.emrReturnBtn,.emrSubmitBtn{border-radius:999px;min-height:34px;font-weight:760}.emrBlackBtn,.emrSubmitBtn{background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);box-shadow:0 12px 24px #04082a1f}.emrClearFilterBtn,.emrReturnBtn{color:#0a1156;background:#fff;border:1px solid #0818a024}.emrDeleteBtn{background:radial-gradient(circle at 100% 0,#fa2b242e,#0000 42%),linear-gradient(135deg,#3a0b14 0%,#150711 100%)}.emrToolbarPagination{color:#4a5872;background:#ffffffc7;border:1px solid #0818a01f;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.emrToolbarPagination button{color:#0a1156;cursor:pointer;background:#eef2ff;border:0;border-radius:999px;place-items:center;width:24px;height:24px;display:inline-grid}.emrToolbarPagination button:disabled{opacity:.42;cursor:not-allowed}.emrLegend{color:#4a5872;gap:12px;margin:-2px 0 0;padding:0 2px}.emrTableWrapper{background:#ffffff9e;border:1px solid #0818a014;border-radius:16px;min-height:430px;overflow:visible}.emrDataTable th{z-index:2;color:#0a1156;text-transform:uppercase;background:#f7fbff;border-bottom:1px solid #0818a01a;padding:12px 10px;font-size:.72rem;position:sticky;top:0}.emrDataTable td{color:#34405a;border-bottom:1px solid #0818a012;padding:11px 10px}.emrDataTable tbody tr{transition:background .18s}.emrDataTable tbody tr:hover{background:radial-gradient(circle at 0 0,#3db6ee14,#0000 38%),#ffffffeb}.emrDeceasedRow{background:linear-gradient(90deg,#f443361c 0%,#f443360b 34%,#ffffffb8 100%)!important}.emrStatusActive,.emrStatusDeceased,.emrDeceasedBadge{border-radius:999px;font-size:11px;font-weight:780}.emrStatusActive{color:#1f7a3f;background:#e5f7eb;padding:5px 10px}.emrStatusDeceased,.emrDeceasedBadge{color:#b42318;background:#ffe8e8;padding:5px 10px}.emrActionBtn{color:#0a1156;background:#fff;border:1px solid #0818a01f;border-radius:999px;width:30px;height:30px;margin-left:0}.emrActionBtn:hover{background:#f7fbff;border-color:#0818a047;box-shadow:0 10px 20px #0a115614}.emrPagination{border-top:1px solid #0818a014;justify-content:space-between;gap:12px;margin:14px;padding-top:14px}.emrPaginationBtn{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 14px;font-weight:760;display:inline-flex}.emrPaginationBtn:hover:not(:disabled){color:#0a1156;background:#f7fbff;border-color:#0818a052}.emrPaginationInfo{color:#4a5872;font-weight:700}.emrSearchModal,.emrPdfOptionsModal,.emrProofModal,.emrAddVisitModal,.emrAddVisitModalSplit,.emrAlertModal{background:linear-gradient(#fffffff7,#f7fafff2),radial-gradient(circle at 0 0,#fa2b241a,#0000 38%),radial-gradient(circle at 100% 0,#0818a024,#0000 36%);border:1px solid #ffffffb8;border-radius:22px;box-shadow:0 32px 80px #04082a57}.emrModalHeader,.emrRightPanelHeader{background:#ffffff94;border-bottom:1px solid #0818a01a;padding:16px 20px}.emrModalHeader h4,.emrRightPanelHeader h4,.emrAlertTitle{color:#0a1156;font-weight:800}.emrModalClose{color:#0a1156;background:#fff;border:1px solid #0818a01f;border-radius:999px;width:32px;height:32px}.emrSearchResultItem,.emrPdfOptionCard,.emrLabResultCard,.emrPrescriptionCard{background:#ffffffbd;border-color:#0818a01a;border-radius:14px}.emrSearchResultItem:hover,.emrPdfOptionCard:hover{background:#f7fbff;border-color:#0818a042;box-shadow:0 12px 24px #0a115614}.emrPdfOptionActive{background:radial-gradient(circle at 0 0,#3db6ee29,#0000 42%),#fff;border-color:#3db6ee57}.emrAddVisitLeftPanel,.emrAddVisitRightPanel,.emrRightPanelHeader{background:0 0}.emrAddVisitRightPanel{border-left-color:#0818a01a}.emrFormHeader{border-bottom-color:#0818a01a}.emrFormHeader h3,.emrFormHeader h4,.emrFormSection h4{color:#0a1156}.emrFormSection{background:#ffffff94;border:1px solid #0818a01a}.emrAlertModal{width:min(92vw,360px);padding:26px}.emrAlertMessage{color:#4a5872;line-height:1.55}.emrConfirmAlertBtn{background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-radius:999px}.emrCancelAlertBtn,.emrCancelBtn{color:#0a1156;background:#fff;border-radius:999px}@media (width<=900px){.emrBodyContainer{padding:78px 14px 0!important}.emrTopContainer,.emrSubTopContainer{height:auto;min-height:0}.emrTopContainer{flex-direction:column;align-items:flex-start}.emrPageHeaderActions{justify-content:flex-start;width:100%}.emrTableToolbar,.emrActionSection{flex-direction:column;align-items:stretch}.emrSearchFilterSection,.emrFilterSection,.emrSearchInput,.emrFilterInput,.emrFilterSelect{width:100%}.emrToolbarPagination{justify-content:space-between}.emrPagination{flex-wrap:wrap}.emrPaginationInfo{text-align:center;order:3;width:100%}.emrAddVisitModalSplit{flex-direction:column;width:95%}.emrAddVisitRightPanel{border-top:1px solid #0818a01a;border-left:0;width:100%}}.emrBodyContainer.bodyContainer{scrollbar-gutter:stable;scrollbar-color:#0818a057 transparent;flex-direction:column;min-width:0;height:100vh;display:flex;overflow-y:auto;background:0 0!important;padding:28px 28px 0 16px!important}.emrBodyContainer.bodyContainer::-webkit-scrollbar{width:12px;height:12px}.emrTableWrapper::-webkit-scrollbar{width:12px;height:12px}.emrFormContainer::-webkit-scrollbar{width:12px;height:12px}.emrSearchResults::-webkit-scrollbar{width:12px;height:12px}.emrAddVisitLeftPanel::-webkit-scrollbar{width:12px;height:12px}.emrAddVisitRightPanel::-webkit-scrollbar{width:12px;height:12px}.emrRightPanelBody::-webkit-scrollbar{width:12px;height:12px}.emrBodyContainer.bodyContainer::-webkit-scrollbar-track{background:0 0}.emrTableWrapper::-webkit-scrollbar-track{background:0 0}.emrFormContainer::-webkit-scrollbar-track{background:0 0}.emrSearchResults::-webkit-scrollbar-track{background:0 0}.emrAddVisitLeftPanel::-webkit-scrollbar-track{background:0 0}.emrAddVisitRightPanel::-webkit-scrollbar-track{background:0 0}.emrRightPanelBody::-webkit-scrollbar-track{background:0 0}.emrBodyContainer.bodyContainer::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.emrTableWrapper::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.emrFormContainer::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.emrSearchResults::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.emrAddVisitLeftPanel::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.emrAddVisitRightPanel::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.emrRightPanelBody::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.emrBodyContainer.bodyContainer::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.emrTableWrapper::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.emrFormContainer::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.emrSearchResults::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.emrAddVisitLeftPanel::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.emrAddVisitRightPanel::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.emrRightPanelBody::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.emrTableWrapper,.emrFormContainer,.emrSearchResults,.emrAddVisitLeftPanel,.emrAddVisitRightPanel,.emrRightPanelBody{scrollbar-color:#0818a057 transparent;scrollbar-width:thin}.emrAddVisitRightPanel{-ms-overflow-style:auto;scrollbar-width:thin}.emrAddVisitRightPanel::-webkit-scrollbar{display:block}.emrBodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{color:#0a11569e;flex:none;min-height:82px;margin:34px -28px 0 -16px;padding:18px 24px 20px;background:0 0!important}.emrBodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact .petshield-footer-compact-content{border-top-color:#0818a01f;gap:14px;padding-top:12px}.emrBodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact .petshield-footer-compact-logo{border-radius:8px;width:35px;height:35px;margin-right:-10px}.emrBodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact .home-footer-powered{color:#0a11569e}.emrBodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact .home-footer-powered img{width:62px;height:62px}.emrPageHeaderActions{align-self:center;gap:10px}.emrHeaderSearchRow{align-items:center;gap:8px;min-width:0;display:flex}.emrToolbarStaticIcon{background:#0818a00f;border-radius:999px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.emrHeaderDivider{background:#0818a029;border-radius:999px;flex:0 0 1px;width:1px;height:24px}.emrHeaderSearchInput.emrSearchInput{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px;width:clamp(210px,20vw,300px);height:34px;min-height:34px;padding:0 14px;font-size:.76rem}.emrHeaderSearchInput.emrSearchInput:focus{border-color:#0818a06b;outline:none;box-shadow:0 0 0 3px #3db6ee24}.emrNotificationContainer{flex-basis:34px!important;width:34px!important;min-width:34px!important;max-width:34px!important}.emrNotificationContainer .notifButtonWrapper,.emrNotificationContainer .notifButton,.emrNotificationContainer .emrIconButton{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}.emrModalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 22% 18%,#fa2b243d,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3!important}.emrSearchModal,.emrPdfOptionsModal,.emrProofModal,.emrAddVisitModal,.emrAddVisitModalSplit,.emrAlertModal{border:1px solid #ffffffb8;border-radius:24px;box-shadow:0 32px 80px #04082a57;background:linear-gradient(#fffffff7,#f7fafff2),radial-gradient(circle at 0 0,#fa2b241a,#0000 38%),radial-gradient(circle at 100% 0,#0818a024,#0000 36%)!important}.emrModalHeader,.emrRightPanelHeader{background:#ffffff94;border-bottom:1px solid #e7edff;min-height:64px;padding:16px 18px}.emrModalHeader h4,.emrRightPanelHeader h4,.emrAlertTitle{font-size:1.05rem;font-weight:760;color:#0a1156!important}.emrModalClose,.emrFormClose,.emrClosePanelBtn{color:#0a1156;background:#fff;border:1px solid #0818a01f;border-radius:999px;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.emrModalClose:hover,.emrFormClose:hover,.emrClosePanelBtn:hover{color:#0818a0;background:#f7fbff;border-color:#0818a047}.emrSearchModalContent,.emrAddVisitContent,.emrRightPanelBody,.emrProofContent{padding:18px}.emrFormSection,.emrSearchResultItem,.emrPdfOptionCard,.emrLabResultCard,.emrPrescriptionCard,.emrServiceCard,.emrClientCarePanel,.emrDoctorAiPanel,.emrAiSupportPanel{background:#ffffffc7;border:1px solid #e7edff;border-radius:16px;box-shadow:0 10px 24px #0a11560d}.emrFormSection h4,.emrSearchResultName,.emrPdfOptionCard h5{color:#0a1156}.emrFormInput,.emrFormSelect,.emrFormTextarea,.emrSearchInput,.emrSearchInputSmall,.emrWeightInput{color:#0a1156;background:#ffffffdb;border-color:#0818a024}.emrFormInput:focus,.emrFormSelect:focus,.emrFormTextarea:focus,.emrSearchInput:focus,.emrSearchInputSmall:focus,.emrWeightInput:focus{border-color:#0818a06b;outline:none;box-shadow:0 0 0 3px #3db6ee24}.emrAddVisitLeftPanel,.emrAddVisitRightPanel{background:0 0}.emrCreateRecordPanel{background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),radial-gradient(circle at 0 100%,#fa2b240e,#0000 36%),linear-gradient(#ffffffe0 0%,#f9fbffdb 100%);border:1px solid #0818a01f;border-radius:22px;min-height:620px;padding:0;overflow:visible;box-shadow:0 18px 42px #0a115613,inset 0 1px #ffffffe6}.emrCreateRecordHeader{background:radial-gradient(circle at 0 0,#3db6ee1f,#0000 40%),#ffffff94;border-bottom:1px solid #0818a01a;margin:0;padding:18px 20px}.emrCreateRecordIcon{color:#fff;background:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#ff0f0f9e),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);border-radius:14px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 14px 28px #04082a29}.emrCreateRecordTitle{gap:3px;display:grid}.emrCreateRecordTitle span{color:#4a5872;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:760}.emrCreateRecordTitle h3{color:#0a1156;margin:0;font-size:clamp(1.08rem,1.4vw,1.35rem);font-weight:780}.emrCreateRecordTitle p{color:#4a5872;margin:0;font-size:.78rem}.emrCreateRecordPanel .emrFormContent,.emrCreateRecordPanel .emrFormSection{padding:18px}.emrCreateRecordPanel .emrPetImageUpload{background:#ffffff94;border:1px dashed #0818a033;border-radius:18px;align-items:center;padding:14px}.emrCreateRecordPanel .emrImagePreview{background:#f7fbff;border-color:#0818a01f;border-radius:18px}.emrCreateRecordPanel .emrSearchPetBtn,.emrFileUploadBtn,.emrSubmitBtn{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #3db6ee47;border-radius:999px;box-shadow:0 12px 24px #04082a1f}.emrCancelBtn{color:#0a1156;background:#fff;border:1px solid #9dabc357;border-radius:999px}.emrFormActions{border-top-color:#0818a01a}.emrToast{z-index:3200;top:26px}.emrToastContent{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee33,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);border:1px solid #ffffff2e;border-radius:999px;min-height:48px;padding:8px 10px 8px 12px;box-shadow:0 18px 42px #04082a47}.emrToastIcon{color:#fff;background:#ffffff1a;border-radius:999px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.emrToastMessage{color:#ffffffeb;font-size:.78rem;font-weight:700}.emrToastClose{background:#ffffff1a;width:30px;height:30px;margin-left:2px}.emrToastClose:hover{background:#ffffff2e;transform:none}@media (width<=900px){.emrBodyContainer.bodyContainer{padding:78px 14px 0!important}.emrPageHeaderActions,.emrHeaderSearchRow{width:100%}.emrHeaderDivider{display:none}.emrHeaderSearchInput.emrSearchInput{width:100%}.emrBodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:28px -14px 0;padding-left:18px;padding-right:18px}.emrCreateRecordHeader{align-items:flex-start;gap:14px}.emrCreateRecordPanel .emrFormContent,.emrCreateRecordPanel .emrFormSection{padding:14px}}.emrFormContainer:not(.emrCreateRecordPanel){background:radial-gradient(circle at 100% 0,#0818a00f,#0000 34%),linear-gradient(#ffffffe6,#f9fbffdb);border:1px solid #0818a01f;border-radius:22px;box-shadow:0 18px 42px #0a115613,inset 0 1px #ffffffe6}.emrFormContainer:not(.emrCreateRecordPanel)>.emrFormHeader{background:#ffffff94;border-bottom:1px solid #0818a01a;margin:0;padding:16px 18px 14px}.emrTabs{background:linear-gradient(#f8fbffb8,#eef3ffb8);border-bottom:1px solid #0818a01f;align-items:flex-end;gap:6px;margin:0;padding:14px 18px 0;display:flex;position:relative;overflow-x:auto}.emrTabBtn{color:#4a5872;background:linear-gradient(#ffffffb3,#f1f5ffd1);border:1px solid #0818a01f;border-bottom:0;border-radius:14px 14px 0 0;min-height:42px;padding:10px 16px 9px;position:relative;box-shadow:inset 0 -8px 12px #0818a008}.emrTabBtn:before{content:"";background:inherit;border:1px solid #0818a01f;border-bottom:0;border-radius:10px 10px 0 0;width:44px;height:10px;position:absolute;top:-7px;left:16px}.emrTabBtn:hover{color:#0a1156;transform:translateY(-1px)}.emrTabBtn.emrTabActive{z-index:2;color:#0818a0;background:#fff;border-color:#0818a02e;box-shadow:0 -10px 24px #0a115612}.emrTabBtn.emrTabActive:after{content:"";background:#fff;height:2px;position:absolute;bottom:-1px;left:0;right:0}.emrFormContainer:not(.emrCreateRecordPanel)>.emrFormContent{padding:18px}.emrPetOwnerInfoRedesign{grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);align-items:start;gap:16px;display:grid}.emrPetOwnerInfoRedesign .emrFormSection{background:radial-gradient(circle at 100% 0,#3db6ee14,#0000 34%),#ffffffd1;border-radius:20px;padding:18px;position:relative;overflow:hidden}.emrPetOwnerInfoRedesign .emrFormSection:before{content:"";background:linear-gradient(#0818a0,#3db6ee);width:5px;height:100%;position:absolute;top:0;left:0}.emrPetOwnerInfoRedesign .emrFormSection h4{color:#0a1156;letter-spacing:0;margin:0 0 14px;font-size:1rem}.emrPetOwnerInfoRedesign .emrFormSection:first-child{grid-row:span 2}.emrPetOwnerInfoRedesign .emrPetImageUpload{background:#f7fbffc7;border:1px dashed #0818a02e;border-radius:18px;align-items:center;gap:18px;padding:14px}.emrPetOwnerInfoRedesign .emrImagePreview{background:#f7fbff;border-color:#0818a024;border-radius:20px;width:132px;height:132px}.emrPetOwnerInfoRedesign .emrFormGroup label{color:#4a5872;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:780}.emrPetOwnerInfoRedesign .emrFormInput:disabled,.emrPetOwnerInfoRedesign .emrFormSelect:disabled,.emrPetOwnerInfoRedesign .emrWeightInput:disabled{opacity:1;color:#34405a;background:#f8fbffeb}.emrVisitHistoryContainer{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:none;display:grid;overflow:visible}.emrVisitFolderCard{cursor:pointer;background:linear-gradient(#fffffff0,#f7faffe6);border:1px solid #0818a024;border-radius:0 18px 18px;min-height:188px;padding:18px;position:relative;box-shadow:0 14px 30px #0a115614}.emrVisitFolderCard:before{content:"";background:#fff;border:1px solid #0818a024;border-bottom:0;border-radius:14px 14px 0 0;width:128px;height:18px;position:absolute;top:-18px;left:-1px}.emrVisitFolderCard:hover{border-color:#0818a047;transform:translateY(-2px);box-shadow:0 20px 38px #0a11561f}.emrVisitFolderCard .emrVisitHeader{align-items:flex-start;gap:12px}.emrVisitFolderCard .emrVisitDate{color:#0a1156;gap:4px;display:grid}.emrVisitFolderCard .emrVisitHeaderActions{flex-direction:column;align-items:flex-end;gap:7px}.emrVisitFolderCard .emrVisitDetails{grid-template-columns:1fr;margin-top:14px}.emrVisitFolderCard .emrVisitDetails div{background:0 0;border:0;padding:0}.emrVisitOpenHint{color:#4a5872;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.emrVisitRecordModal{width:min(96vw,980px);max-width:980px;max-height:min(88vh,860px)}.emrVisitRecordModalHeader{align-items:flex-start}.emrVisitRecordModalHeader h4{margin:2px 0}.emrVisitRecordModalHeader p{color:#4a5872;margin:0;font-size:.8rem}.emrVisitRecordKicker{color:#4a5872;letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:800}.emrVisitRecordModalContent{padding:18px;overflow-y:auto}.emrVisitRecordSummary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.emrVisitRecordSummary>div,.emrVisitRecordPanel,.emrVisitRecordLabItem{background:#ffffffc7;border:1px solid #e7edff;border-radius:16px;box-shadow:0 10px 24px #0a11560d}.emrVisitRecordSummary>div{gap:5px;padding:12px;display:grid}.emrVisitRecordSummary span,.emrVisitRecordDetailGrid span{color:#4a5872;letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:800}.emrVisitRecordSummary strong,.emrVisitRecordDetailGrid strong{color:#0a1156;font-size:.86rem}.emrVisitRecordActions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.emrVisitRecordGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.emrVisitRecordPanel{padding:14px}.emrVisitRecordPanelWide{grid-column:1/-1}.emrVisitRecordPanel h5{color:#0a1156;margin:0 0 12px;font-size:.92rem}.emrVisitRecordDetailGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.emrVisitRecordDetailGrid>div{background:#f7fbffc7;border-radius:12px;gap:4px;padding:10px;display:grid}.emrVisitRecordNote{color:#34405a;margin:12px 0 0;font-size:.82rem;line-height:1.5}.emrVisitRecordStack{gap:10px;display:grid}.emrVisitRecordLabItem{gap:4px;padding:10px;display:grid}.emrVisitRecordLabItem strong{color:#0a1156}.emrVisitRecordLabItem span{color:#4a5872;font-size:.78rem}.emrVisitRecordRemarks{background:#f7fbffc7;border-radius:14px;min-height:96px;padding:12px}@media (width<=1000px){.emrPetOwnerInfoRedesign,.emrVisitRecordGrid,.emrVisitRecordSummary{grid-template-columns:1fr}.emrPetOwnerInfoRedesign .emrFormSection:first-child{grid-row:auto}}@media (width<=700px){.emrTabBtn{min-width:180px}.emrVisitHistoryContainer,.emrVisitRecordDetailGrid{grid-template-columns:1fr}}.emrTableContainer.emrRecordDetailShell{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.emrTabs{flex-wrap:wrap;overflow:visible}.emrTabBtn{flex:0 auto}.emrVisitFilters{align-items:center}.emrSmallSearch .emrSearchInputSmall,.emrVisitFilterControl .emrFilterInputSmall,.emrVisitFilterControl .emrFilterSelectSmall{color:#0a1156;background:#fff;border:1px solid #0818a029;border-radius:999px;min-height:34px;box-shadow:0 8px 18px #0a11560a}.emrSmallSearch .emrSearchInputSmall{padding-left:34px}.emrVisitFilterControl{align-items:center;display:flex;position:relative}.emrVisitFilterIcon{z-index:1;color:#0818a0;pointer-events:none;position:absolute;left:12px}.emrVisitFilterControl .emrFilterInputSmall,.emrVisitFilterControl .emrFilterSelectSmall{width:100%;padding-left:34px}.emrVisitHistoryContainer{grid-auto-rows:1fr;align-items:stretch;padding-top:18px}.emrVisitHistoryContainer>div{min-width:0;display:flex}.emrVisitFolderCard{background:linear-gradient(#fffffff5,#f8fbfff0);flex-direction:column;justify-content:space-between;width:100%;min-height:230px;margin-bottom:0;display:flex}.emrVisitFolderCard:before{background:#fff}.emrVisitFolderCard .emrVisitDetails{align-content:start;min-height:76px}.emrVisitRecordModal{color:#0a1156;background:radial-gradient(circle at 100% 0,#3db6ee1a,#0000 28%),linear-gradient(#fff,#f8faff);border:1px solid #0818a024}.emrVisitRecordModal .emrModalHeader{background:#ffffffc2;border-bottom:1px solid #0818a01f}.emrVisitRecordModal .emrPrescriptionItem,.emrVisitRecordModal .emrPrescriptionItem span,.emrVisitRecordModal .emrPrescriptionItem strong,.emrVisitRecordModal .emrPrescriptionInstructions{font-size:.78rem;line-height:1.45}.emrVisitRecordModal .emrPrescriptionItem{border-left-color:#0818a0;margin-top:6px;padding-left:10px}.emrVisitRecordModal .emrPrescriptionItem strong{color:#0a1156;font-weight:760}.emrVisitRecordModal .emrPrescriptionInstructions{color:#4a5872;margin:8px 0 0}@media (width<=700px){.emrTabBtn{flex:calc(50% - 6px);min-width:0}.emrVisitFilters,.emrVisitFilterControl{width:100%}}.emrNotificationContainer{isolation:isolate;position:relative}.emrNotificationContainer:hover{transform:none!important}.emrNotificationContainer .emrIconButton,.emrNotificationContainer .emrBlueIcon,.emrNotificationContainer .emrIconDefault,.emrNotificationContainer .emrIconActive{color:#0a1156!important}.emrNotificationContainer .emrIconButton:hover,.emrNotificationContainer .emrIconButton:focus-visible{background:radial-gradient(circle at 30% 18%,#3db6ee29,#0000 42%),#fff;border-color:#0818a057;box-shadow:0 12px 26px #0a11561f}.emrNotificationContainer .notifPopupAnchored{z-index:3500;top:calc(100% + 12px);right:0}.emrFormHeader{border-bottom-color:#0818a01f;gap:14px}.emrFormHeaderRight{justify-content:flex-end;align-items:center;gap:10px;min-width:0;margin-left:auto;display:inline-flex}.emrHeaderAddVisitBtn{color:#fff;cursor:pointer;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #0818a024;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 14px;font-size:12px;font-weight:760;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;box-shadow:0 12px 24px #04082a1f}.emrHeaderAddVisitBtn:hover{border-color:#3db6ee5c;transform:translateY(-1px);box-shadow:0 16px 30px #04082a29}.emrStatusActive{color:#0a1156;background:#3db6ee1f;border:1px solid #3db6ee38}.emrVisitFolderCard{background:radial-gradient(circle at 100% 0,#3db6ee14,#0000 34%),linear-gradient(#fffffff7,#f8fbfff0);border-color:#0818a024;gap:14px}.emrVisitFolderCard .emrVisitHeader{border-bottom-color:#0818a01a;margin-bottom:0}.emrVisitFolderCard .emrVisitDetails{margin-top:0}.emrVisitCardActionsGrid{border-top:1px solid #0818a01a;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;padding-top:14px;display:grid}.emrVisitCardActionsGrid:has(>button:only-child){grid-template-columns:1fr}.emrVisitCardActionsGrid .emrCreateInvoiceBtn,.emrVisitCardActionsGrid .emrViewPrescriptionBtn{white-space:normal;width:100%;min-width:0;min-height:36px;box-shadow:none;border-radius:12px;margin:0;padding:0 10px;font-size:11px;font-weight:760;line-height:1.2}.emrVisitCardActionsGrid .emrCreateInvoiceBtn{background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #0818a024}.emrVisitCardActionsGrid .emrViewPrescriptionBtn{color:#8f1616;background:radial-gradient(circle at 100% 0,#fa2b2424,#0000 48%),linear-gradient(135deg,#fff7f7 0%,#ffecec 100%);border:1px solid #fa2b242e}.emrVisitCardActionsGrid .emrCreateInvoiceBtn:hover,.emrVisitCardActionsGrid .emrViewPrescriptionBtn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0a11561a}.emrVisitCardActionsGrid .emrViewPrescriptionBtn:hover{background:radial-gradient(circle at 100% 0,#fa2b242e,#0000 48%),linear-gradient(135deg,#fff2f2 0%,#ffe4e4 100%)}.emrRecordDetailShell .emrFormContainer>.emrFormActions{border-top-color:#0818a01f;margin-bottom:28px;padding-top:18px;padding-left:20px;padding-right:20px}.emrRecordDetailShell .emrReturnBtn,.emrRecordDetailShell .emrCancelBtn,.emrRecordDetailShell .emrSubmitBtn,.emrPdfModalActions .emrReturnBtn,.emrPdfModalActions .emrCancelBtn,.emrPdfModalActions .emrSubmitBtn{border-radius:999px;min-height:36px}.emrRecordDetailShell .emrCancelBtn,.emrPdfModalActions .emrCancelBtn{color:#0a1156;background:#fff;border:1px solid #0818a024}.emrRecordDetailShell .emrSubmitBtn,.emrPdfModalActions .emrSubmitBtn{background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%)}@media (width<=700px){.emrFormHeaderRight{flex-wrap:wrap}.emrHeaderAddVisitBtn{order:2;width:100%}.emrVisitCardActionsGrid{grid-template-columns:1fr}}.emrVisitCardActionsGrid .emrCreateInvoiceBtn,.emrCreateInvoiceBtn{color:#fff;border:1px solid #1f7a3f33;background:radial-gradient(circle at 0 0,#5cd68f38,#0000 44%),linear-gradient(135deg,#1f7a3f 0%,#11552b 100%)!important}.emrVisitCardActionsGrid .emrCreateInvoiceBtn:hover,.emrCreateInvoiceBtn:hover{box-shadow:0 12px 24px #1f7a3f2e;background:radial-gradient(circle at 0 0,#5cd68f47,#0000 44%),linear-gradient(135deg,#25894a 0%,#0f4726 100%)!important}.emrVisitCardActionsGrid .emrViewPrescriptionBtn,.emrViewPrescriptionBtn{color:#fff;border:1px solid #b4231833;background:radial-gradient(circle at 100% 0,#fa2b2447,#0000 44%),linear-gradient(135deg,#d92d20 0%,#8f1616 100%)!important}.emrVisitCardActionsGrid .emrViewPrescriptionBtn:hover,.emrViewPrescriptionBtn:hover{box-shadow:0 12px 24px #b423182e;background:radial-gradient(circle at 100% 0,#fa2b2457,#0000 44%),linear-gradient(135deg,#ef3b2d 0%,#7b1111 100%)!important}.emrVisitCardActionsGrid .emrProceedBillingBtn,.emrProceedBillingBtn{color:#fff;border:1px solid #1f7a3f33;background:radial-gradient(circle at 0 0,#5cd68f38,#0000 44%),linear-gradient(135deg,#1f7a3f 0%,#11552b 100%)!important}.emrVisitCardActionsGrid .emrProceedBillingBtn:hover,.emrProceedBillingBtn:hover{box-shadow:0 12px 24px #1f7a3f2e;background:radial-gradient(circle at 0 0,#5cd68f47,#0000 44%),linear-gradient(135deg,#25894a 0%,#0f4726 100%)!important}.emrVisitCardActionsGrid .emrViewInvoiceBtn,.emrViewInvoiceBtn{color:#fff;border:1px solid #2563eb3d;background:radial-gradient(circle at 100% 0,#3db6ee38,#0000 44%),linear-gradient(135deg,#2563eb 0%,#0a1156 100%)!important}.emrVisitCardActionsGrid .emrViewInvoiceBtn:hover,.emrViewInvoiceBtn:hover{box-shadow:0 12px 24px #2563eb2e;background:radial-gradient(circle at 100% 0,#3db6ee47,#0000 44%),linear-gradient(135deg,#3158dd 0%,#071126 100%)!important}.emrPetOwnerInfoRedesign{padding:2px}.emrPetOwnerInfoRedesign .emrFormSection{background:radial-gradient(circle at 100% 0,#3db6ee17,#0000 34%),linear-gradient(#ffffffeb,#f8fbffe0);border-color:#0818a01f;box-shadow:0 14px 30px #0a115612}.emrPetOwnerInfoRedesign .emrFormSection:before{background:linear-gradient(#0a1156 0%,#fa2b24 100%)}.emrPetOwnerInfoRedesign .emrFormSection h4{color:#0a1156;align-items:center;gap:8px;font-weight:820;display:inline-flex}.emrPetOwnerInfoRedesign .emrFormInput,.emrPetOwnerInfoRedesign .emrFormSelect,.emrPetOwnerInfoRedesign .emrWeightInput{color:#0a1156;background:#fff;border-color:#0818a024}.emrPetOwnerInfoRedesign .emrFormInput:focus,.emrPetOwnerInfoRedesign .emrFormSelect:focus,.emrPetOwnerInfoRedesign .emrWeightInput:focus{border-color:#0818a06b;box-shadow:0 0 0 3px #3db6ee24}.emrMedicalHistoryContainer{padding:4px}.emrMedicalHistoryFilters{background:radial-gradient(circle at 0 0,#3db6ee1a,#0000 40%),#ffffffb8;border:1px solid #0818a01a;box-shadow:0 10px 24px #0a11560d}.emrFilterChip{color:#4a5872;background:#fff;border-color:#0818a024;font-weight:760}.emrFilterChip:hover{color:#0a1156;background:#f7fbff;border-color:#0818a052}.emrFilterChipActive{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-color:#3db6ee47}.emrHistorySection{background:radial-gradient(circle at 100% 0,#3db6ee14,#0000 34%),#ffffffd6;border-color:#0818a01f;box-shadow:0 14px 30px #0a115612}.emrHistorySectionHeader{background:radial-gradient(circle at 0 0,#fa2b2414,#0000 36%),linear-gradient(#ffffffeb,#f7fbffdb);border-bottom-color:#0818a01a}.emrHistorySectionHeader svg{color:#0a1156}.emrHistorySectionHeader h4,.emrHistoryCardTitle strong{color:#0a1156;font-weight:800}.emrHistoryCount,.emrHistoryDate{color:#4a5872;background:#fff;border:1px solid #0818a01a}.emrHistoryCard{background:linear-gradient(#fffffff0,#f8fbffe6);border-color:#0818a01a;box-shadow:0 8px 20px #0a11560a}.emrHistoryCard:hover{border-color:#0818a038;box-shadow:0 14px 30px #0a115617}.emrHistoryLabel{color:#7b879d;font-weight:650}.emrHistoryDetail{color:#25324a;font-weight:520}.emrOwnerShareBtn{background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-color:#0818a02e}.emrOwnerShareBtn.isShared{color:#0a1156;background:#fff}.emrVisitRecordModal{width:min(96vw,1040px)}.emrVisitRecordModalContent{gap:16px;padding:20px;display:grid}.emrVisitRecordSummary{gap:12px;margin-bottom:0}.emrVisitRecordSummary>div{background:radial-gradient(circle at 100% 0,#3db6ee1a,#0000 40%),#fff;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:14px;position:relative;overflow:hidden}.emrVisitRecordSummaryIcon{background:radial-gradient(circle at 30% 18%,#3db6ee3d,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-radius:11px;grid-row:span 2;place-items:center;width:34px;height:34px;font-size:0;display:grid;color:#fff!important}.emrVisitRecordSummary span:not(.emrVisitRecordSummaryIcon),.emrVisitRecordDetailGrid span{color:#7b879d;letter-spacing:.075em;font-size:.64rem;font-weight:680}.emrVisitRecordDetailGrid span{align-items:center;gap:6px;display:inline-flex}.emrVisitRecordDetailGrid span svg{color:#3db6ee}.emrVisitRecordSummary strong,.emrVisitRecordDetailGrid strong{color:#0a1156;font-size:.9rem;font-weight:680;line-height:1.3}.emrVisitRecordPanel{background:radial-gradient(circle at 100% 0,#3db6ee12,#0000 34%),#ffffffdb;border-color:#0818a01f}.emrVisitRecordPanel h5{color:#0a1156;border-bottom:1px solid #0818a014;align-items:center;gap:8px;width:100%;padding-bottom:10px;font-size:.94rem;font-weight:800;display:inline-flex}.emrVisitRecordPanel h5 svg{color:#fa2b24}.emrClinicalExamPanel{background:radial-gradient(circle at 100% 0,#1f7a3f14,#0000 34%),#ffffffe0}.emrVisitRecordDetailGrid.emrClinicalExamGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.emrVisitRecordDetailGrid>div{background:linear-gradient(#ffffffeb,#f7fbffd6);border:1px solid #0818a014}.emrVisitRecordNote{color:#4a5872;background:#fff7f7b8;border:1px solid #fa2b241f;border-radius:14px;padding:12px;font-weight:520}.emrVisitRecordLabItem{background:#fff;border-color:#0818a01a}.emrVisitRecordLabItem strong,.emrVisitRecordModal .emrPrescriptionItem strong{font-weight:700}.emrVisitRecordLabItem span,.emrVisitRecordModal .emrPrescriptionItem span,.emrVisitRecordModal .emrPrescriptionInstructions,.emrVisitRecordRemarks{color:#4a5872;font-weight:520}@media (width<=900px){.emrVisitRecordDetailGrid.emrClinicalExamGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.emrVisitRecordDetailGrid.emrClinicalExamGrid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.billingContainer{background-color:#fff;width:100vw;height:99vh;display:flex;overflow:hidden}.billingBodyContainer{background-color:#fff;flex:6;height:100vh;padding:30px 30px 40px 15px;position:relative}.billingHandoffOverlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:progress;background-color:#ffffffb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.billingHandoffPanel{color:#10245f;background-color:#fff;border:1px solid #3d67ee2e;border-radius:8px;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:600;display:flex;box-shadow:0 14px 34px #3d67ee29}.billingTopContainer{gap:12px;margin-bottom:16px;display:flex}.billingSubTopContainer{background-color:#fff;border-radius:12px;flex:20;align-items:center;padding:12px 20px;display:flex;box-shadow:0 0 12px #00000014}.billingNotificationContainer{flex:.5;justify-content:center;margin-left:12px;padding:12px}.billingBlueIcon{color:#3d67ee}.billingBlueText{color:#3d67ee;margin-left:8px;font-size:14px;font-weight:600}.billingSubTopLeft{align-items:center;gap:8px;display:flex}.billingTableContainer{background-color:#fff;border-radius:12px;flex-direction:column;height:calc(100% - 70px);padding:30px;display:flex;box-shadow:0 0 12px #0000001a}.billingTableToolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.billingSearchFilterSection{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.billingToolbarItem{position:relative}.billingIconButton{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.billingIconButton:hover{opacity:.7}.billingIconButton:disabled,.billingBlackBtn:disabled,.billingDeleteBtn:disabled,.billingClearFilterBtn:disabled,.billingActionBtn:disabled{cursor:not-allowed;opacity:.45}.billingIconButton:disabled:hover,.billingActionBtn:disabled:hover{opacity:.45;background-color:#0000}.billingBlackBtn:disabled:hover{opacity:.45;background-color:#000}.billingDeleteBtn:disabled:hover{opacity:.45;background-color:#dc3545}.billingClearFilterBtn:disabled:hover{opacity:.45;background-color:#3d67ee}.billingIconDefault{color:#3d67ee}.billingIconActive{color:#afccf8}.billingTooltip{color:#fff;white-space:nowrap;background-color:#000;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;top:-28px;left:-10px}.billingSearchInput{border:1px solid #ddd;border-radius:6px;width:220px;height:32px;padding:6px 12px;font-size:12px}.billingFilterSection{flex-wrap:wrap;gap:8px;display:flex}.billingFilterInput{border:1px solid #ddd;border-radius:6px;height:32px;padding:0 10px;font-size:12px}.billingFilterSelect{background-color:#fff;border:1px solid #ddd;border-radius:6px;width:130px;height:32px;padding:0 10px;font-size:12px}.billingActionSection{align-items:center;gap:8px;display:flex}.billingBlackBtn,.billingDeleteBtn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;height:32px;padding:6px 16px;font-size:12px;font-weight:500;display:flex}.billingBlackBtn{color:#fff;background-color:#000}.billingBlackBtn:hover{background-color:#333}.billingSalesReportBtn{background-color:#3d67ee}.billingSalesReportBtn:hover{background-color:#2f54d8}.billingDeleteBtn{color:#fff;background-color:#dc3545}.billingDeleteBtn:hover{background-color:#c82333}.billingClearFilterBtn{cursor:pointer;color:#fff;background-color:#3d67ee;border:1px solid #ddd;border-radius:6px;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:12px;transition:all .2s;display:flex}.billingClearFilterBtn:hover{background-color:#0934c0}.billingTableWrapper{flex-direction:column;flex:1;display:flex;overflow:auto}.billingDataTable{border-collapse:collapse;width:100%}.billingDataTable th{text-align:left;color:#666;background-color:#fafafa;border-bottom:1px solid #e0e0e0;padding:10px 8px;font-size:12px;font-weight:600}.billingDataTable td{color:#333;border-bottom:1px solid #f0f0f0;padding:10px 8px;font-size:12px}.billingDataTable th:first-child,.billingDataTable td:first-child{text-align:center;width:32px;padding:10px 0}.billingCheckbox{cursor:pointer;accent-color:#3d67ee;width:16px;height:16px}.billingCheckbox:disabled{cursor:not-allowed;opacity:.45}.billingInvoiceNumber{color:#3d67ee;font-weight:600}.billingAmount{color:#2e7d32;font-weight:600}.billingTypeBadge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.billingTypeAppointment{color:#1565c0;background-color:#e3f2fd}.billingTypeWalkin{color:#e65100;background-color:#fff3e0}.billingStatusBadge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.billingStatusPaid{color:#2e7d32;background-color:#e8f5e9}.billingStatusPending{color:#e65100;background-color:#fff3e0}.billingStatusPartial{color:#1565c0;background-color:#e3f2fd}.billingActionButtons{align-items:center;gap:6px;display:flex}.billingActionBtn{cursor:pointer;color:#3d67ee;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.billingActionBtn:hover{background-color:#f0f0f0}.billingNoData{text-align:center;color:#999;padding:40px}.billingPagination{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.billingPaginationBtn{color:#3d67ee;cursor:pointer;background-color:#fff;border:1px solid #3d67ee;border-radius:4px;padding:6px 14px;font-size:12px}.billingPaginationBtn:hover:not(:disabled){color:#fff;background-color:#3d67ee}.billingPaginationBtn:disabled{opacity:.5;cursor:not-allowed}.billingPaginationInfo{color:#666;font-size:12px}.billingModalOverlay{z-index:3000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.billingCreateModal{background-color:#fff;border:1px solid #3d67ee1a;border-radius:12px;flex-direction:column;width:90%;max-width:700px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #3d67ee40}.billingCreateModalContent{flex:1;padding:20px;overflow-y:auto}.billingSearchModal,.billingProductModal,.billingServiceModal{background-color:#fff;border:1px solid #3d67ee1a;border-radius:12px;flex-direction:column;width:90%;max-width:550px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #3d67ee40}.billingProductModal{max-width:700px}.billingServiceModal{max-width:500px}.billingModalHeader{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.billingModalHeader h4{color:#333;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.billingModalClose{cursor:pointer;color:#999;background:0 0;border:none;font-size:22px;line-height:1}.billingModalClose:hover{color:#333}.billingSearchModalContent,.billingProductModalContent,.billingServiceModalContent{flex:1;padding:20px;overflow-y:auto}.billingFormSection{background-color:#f9f9f9;border-radius:10px;margin-bottom:20px;padding:16px}.billingFormSection h4{color:#3d67ee;border-bottom:1px solid #e0e0e0;margin-bottom:12px;padding-bottom:6px;font-size:13px;font-weight:600}.billingSectionHeader{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:6px;display:flex}.billingSectionHeader h4{border-bottom:none;margin-bottom:0;padding-bottom:0}.billingFormRow{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.billingFormGroup{flex:1;min-width:150px}.billingFullWidth{flex:100%}.billingFormGroup label{color:#555;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.billingRequired{color:#dc3545;margin-left:2px}.billingFormInput,.billingFormSelect,.billingTextarea{border:1px solid #ddd;border-radius:6px;width:100%;padding:6px 10px;font-size:12px;transition:all .2s}.billingFormInput:focus,.billingFormSelect:focus,.billingTextarea:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 2px #3d67ee1a}.billingFieldError{background:#fff8f8;border-color:#dc3545!important}.billingErrorText{color:#dc3545;margin-top:6px;font-size:11px}.billingHelperText{color:#667085;margin-top:8px;font-size:11px}.billingHelperTextError{color:#dc3545}.billingInventorySuggestionBox{background:#f8fbff;border:1px solid #d7e3ff;border-radius:10px;margin-bottom:14px;padding:12px}.billingInventorySuggestionTitle{color:#2f5fe7;font-size:12px;font-weight:600}.billingInventorySuggestionHint{color:#667085;margin-top:4px;font-size:11px}.billingInventorySuggestionList{flex-direction:column;gap:8px;margin-top:10px;display:flex}.billingInventorySuggestionItem{cursor:pointer;background:#fff;border:1px solid #dfe7f5;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.billingInventorySuggestionItem.selected{background:#f2f6ff;border-color:#3d67ee;box-shadow:0 0 0 1px #3d67ee1f}.billingInventorySuggestionContent{flex:1;min-width:0}.billingInventorySuggestionNameRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.billingInventorySuggestionMeta{color:#4b5565;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:11px;display:flex}.billingSuggestionCheckbox{margin-top:2px}.billingTextarea{resize:vertical;font-family:inherit}.billingReadonlyField{background:#f8faff;border:1px solid #ddd;border-radius:6px;align-items:center;width:100%;min-height:34px;padding:6px 10px;display:flex}.billingPaymentAmountPreview{color:#113fcb;background:#eef5ff;justify-content:flex-end;font-size:18px;font-weight:700}.billingInstallmentPlanBox{background:#f7faff;border:1px solid #d7e3ff;border-radius:10px;padding:12px}.billingInstallmentPlanHeader{color:#52627a;border-bottom:1px solid #e4ecff;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;font-size:12px;display:flex}.billingInstallmentPlanHeader strong{color:#123ecf;font-size:13px}.billingInstallmentPlanGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.billingInstallmentPlanGrid div{flex-direction:column;gap:3px;display:flex}.billingInstallmentPlanGrid label{text-transform:uppercase;color:#7b8497;font-size:10px;font-weight:700}.billingInstallmentPlanGrid span{color:#17233f;font-size:13px;font-weight:700}.billingPayrexMockPanel{background:#f7faff;border:1px solid #dbe4ff;border-radius:8px;align-items:center;gap:16px;padding:14px;display:flex}.billingPayrexMockPanelCompact{gap:12px;padding:12px}.billingPayrexQr{background:#fff;border:1px solid #d8e2ff;border-radius:8px;flex:none;grid-template-rows:repeat(17,6px);grid-template-columns:repeat(17,6px);gap:2px;padding:10px;display:grid}.billingPayrexQrCompact{grid-template-rows:repeat(17,4px);grid-template-columns:repeat(17,4px);gap:1.5px;padding:8px}.billingPayrexQr span{background:#eef2ff;border-radius:1px;width:100%;height:100%}.billingPayrexQr span.filled{background:#1f3fb5}.billingPayrexMockDetails{flex-direction:column;gap:5px;min-width:0;display:flex}.billingPayrexMockDetails span,.billingPayrexDrawerLabel{color:#687389;text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:700}.billingPayrexMockDetails strong,.billingDrawerPayrexPreview strong{color:#1e3a8a;overflow-wrap:anywhere;font-size:15px}.billingPayrexMockDetails p{color:#6b7280;margin:0;font-size:12px;line-height:1.4}.billingPayrexRegenerateBtn{color:#3158dd;cursor:pointer;background:#fff;border:1px solid #c8d6ff;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.billingPayrexRegenerateBtn:hover{background:#eef4ff}.billingDrawerPayrexItem{grid-column:span 2}.billingDrawerPayrexPreview{align-items:center;gap:12px;width:100%;display:flex}.billingToggleGroupFull{gap:10px;width:100%;display:flex}.billingToggleGroupError .billingToggleBtnFull{background:#fff8f8;border-color:#f0b2b8}.billingToggleBtnFull{color:#666;cursor:pointer;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.billingToggleBtnFull:hover{color:#3d67ee;background-color:#f0f4ff;border-color:#3d67ee}.billingToggleActiveFull{color:#fff;background:linear-gradient(135deg,#3d67ee,#0738d9);border-color:#3d67ee;box-shadow:0 2px 8px #3d67ee4d}.billingValidationSummary{text-align:left;flex-direction:column;gap:6px;display:flex}.billingItemsTable{overflow-x:auto}.billingItemsDataTable{border-collapse:collapse;width:100%}.billingItemsDataTable th{text-align:left;color:#666;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;padding:8px;font-size:11px;font-weight:600}.billingItemsDataTable td{border-bottom:1px solid #f0f0f0;padding:8px;font-size:12px}.billingItemTotal{color:#2e7d32;font-weight:600}.billingQtyInput{text-align:center;border:1px solid #ddd;border-radius:4px;width:60px;padding:4px 8px;font-size:12px}.billingRemoveItemBtn{cursor:pointer;color:#dc3545;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.billingRemoveItemBtn:hover{background-color:#ffebee}.billingNoItems{text-align:center;color:#999;padding:20px}.billingAddItemBtnSmall{cursor:pointer;color:#3d67ee;background-color:#f0f4ff;border:1px dashed #3d67ee;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.billingAddItemBtnSmall:hover{background-color:#e8edff}.billingTotals{text-align:right;background-color:#f8faff;border-radius:10px;margin-top:16px;padding:16px}.billingTotalsRow{justify-content:flex-end;gap:20px;padding:4px 0;font-size:12px;display:flex}.billingTotalsRow span:first-child{color:#666;width:100px}.billingTotalsRow span:last-child{color:#333;width:100px;font-weight:500}.billingTotalGrand{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px;font-size:14px;font-weight:700}.billingTotalGrand span:last-child{color:#3d67ee}.billingFormActions{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.billingCancelBtn,.billingSubmitBtn{cursor:pointer;border:none;border-radius:6px;padding:8px 24px;font-size:12px;font-weight:600;transition:all .2s}.billingCancelBtn{color:#333;background-color:#e0e0e0}.billingCancelBtn:hover{background-color:#d0d0d0}.billingSubmitBtn{color:#fff;background:linear-gradient(135deg,#3db6ee,#3d67ee)}.billingSubmitBtn:hover{opacity:.9;transform:translateY(-1px)}.billingCancelBtn:disabled,.billingSubmitBtn:disabled{opacity:.55;cursor:not-allowed;transform:none}.billingSubmitBtn:disabled:hover,.billingCancelBtn:disabled:hover{opacity:.55;transform:none}.billingSelectedAppointment{background-color:#e8f5e9;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.billingSelectedAppointmentInfo{flex:1}.billingSelectedAppointmentInfo strong{color:#2e7d32}.billingAppointmentDetails{color:#666;margin-top:4px;font-size:11px}.billingClearBtn{color:#2e7d32;cursor:pointer;background:0 0;border:1px solid #2e7d32;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;display:flex}.billingClearBtn:hover{color:#fff;background-color:#2e7d32}.billingSearchAppointmentBtn{color:#fff;cursor:pointer;background-color:#3d67ee;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:12px;font-weight:500;display:flex}.billingSearchAppointmentBtn:hover{background-color:#0738d9}.billingSearchInputWrapper{margin-bottom:20px;position:relative}.billingSearchInputWrapper .billingSearchInput{width:100%;padding:8px 36px 8px 12px}.billingSearchIcon{color:#999;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.billingSearchResults{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.billingSearchResultItem{cursor:pointer;border:1px solid #e0e0e0;border-radius:8px;gap:12px;padding:12px;transition:all .2s;display:flex}.billingSearchResultItem:hover{background-color:#f5f5f5;border-color:#3d67ee}.billingSearchResultIcon{color:#3d67ee;background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.billingSearchResultInfo{flex:1}.billingSearchResultName{color:#333;margin-bottom:2px;font-size:13px;font-weight:600}.billingSearchResultDetails{color:#666;margin-top:2px;font-size:11px}.billingSearchNoResults{text-align:center;color:#999;padding:30px;font-size:12px}.billingProductFilters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.billingProductFilterBtn{cursor:pointer;color:#666;background-color:#fff;border:1px solid #ddd;border-radius:20px;padding:4px 12px;font-size:11px;transition:all .2s}.billingProductFilterBtn:hover{color:#3d67ee;border-color:#3d67ee}.billingProductFilterBtn.active{color:#fff;background-color:#3d67ee;border-color:#3d67ee}.billingProductGrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;max-height:400px;display:grid;overflow-y:auto}.billingProductCard{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.billingProductCard:hover{background-color:#f8f9ff;border-color:#3d67ee}.billingProductCardInfo{flex:1}.billingProductCardName{color:#333;font-size:13px;font-weight:600}.billingProductCardSku{color:#999;margin-top:2px;font-size:10px}.billingProductCardPrice{color:#2e7d32;margin-top:4px;font-size:12px;font-weight:600}.billingProductCardStock{color:#ff9800;font-size:10px}.billingProductCardBatch{color:#4b5565;margin-top:3px;font-size:10px}.billingBatchSelectorBlock{flex-direction:column;gap:4px;max-width:260px;margin-top:8px;display:flex}.billingBatchLabel{color:#4b5565;font-size:10px;font-weight:600}.billingBatchSelect{color:#2f3440;background:#fff;border:1px solid #d6dced;border-radius:6px;width:100%;min-height:30px;padding:5px 8px;font-size:11px}.billingBatchSelect:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 2px #3d67ee1a}.billingBatchMeta{color:#667085;font-size:10px}.billingBatchWarning{color:#b26a00;background:#fff7e6;border:1px solid #ffe0a3;border-radius:6px;padding:4px 6px;font-size:10px}.billingProductCardAddBtn{color:#fff;cursor:pointer;background-color:#3d67ee;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;transition:all .2s;display:flex}.billingProductCardAddBtn:hover:not(:disabled){background-color:#0738d9}.billingProductCardAddBtn:disabled{opacity:.5;cursor:not-allowed}.billingDrawerOverlay{z-index:2000;background-color:#00000080;position:fixed;inset:0}.billingDrawer{z-index:2001;background-color:#fff;flex-direction:column;width:450px;max-width:90vw;height:100vh;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-2px 0 12px #00000026}.billingDrawerHeader{background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.billingDrawerHeaderLeft{align-items:center;gap:10px;display:flex}.billingDrawerHeaderLeft h3{color:#333;margin:0;font-size:16px;font-weight:600}.billingDrawerClose{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.billingDrawerClose:hover{color:#333;background-color:#f0f0f0}.billingDrawerContent{flex:1;padding:20px;overflow-y:auto}.billingDrawerInfoGrid{background-color:#f9f9f9;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;padding:12px;display:grid}.billingDrawerInfoItem{flex-direction:column;gap:4px;display:flex}.billingDrawerInfoItem label{color:#999;text-transform:uppercase;font-size:10px;font-weight:600}.billingDrawerInfoItem span{color:#333;font-size:13px;font-weight:500}.billingDrawerSection{margin-bottom:20px}.billingDrawerSection h4{color:#3d67ee;border-bottom:1px solid #e0e0e0;margin-bottom:12px;padding-bottom:6px;font-size:13px;font-weight:600}.billingDrawerTable{overflow-x:auto}.billingDrawerDataTable{border-collapse:collapse;width:100%}.billingDrawerDataTable th{text-align:left;color:#666;background-color:#fafafa;border-bottom:1px solid #e0e0e0;padding:8px 6px;font-size:11px;font-weight:600}.billingDrawerDataTable td{color:#333;border-bottom:1px solid #f0f0f0;padding:8px 6px;font-size:11px}.billingDrawerTotals{text-align:right;background-color:#f8faff;border-radius:8px;margin-top:16px;padding:12px}.billingDrawerTotalsRow{justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.billingDrawerTotalGrand{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px;font-size:14px;font-weight:700}.billingDrawerTotalGrand span:last-child{color:#3d67ee}.billingDrawerNotes{background-color:#f9f9f9;border-radius:8px;margin-top:16px;padding:12px}.billingDrawerNotes label{color:#666;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.billingDrawerNotes p{color:#666;font-size:12px}.billingDrawerActions{background-color:#fff;border-top:1px solid #e0e0e0;gap:12px;padding:16px 20px;display:flex}.billingDrawerPrintBtn{color:#fff;cursor:pointer;background-color:#2e9e0c;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.billingDrawerPrintBtn:hover{background-color:#1a5a06}.billingDrawerRecordBtn{color:#fff;cursor:pointer;background-color:#3d67ee;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.billingDrawerRecordBtn:hover{background-color:#294fca}.billingDrawerCloseBtn{color:#333;cursor:pointer;background-color:#e0e0e0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.billingDrawerCloseBtn:hover{background-color:#d0d0d0}.billingAlertModal{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;width:300px;padding:20px;display:flex;box-shadow:0 4px 16px #00000026}.billingPaymentModal{align-items:stretch;width:420px;max-width:calc(100vw - 32px);padding:0;overflow:hidden}.billingSalesReportModal{background:#fff;border-radius:14px;flex-direction:column;width:min(720px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:0;display:flex;overflow:hidden;box-shadow:0 24px 54px #0f172a47}.billingSalesReportHeader{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.billingSalesReportHeader h2{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:800}.billingSalesReportHeader span{color:#64748b;font-size:13px}.billingSalesReportClose{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.billingSalesReportClose:hover{color:#0f172a;background:#e2e8f0}.billingSalesReportBody{flex-direction:column;gap:18px;padding:22px 24px;display:flex;overflow-y:auto}.billingSalesReportFieldGroup{flex-direction:column;gap:8px;display:flex}.billingSalesReportFieldGroup label{color:#334155;font-size:12px;font-weight:700}.billingSalesReportFieldGroup input,.billingSalesReportFieldGroup select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:40px;padding:0 12px;font-size:13px;transition:all .2s}.billingSalesReportFieldGroup input:focus,.billingSalesReportFieldGroup select:focus{border-color:#3d67ee;box-shadow:0 0 0 3px #3d67ee1f}.billingSalesReportFormatToggle,.billingSalesReportPresetGrid{gap:10px;display:grid}.billingSalesReportFormatToggle{grid-template-columns:repeat(2,minmax(0,1fr))}.billingSingleFormat{grid-template-columns:minmax(0,1fr);max-width:310px}.billingSalesReportPresetGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.billingSalesReportFormatToggle button,.billingSalesReportPresetGrid button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 10px;font-size:13px;font-weight:600;display:inline-flex}.billingSalesReportFormatToggle button:hover,.billingSalesReportPresetGrid button:hover{color:#2557ee;background:#f8fbff;border-color:#3d67ee}.billingSalesReportFormatToggle button.active,.billingSalesReportPresetGrid button.active{color:#2557ee;background:#eff6ff;border-color:#3d67ee;box-shadow:inset 0 0 0 1px #3d67ee1f}.billingSalesReportDateGrid,.billingSalesReportFilterGrid,.billingSalesReportSectionGrid{gap:12px;display:grid}.billingSalesReportDateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.billingSalesReportFilterGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.billingSalesReportSectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.billingSalesReportSectionsHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.billingSalesReportSelectAll,.billingSalesReportSectionOption{cursor:pointer;align-items:center;flex-direction:row!important;display:flex!important}.billingSalesReportSelectAll{color:#2557ee!important;gap:7px!important;font-size:12px!important;font-weight:700!important}.billingSalesReportSelectAll input,.billingSalesReportSectionOption input{accent-color:#3d67ee;border:none;width:15px;height:15px;padding:0}.billingSalesReportSectionOption{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:38px;padding:9px 10px;gap:10px!important}.billingSalesReportSectionOption span{color:#1e293b;font-size:13px;font-weight:600}.billingSalesReportError{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.billingSalesReportFooter{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:18px 24px;display:flex}.billingSalesReportSecondary,.billingSalesReportPrimary{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:126px;height:40px;font-size:13px;font-weight:700;display:inline-flex}.billingSalesReportSecondary{color:#334155;background:#e2e8f0}.billingSalesReportSecondary:hover{background:#cbd5e1}.billingSalesReportPrimary{color:#fff;background:linear-gradient(135deg,#3d67ee,#8b5cf6);box-shadow:0 8px 18px #3d67ee38}.billingSalesReportPrimary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #3d67ee52}.billingSalesReportModal button:disabled{opacity:.68;cursor:not-allowed;transform:none}.billingPaymentModalContent{flex-direction:column;gap:12px;padding:18px 20px 8px;display:flex}.billingPaymentModalActions{margin:0;padding:14px 20px 20px}.billingPaymentEmptyState{color:#6b7280;background:#f8faff;border:1px dashed #d9deef;border-radius:10px;padding:16px;font-size:12px}.billingAlertIcon{margin-bottom:8px}.billingAlertTitle{margin:8px 0;font-size:16px;font-weight:700}.billingAlertMessage{text-align:center;color:#666;margin-bottom:20px;font-size:12px}.billingAlertActions{justify-content:center;gap:12px;width:100%;display:flex}.billingAlertBtn{cursor:pointer;border:none;border-radius:6px;min-width:80px;padding:8px 20px;font-size:12px;font-weight:500}.billingCancelAlertBtn{color:#333;background-color:#f0f0f0}.billingConfirmAlertBtn{color:#fff;background-color:#3d67ee}.billingErrorBtn{background-color:#d93025}.billingLoadingContainer{justify-content:center;align-items:center;height:100%;display:flex}.billingSpinner{border:3px solid #f3f3f3;border-top-color:#3d67ee;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite billingSpin}@keyframes billingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#3d67ee;border-radius:3px}@media (width<=768px){.billingFormRow{flex-direction:column;gap:12px}.billingFilterSection{flex-direction:column;width:100%}.billingFilterInput,.billingFilterSelect{width:100%}.billingSearchFilterSection{flex-direction:column;align-items:flex-start}.billingSearchInput{width:100%}.billingDrawerInfoGrid,.billingProductGrid{grid-template-columns:1fr}.billingCreateModal{width:95%;max-height:95vh}}.billingServiceSelectionModal{background-color:#fff;border:1px solid #3d67ee1a;border-radius:12px;flex-direction:column;width:90%;max-width:850px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #3d67ee40}.billingServiceSelectionContent{flex:1;padding:20px;overflow-y:auto}.billingServiceFilters{border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.billingServiceFilterBtn{cursor:pointer;color:#666;background-color:#fff;border:1px solid #ddd;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;transition:all .2s;display:inline-flex}.billingServiceFilterBtn:hover{color:#3d67ee;background-color:#f0f4ff;border-color:#3d67ee}.billingServiceFilterBtn.active{color:#fff;background:linear-gradient(135deg,#3d67ee,#0738d9);border-color:#3d67ee}.billingServiceGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;max-height:500px;padding:4px;display:grid;overflow-y:auto}.billingServiceCard{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;transition:all .2s;display:flex}.billingServiceCard:hover{background:linear-gradient(135deg,#fff,#f8f9ff);border-color:#3d67ee;transform:translateY(-1px);box-shadow:0 2px 8px #3d67ee1a}.billingServiceCardInfo{flex:1}.billingServiceCardHeader{align-items:center;gap:6px;margin-bottom:6px;display:flex}.billingServiceCardCategory{color:#3d67ee;background-color:#e8edff;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600}.billingServiceCardName{color:#333;margin-bottom:4px;font-size:14px;font-weight:600}.billingServiceCardDesc{color:#888;margin-bottom:6px;font-size:11px;line-height:1.3}.billingServiceCardPrice{color:#2e7d32;font-size:14px;font-weight:700}.billingServiceCardPriceEditable{color:#ff9800;margin-left:6px;font-size:9px;font-weight:400}.billingServiceCardAddBtn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3d67ee,#0738d9);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.billingServiceCardAddBtn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 2px 8px #3d67ee4d}.billingServiceCardAddBtn:disabled{color:#3d67ee;cursor:not-allowed;box-shadow:none;background:#e8edff;border:1px solid #c9d6ff;transform:none}.billingServiceCard.single-added{border-color:#c9d6ff}.billingServiceCategory{color:#3d67ee;background-color:#e8edff;border-radius:12px;margin-top:4px;padding:2px 8px;font-size:10px;display:inline-block}.billingPriceInput{text-align:right;border:1px solid #ddd;border-radius:4px;width:100px;padding:4px 8px;font-size:12px}.billingPriceInput:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 2px #3d67ee1a}.billingDrawerCategory{color:#3d67ee;background-color:#e8edff;border-radius:10px;margin-top:4px;padding:2px 6px;font-size:9px;display:inline-block}.billingDrawerBatch{color:#4b5565;margin-top:4px;font-size:9px}@media (width<=768px){.billingServiceGrid{grid-template-columns:1fr}.billingServiceFilters{gap:6px}.billingServiceFilterBtn{padding:4px 10px;font-size:10px}.billingServiceSelectionModal{width:95%;max-height:90vh}}.billingDualPanelModal{background-color:#fff;border:1px solid #3d67ee1a;border-radius:12px;flex-direction:column;width:90%;max-width:1000px;height:80vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #3d67ee40}.billingDualPanelContent{flex:1;display:flex;overflow:hidden}.billingDualPanelLeft{border-right:1px solid #e0e0e0;flex-direction:column;flex:2;padding:16px;display:flex;overflow:hidden}.billingDualPanelRight{background:linear-gradient(135deg,#f8faff,#fff);flex-direction:column;flex:1;display:flex;overflow:hidden}.billingSummaryHeader{background-color:#fff;border-bottom:1px solid #e0e0e0;align-items:center;gap:8px;padding:16px;display:flex}.billingSummaryHeader h4{color:#3d67ee;margin:0;font-size:14px;font-weight:600}.billingSummaryCount{color:#fff;background-color:#3d67ee;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.billingSummaryItems{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.billingSummaryItem{background-color:#fff;border:1px solid #e8edff;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.billingSummaryItem:hover{border-color:#3d67ee;box-shadow:0 2px 6px #3d67ee1a}.billingSummaryItemInfo{flex-direction:column;flex:1;gap:6px;display:flex}.billingSummaryItemName{color:#333;font-size:13px;font-weight:600}.billingSummaryItemQtySelector{align-items:center;gap:8px;display:flex}.billingQtyBtnSmall{cursor:pointer;color:#3d67ee;background-color:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.billingQtyBtnSmall:hover:not(:disabled){background-color:#e8edff;border-color:#3d67ee}.billingQtyBtnSmall:disabled{opacity:.4;cursor:not-allowed}.billingQtyValueSmall{color:#333;text-align:center;min-width:24px;font-size:12px;font-weight:600}.billingSummaryItemRight{align-items:center;gap:10px;display:flex}.billingSummaryItemPrice{color:#2e7d32;font-size:13px;font-weight:700}.billingRemoveSelectedBtn{cursor:pointer;color:#dc3545;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.billingRemoveSelectedBtn:hover:not(:disabled){background-color:#ffebee}.billingWalkinStatusBadge{border-radius:20px;margin-left:8px;padding:2px 8px;font-size:9px;font-weight:600}.billingWalkinStatusBadge.completed{color:#2e7d32;background-color:#e8f5e9}.billingWalkinStatusBadge.ongoing{color:#e65100;background-color:#fff3e0}.billingWalkinStatusBadge.waiting{color:#1565c0;background-color:#e3f2fd}.billingDiscount{color:#dc3545}@media (width<=768px){.billingDualPanelContent{flex-direction:column}.billingDualPanelLeft{border-bottom:1px solid #e0e0e0;border-right:none;max-height:60%}.billingDualPanelRight{max-height:40%}.billingDualPanelModal{width:95%;height:85vh}.billingServiceGrid{grid-template-columns:1fr}}.billingInputGroup{align-items:center;gap:0;display:flex}.billingInputGroupField{flex:1;border-right:none!important;border-radius:6px 0 0 6px!important}.billingInputGroupField:focus{z-index:1}.billingInputGroupButton{cursor:pointer;color:#3d67ee;background-color:#f0f4ff;border:1px solid #ddd;border-left:none;border-radius:0 6px 6px 0;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.billingInputGroupButton:hover{background-color:#e8edff}.billingDiscountHint{color:#888;margin-top:4px;font-size:10px;font-style:italic}.billingSummaryItemNameWithIcon{align-items:center;gap:6px;display:flex}.billingServiceCardHeader svg{color:#3d67ee}.billingServiceCard.out-of-stock{opacity:.6;background-color:#f5f5f5}.billingServiceCard.out-of-stock:hover{box-shadow:none;transform:none}@media (width<=768px){.billingRadioGroup{flex-direction:column;gap:8px}.billingSummaryItem{flex-direction:column;align-items:flex-start;gap:8px}.billingSummaryItemRight{justify-content:space-between;width:100%}}.billingSummaryEmpty{text-align:center;color:#999;padding:30px;font-size:14px}.billingSummaryEmptyHint{color:#a5a5a5;margin-top:4px;font-size:10px;font-style:italic}.billingModalFooter{background-color:#fff;border-top:1px solid #e0e0e0;justify-content:flex-end;gap:12px;padding:10px 15px 10px 0;display:flex}.billingContainer{background:radial-gradient(circle at 14% 8%,#fa2b241a,#0000 28%),radial-gradient(circle at 84% 0,#0818a029,#0000 32%),linear-gradient(#f8faff 0%,#f3f6ff 42%,#eef3ff 100%)}.billingBodyContainer{color:#0a1156;background:0 0;padding:28px 28px 0 16px;position:relative;overflow-y:auto}.billingTopContainer{z-index:20;justify-content:space-between;align-items:center;gap:22px;min-height:96px;margin-bottom:14px;padding:0 2px 14px;position:relative}.billingSubTopContainer{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 auto;gap:12px;padding:0}.billingHeroIcon{color:#fff;background:radial-gradient(circle at 20% 18%,#3db6ee59,#0000 36%,#ff0f0fb5),linear-gradient(135deg,#0b1732 0%,#071126 64%,#040815 100%);border-radius:16px;flex:0 0 65px;place-items:center;width:65px;height:65px;display:grid;box-shadow:0 16px 34px #04082a2e}.billingHeroCopy{align-self:center;gap:5px;display:grid}.billingHeroCopy span{color:#4a5872;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:750}.billingHeroCopy h1{color:#0000;-webkit-text-fill-color:transparent;background-color:#0000;background-image:radial-gradient(circle at 100% 0,#fa2b249e,#0000 90%),linear-gradient(135deg,#0b1732 0%,#071126 58%,#040815 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.3rem,1.8vw,1.75rem);font-weight:700;line-height:1.08}.billingHeroCopy p{color:#4a5872;max-width:560px;margin:0;font-size:.78rem;line-height:1.45}.billingHeaderActions{flex:none;align-items:center;gap:10px;display:inline-flex}.billingSearchRow,.billingFilterRow{align-items:center;gap:8px;display:flex}.billingToolbarStaticIcon{background:#0818a00f;border-radius:999px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.billingHeaderDivider{background:#0818a029;border-radius:999px;flex:0 0 1px;width:1px;height:24px}.billingHeaderSearchInput{width:clamp(260px,24vw,380px);height:34px;min-height:34px}.billingNotificationContainer{background:#fff;border:1px solid #0818a024;border-radius:999px;place-items:center;margin-left:0;padding:0;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;display:grid;flex:0 0 80px!important;width:80px!important;min-width:80px!important;max-width:80px!important;height:34px!important;min-height:34px!important;max-height:34px!important}.billingNotificationButton{border-radius:999px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important}.billingNotificationContainer:hover{background:#f7fbff;border-color:#0818a052;transform:translateY(-1px);box-shadow:0 10px 24px #0a11561a}.billingNotificationContainer:hover .billingIconButton,.billingNotificationContainer:hover .billingBlueIcon{color:#0818a0!important}.billingBlueIcon,.billingIconDefault,.billingIconActive{color:#0a1156}.billingTableContainer{background:linear-gradient(#fffffff5,#f8fbffeb),radial-gradient(circle at 100% 0,#0818a00f,#0000 36%);border:1px solid #9dabc347;border-radius:18px;height:auto;min-height:520px;padding:14px;box-shadow:0 18px 42px #0a115614}.billingTableToolbar{gap:12px;margin-bottom:0;padding-bottom:20px}.billingSearchFilterSection,.billingFilterSection{align-items:center;gap:8px}.billingSearchInput,.billingFilterInput,.billingFilterSelect,.billingFormInput,.billingFormSelect,.billingTextarea,.billingPriceInput,.billingQtyInput,.billingInputGroupButton{color:#0a1156;background:#fff;border-color:#0818a024;border-radius:999px}.billingTextarea{border-radius:14px}.billingSearchInput:focus,.billingFilterInput:focus,.billingFilterSelect:focus,.billingFormInput:focus,.billingFormSelect:focus,.billingTextarea:focus,.billingPriceInput:focus,.billingQtyInput:focus{border-color:#0818a06b;outline:none;box-shadow:0 0 0 3px #3db6ee24}.billingBlackBtn,.billingDeleteBtn,.billingClearFilterBtn,.billingSubmitBtn,.billingAddItemBtnSmall,.billingSearchAppointmentBtn,.billingDrawerRecordBtn,.billingDrawerPrintBtn,.billingConfirmAlertBtn,.billingServiceCardAddBtn{border-radius:999px}.billingBlackBtn,.billingSubmitBtn,.billingAddItemBtnSmall,.billingSearchAppointmentBtn,.billingDrawerRecordBtn,.billingConfirmAlertBtn,.billingServiceCardAddBtn{color:#fff;background:radial-gradient(circle at 0 0,#3db6ee2e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #3db6ee47;box-shadow:0 12px 24px #04082a1f}.billingDeleteBtn,.billingClearFilterBtn,.billingErrorBtn,.billingRemoveItemBtn{color:#fff;background:radial-gradient(circle at 100% 0,#fa2b242e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border-color:#fa2b2438}.billingCancelBtn,.billingDrawerCloseBtn,.billingCancelAlertBtn{color:#0a1156;background:#fff;border:1px solid #9dabc357;border-radius:999px}.billingTableWrapper{background:#fff;border:1px solid #0818a014;border-radius:14px;min-height:390px;overflow:auto}.billingDataTable{border-collapse:separate;border-spacing:0;min-width:920px}.billingDataTable th{z-index:1;color:#4a5872;letter-spacing:.04em;text-transform:uppercase;background:#f8fbff;padding:10px 9px;font-size:.66rem;font-weight:800;position:sticky;top:0}.billingDataTable td{color:#18233f;padding:9px;font-size:.72rem}.billingDataTable tbody tr:hover{background:#0818a009}.billingTypeBadge,.billingStatusBadge,.billingServiceCategory,.billingDrawerCategory{border-radius:999px;font-weight:750}.billingInvoiceNumber,.billingAmount,.billingItemTotal,.billingSummaryItemPrice,.billingDrawerTotalGrand span:last-child{color:#0a1156;font-weight:700}.billingActionBtn,.billingModalClose,.billingDrawerClose,.billingRemoveSelectedBtn,.billingRemoveItemBtn,.billingQtyBtnSmall{color:#0a1156;background:#fff;border:1px solid #0818a01f;border-radius:999px}.billingActionBtn:hover,.billingModalClose:hover,.billingDrawerClose:hover,.billingQtyBtnSmall:hover:not(:disabled){background:#f7fbff;border-color:#0818a047;box-shadow:0 8px 18px #0a115614}.billingPagination{grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:12px;width:100%;margin-top:0;padding-top:12px;display:grid}.billingPaginationInfo{color:#4a5872;text-align:center;background:#ffffffb8;border:1px solid #0818a01a;border-radius:999px;justify-self:center;min-height:32px;padding:7px 12px;font-size:.72rem;font-weight:650}.billingPaginationBtn{color:#0a1156;background:radial-gradient(circle at 100% 0,#3db6ee1f,#0000 38%),#fff;border-color:#0818a033;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:112px;min-height:32px;font-size:.72rem;font-weight:750;display:inline-flex;box-shadow:0 8px 18px #0a11560f}.billingPaginationPrevBtn{justify-self:start}.billingPaginationNextBtn{justify-self:end}.billingPaginationBtn:hover:not(:disabled){color:#0818a0;background:radial-gradient(circle at 100% 0,#3db6ee2e,#0000 38%),#eef5ff;border-color:#0818a05c}.billingPaginationBtn:disabled{color:#9aa6ba;opacity:1;background:#ffffff8f;border-color:#9dabc338}.billingModalOverlay,.billingDrawerOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 22% 18%,#fa2b243d,#0000 34%),radial-gradient(circle at 78% 0,#0818a04d,#0000 36%),#050816a3}.billingCreateModal,.billingSearchModal,.billingProductModal,.billingServiceModal,.billingDualPanelModal,.billingAlertModal,.billingPaymentModal{background:linear-gradient(#fffffff7,#f7fafff2),radial-gradient(circle at 0 0,#fa2b241a,#0000 38%),radial-gradient(circle at 100% 0,#0818a024,#0000 36%);border:1px solid #ffffffb8;border-radius:24px;box-shadow:0 32px 80px #04082a57}.billingCreateModal{max-width:960px;max-height:calc(100vh - 44px);padding:10px}.billingSearchModal{max-width:620px}.billingDualPanelModal{max-width:1060px}.billingModalHeader{border-bottom:1px solid #e7edff;min-height:64px;padding:16px 18px}.billingModalHeader h4{color:#0a1156;font-size:1.05rem;font-weight:760}.billingModalHeader h4 svg,.billingHeaderIcon,.billingSearchResultIcon svg,.billingServiceCardHeader svg{color:#0a1156}.billingModalClose{width:34px;height:34px;padding:0;font-size:24px}.billingCreateModalContent,.billingSearchModalContent,.billingProductModalContent,.billingServiceModalContent,.billingPaymentModalContent{padding:18px}.billingFormSection,.billingSelectedAppointment,.billingInventorySuggestionBox,.billingItemsTable,.billingTotals,.billingSearchResultItem,.billingServiceCard,.billingSummaryItem,.billingDrawerInfoGrid,.billingDrawerNotes,.billingPaymentEmptyState{background:#ffffffc7;border:1px solid #e7edff;border-radius:16px;box-shadow:0 10px 24px #0a11560d}.billingFormSection h4,.billingSectionHeader h4,.billingDrawerSection h4,.billingSummaryHeader h4{color:#0a1156;font-weight:780}.billingToggleBtnFull,.billingServiceFilterBtn,.billingProductFilterBtn{color:#0a1156;border-color:#0818a024;border-radius:999px}.billingToggleActiveFull,.billingServiceFilterBtn.active,.billingProductFilterBtn.active,.billingServiceCard.selected{color:#0818a0;background:#eef5ff;border-color:#0818a05c;box-shadow:0 0 0 3px #3db6ee1f}.billingDualPanelLeft{border-right:1px solid #e7edff}.billingDualPanelRight,.billingSummaryHeader,.billingDrawerHeader,.billingDrawerActions,.billingModalFooter{background:radial-gradient(circle at 100% 0,#0818a00f,#0000 34%),#f8fbffe6;border-color:#e7edff}.billingDrawer{background:linear-gradient(#fffffffa,#f7fafff5),radial-gradient(circle at 100% 0,#0818a024,#0000 34%);border-left:1px solid #ffffffb8;box-shadow:-24px 0 70px #04082a3d}.billingAlertModal{width:min(88vw,360px);padding:24px}.billingAlertIcon{background:radial-gradient(circle at 100% 0,#3db6ee24,#0000 38%),#dbeafe;border:1px solid #0818a029;border-radius:999px;place-items:center;width:58px;height:58px;margin-bottom:10px;display:grid}.billingAlertTitle{color:#0a1156;font-size:1.08rem;font-weight:760}.billingAlertMessage{color:#4a5872;font-size:.82rem;line-height:1.5}.billingAlertBtn{border-radius:999px;min-width:112px;min-height:38px;font-size:.78rem}@media (width<=900px){.billingBodyContainer{padding:78px 14px 0}.billingTopContainer,.billingTableToolbar,.billingHeaderActions,.billingFilterRow,.billingFilterSection,.billingActionSection{flex-wrap:wrap;align-items:stretch}.billingHeaderDivider{display:none}.billingSearchRow,.billingHeaderSearchInput,.billingFilterSection,.billingFilterInput,.billingFilterSelect,.billingClearFilterBtn,.billingBlackBtn,.billingDeleteBtn{width:100%}.billingPagination{grid-template-columns:1fr 1fr}.billingPaginationInfo{grid-area:1/1/auto/-1;width:100%}.billingPaginationPrevBtn,.billingPaginationNextBtn{width:100%}}.billingBodyContainer.bodyContainer{scrollbar-gutter:stable;scrollbar-color:#0818a057 transparent;flex:6;height:100vh;padding:28px 28px 0 16px;overflow:hidden auto;background:0 0!important}.billingBodyContainer.bodyContainer::-webkit-scrollbar{width:12px;height:12px}.billingTableWrapper::-webkit-scrollbar{width:12px;height:12px}.billingCreateModalContent::-webkit-scrollbar{width:12px;height:12px}.billingDrawerContent::-webkit-scrollbar{width:12px;height:12px}.billingBodyContainer.bodyContainer::-webkit-scrollbar-track{background:0 0}.billingTableWrapper::-webkit-scrollbar-track{background:0 0}.billingCreateModalContent::-webkit-scrollbar-track{background:0 0}.billingDrawerContent::-webkit-scrollbar-track{background:0 0}.billingBodyContainer.bodyContainer::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.billingTableWrapper::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.billingCreateModalContent::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.billingDrawerContent::-webkit-scrollbar-thumb{background:#0818a057 padding-box padding-box;border:3px solid #0000;border-radius:999px}.billingBodyContainer.bodyContainer::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.billingTableWrapper::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.billingCreateModalContent::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.billingDrawerContent::-webkit-scrollbar-thumb:hover{background:#0818a085 padding-box padding-box}.billingBodyContainer.bodyContainer>.admin-body-footer.user-page-footer,.billingBodyContainer.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{flex:none;margin:48px -28px 0 -16px}.billingTableContainer{margin-bottom:32px;padding:30px!important}.billingFilterDivider{background:#0818a029;border-radius:999px;flex:0 0 1px;width:1px;height:24px}.billingSettingsDropdownContainer{flex:none;position:relative}.billingSortIconButton{background:radial-gradient(circle at 100% 0,#0818a00d,#0000 34%),#0818a00f;border:1px solid #0818a01f;border-radius:999px;width:34px;height:34px}.billingSortIconButton:hover{opacity:1;background:radial-gradient(circle at 100% 0,#0818a014,#0000 34%),#f7fbff;border-color:#0818a047;box-shadow:0 10px 20px #0a115614}.billingSortIconButton:has(.billingIconActive){opacity:1;background:radial-gradient(circle at 100% 0,#0818a014,#0000 34%),#f7fbff;border-color:#0818a047;box-shadow:0 10px 20px #0a115614}.billingSettingsDropdown{z-index:120;background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),#fff;border:1px solid #0818a01f;border-radius:16px;width:220px;padding:12px;position:absolute;top:42px;left:0;box-shadow:0 18px 38px #0a115629}.billingSettingsSection{flex-direction:column;gap:7px;display:flex}.billingSettingsSection label{color:#4a5872;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:800}.billingSettingsSelect{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px;width:100%;min-height:34px;padding:0 12px;font-size:.73rem}.billingSettingsSelect:focus{border-color:#0818a06b;outline:none;box-shadow:0 0 0 3px #3db6ee24}.billingTableContainer .accountSettingsDropdownContainer{flex:none;position:relative}.billingTableContainer .accountSortIconButton{background:radial-gradient(circle at 100% 0,#0818a00d,#0000 34%),#0818a00f;border:1px solid #0818a01f;border-radius:999px;width:34px;height:34px}.billingTableContainer .accountSortIconButton:hover{opacity:1;background:radial-gradient(circle at 100% 0,#0818a014,#0000 34%),#f7fbff;border-color:#0818a047;box-shadow:0 10px 20px #0a115614}.billingTableContainer .accountSortIconButton:has(.iconActive){opacity:1;background:radial-gradient(circle at 100% 0,#0818a014,#0000 34%),#f7fbff;border-color:#0818a047;box-shadow:0 10px 20px #0a115614}.billingTableContainer .iconDefault,.billingTableContainer .iconActive{color:#0a1156}.billingTableContainer .accountSettingsDropdown{z-index:120;background:radial-gradient(circle at 100% 0,#0818a012,#0000 34%),#fff;border:1px solid #0818a01f;border-radius:16px;width:220px;padding:12px;position:absolute;top:42px;left:0;box-shadow:0 18px 38px #0a115629}.billingTableContainer .accountSettingsSection{flex-direction:column;gap:7px;display:flex}.billingTableContainer .accountSettingsSection label{color:#4a5872;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:800}.billingTableContainer .accountSettingsSelect{color:#0a1156;background:#fff;border:1px solid #0818a024;border-radius:999px;width:100%;min-height:34px;padding:0 12px;font-size:.73rem}.billingTableContainer .accountSettingsSelect:focus{border-color:#0818a06b;outline:none;box-shadow:0 0 0 3px #3db6ee24}.billingTableContainer .billingClearFilterBtn{color:#fff;background:radial-gradient(circle at 100% 0,#fa2b242e,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%);border:1px solid #fa2b2438;min-height:34px;padding:0 12px;font-size:.72rem;font-weight:750;box-shadow:0 12px 24px #04082a1f}.billingTableContainer .billingDeleteBtn{color:#fff;background:linear-gradient(135deg,#ffffff24,#fff0 42%),linear-gradient(135deg,#fa2b24 0%,#b91d28 58%,#071126 100%);border:1px solid #fa2b2447;box-shadow:0 14px 28px #b91d282e}.billingTableContainer .billingBlackBtn{background:radial-gradient(circle at 0 0,#fa2b2433,#0000 38%),radial-gradient(circle at 100% 0,#3db6ee24,#0000 42%),linear-gradient(135deg,#0b1732 0%,#071126 100%)}.billingTableContainer .billingActionBtn:hover{color:#991b1b;background:radial-gradient(circle at 100% 0,#fa2b241f,#0000 38%),#fff8f8;border-color:#fa2b2447}.billingDrawer{border-left:1px solid #ffffffb8;border-radius:24px 0 0 24px;width:min(620px,100vw - 24px);max-width:calc(100vw - 24px);height:100vh;top:0;right:0}.billingDrawerHeader{min-height:72px;padding:18px 22px}.billingDrawerHeaderLeft h3{color:#0a1156;font-size:1.1rem;font-weight:780}.billingDrawerInfoGrid{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px}.billingDrawerSection{background:#ffffffc7;border:1px solid #e7edff;border-radius:16px;padding:16px;box-shadow:0 10px 24px #0a11560d}.billingDrawerActions{padding:16px 22px 20px}@media (width<=900px){.billingBodyContainer.bodyContainer{padding:78px 14px 0}.billingBodyContainer.bodyContainer>.admin-body-footer.user-page-footer,.billingBodyContainer.bodyContainer>.admin-body-footer.user-page-footer.petshield-footer--compact{margin:44px -14px 0}.billingSettingsDropdownContainer,.billingTableContainer .accountSettingsDropdownContainer,.billingSortIconButton,.billingTableContainer .accountSortIconButton{width:100%}.billingSettingsDropdown,.billingTableContainer .accountSettingsDropdown{width:100%;left:0;right:0}.billingFilterDivider{display:none}.billingDrawer{border-radius:0;width:100vw;max-width:100vw;height:100vh;top:0;right:0}.billingDrawerInfoGrid{grid-template-columns:1fr}}.globalAlertOverlay{z-index:100000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.globalAlertDialog{background:#fff;border:1px solid #dbe6ff;border-radius:8px;width:min(440px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 24px 64px #0f172a33}.globalAlertHeader{justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 10px;display:flex}.globalAlertTitleGroup{align-items:center;gap:10px;min-width:0;display:flex}.globalAlertTitleGroup h2{color:#0b1f4d;overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:700;line-height:1.25}.globalAlertIcon{color:#2458ff;background:#eef4ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.globalAlertDialog--success .globalAlertIcon{color:#047857;background:#dcfce7}.globalAlertDialog--error .globalAlertIcon{color:#dc2626;background:#fee2e2}.globalAlertDialog--warning .globalAlertIcon{color:#b45309;background:#fef3c7}.globalAlertClose{color:#52627a;cursor:pointer;background:#fff;border:1px solid #dbe6ff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.globalAlertClose:hover{color:#0b1f4d;background:#f5f8ff}.globalAlertMessage{color:#344566;white-space:pre-line;overflow-wrap:anywhere;margin:0;padding:0 18px 18px 64px;font-size:14px;line-height:1.55}.globalAlertActions{border-top:1px solid #eef2ff;justify-content:flex-end;padding:14px 18px 18px;display:flex}.globalAlertPrimaryButton{color:#fff;cursor:pointer;background:#2458ff;border:1px solid #2458ff;border-radius:8px;min-width:88px;height:38px;font-weight:700}.globalAlertPrimaryButton:hover{background:#1747e8}@media (width<=520px){.globalAlertOverlay{align-items:flex-end;padding:16px}.globalAlertDialog{width:100%}.globalAlertMessage{padding-left:18px}}