.biContainer{background-color:#fff;flex-direction:row;width:100vw;height:100vh;display:flex;overflow:hidden}.navbarContainer{background-color:#fff;width:280px;padding:36px 15px 30px 30px;box-shadow:0 0 18px #00000026}.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:28px;height:28px;transition:opacity .2s,visibility .2s;position:relative}.navbarContainer.collapsed .navLogo{width:36px;height:36px}.navbarContainer.collapsed .navTitle:hover .navLogo{opacity:0;visibility:hidden}.brandFont{color:#fff;font-size:18px;font-weight:600;transition:all .3s ease-in-out}.navbarContainer.collapsed .brandFont{display:none}.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:1;align-items:flex-end;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}.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;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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:20px;flex-direction:row;align-items:center;gap:12px;height:10%;display:flex}.subTopContainer{background-color:#fff;border-radius:20px;flex-direction:row;flex:20;align-items:center;min-height:20px;padding:20px;display:flex;box-shadow:0 0 18px #0000001f}.notificationContainer{flex:.5;justify-content:center;margin-left:12px}.blueIcon{color:#3d67ee}.blueText{color:#3d67ee;margin-left:10px;font-size:16px;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}.iconDefault{color:#3d67ee}.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}.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}.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}.adminInlineButtonSpinner{border:2px solid #3d67ee40;border-top-color:#3d67ee;border-radius:50%;flex:0 0 14px;width:14px;height:14px;animation:.8s linear infinite spin}.billingNavigationOverlay{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}.billingNavigationPanel{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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}.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}.alertModal{background-color:#fff;border-radius:12px;flex-direction:column;align-items:center;width:80%;max-width:350px;padding:25px;display:flex;box-shadow:0 2px 10px #0000001a}.alertIcon{margin-bottom:10px}.alertTitle{color:#000;margin:10px 0;font-size:20px;font-weight:700}.alertMessage{text-align:center;color:#666;margin-bottom:25px;font-size:14px}.alertActions{flex-direction:row;justify-content:center;gap:15px;width:100%;display:flex}.alertBtn{cursor:pointer;border:none;border-radius:8px;min-width:100px;padding:10px 20px;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}.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}.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}.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{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}.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}.viewAllOverlayItem.selected{background:#e8f0fe;border-color:#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}.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}.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;font-weight:500}.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;height:400px;margin-top:20px;box-shadow:0 0 18px #00000026}.calendarGradient{background:linear-gradient(135deg,#3db6ee,#3d67ee,#0738d9,#0f3bca,#3db6ee);border-radius:16px;height:100%;padding:20px}.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;aspect-ratio:1!important;background:0 0!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;max-width:36px!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){.profileNameSection{margin-left:140px}.quickActions{flex-wrap:wrap}.quickActionBtn{min-width:120px}}@media (width<=768px){.tableContainer{flex-direction:column}.profileNameSection{margin-left:120px}.doctorName{font-size:18px}}.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;height:100dvh;min-height:100dvh;overflow:hidden auto}.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:400px;padding:30px;display:flex;box-shadow:0 4px 20px #0003}.modal-content.wide{max-width:50%;max-height:80%;overflow-y:auto}.modal-icon{margin-bottom:10px}.modal-title{color:#333;text-align:center;margin:10px 0;font-size:20px;font-weight:700}.modal-message{color:#666;text-align:center;margin-bottom:25px;font-size:14px}.modal-actions{flex-direction:row;justify-content:center;gap:15px;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;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-cta-btn-primary{color:#fff;background:#3d67ee;box-shadow:0 14px 28px #3d67ee2e}.home-cta-btn-primary:hover{background:#3056d3}.home-cta-btn-secondary{color:#2342a8;background:#eef3ff;box-shadow:inset 0 0 0 1px #3d67ee24}.home-cta-btn-secondary:hover{background:#e4ecff}.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-section-heading h2{color:#202124;margin:14px 0 10px;font-size:clamp(1.9rem,3vw,3rem);line-height:1.15}.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:#fff;width:100%;height:100vh;overflow:hidden auto}.user-appointment-container::-webkit-scrollbar{width:5px}.user-appointment-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.user-appointment-container::-webkit-scrollbar-thumb{background:#3d67ee;border-radius:10px}.user-appointment-container::-webkit-scrollbar-thumb:hover{background:#94b0fc}.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}.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}.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-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}.grooming-preferences-container{max-width:900px;margin:0 auto;padding:0 20px}.grooming-section{max-width:800px;margin:0 auto 20px}.haircut-styles-grid{grid-template-columns:repeat(3,minmax(200px,180px));justify-content:center;gap:20px;max-width:600px;margin:0 auto 20px;display:grid}.haircut-style-card{cursor:pointer;background:0 0;border:none;border-radius:10px;width:200px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.haircut-style-card:hover{transform:translateY(-3px);box-shadow:0 0 15px #3d66ee77}.haircut-style-card.selected{transform:scale(1.02);box-shadow:0 0 0 2px #3d67ee,0 6px 15px #3d67ee40}.haircut-style-card.selected .haircut-gradient-overlay{background:linear-gradient(135deg,#0000 0%,#0000004d 20%,#103db9 100%)}.haircut-image-wrapper{aspect-ratio:1;border-radius:10px;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.1)}.haircut-gradient-overlay{background:linear-gradient(135deg,#0000 0%,#0000004d 70% 100%);justify-content:flex-end;align-items:flex-end;padding:8px;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:14px;font-weight:600;line-height:1.2}.custom-style-input{resize:vertical;border:2px solid #3d67ee;border-radius:8px;width:100%;max-width:600px;min-height:80px;margin:0 auto;padding:10px;font-family:inherit;font-size:14px;display:block}.custom-style-input:focus{outline:none;box-shadow:0 0 0 3px #3d67ee33}.grooming-label{color:#333;text-align:left;max-width:600px;margin-bottom:8px;margin-left:auto;margin-right:auto;font-size:14px;font-weight:500;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 0 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}.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}@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:1000px;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}.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}}.client-nav-shell{z-index:1000;background-color:#fff;padding-bottom:10px;position:sticky;top:0}.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 20px;display:flex;box-shadow:0 0 18px #00000026}.profile-image{object-fit:cover;border:1px solid #3d67ee;border-radius:15px;width:30px;height:30px}.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:16px;font-weight:600}.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:1;justify-content:center;height:60px;padding:0 20px;display:flex;box-shadow:0 4px 12px #00000026}.nav-links{flex-direction:row;justify-content:center;align-items:center;gap:clamp(18px,3vw,42px);width:100%;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}}.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.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%}}@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)}}.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(50deg,#2619e2,#03038a)!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{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;animation:.3s ease-in-out fadeIn;display:flex}#divisionContainer1{display:none}.divisionContainers{background-color:#fff;justify-content:center;align-items:center;width:90%;display:flex}.headerContent{margin-bottom:20px}.headerContent h2{font-size:30px;font-weight:700}.inputBox{background-color:#f5f8ff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:90%;padding:32px 0;display:flex}.inputContainer{background-color:#fff;flex-direction:column;justify-content:center;align-items:baseline;gap:4px;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:42px;padding:8px 12px 8px 40px}.inputFields:focus{border-color:#1a83f3;outline:none}.inputLabel{color:#585858;padding-bottom:5px;padding-left:5px;font-size:16px;font-weight:700}.form{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.button{color:#fff;cursor:pointer;background:linear-gradient(50deg,#2619e2,#03038a);border:none;border-radius:10px;justify-content:center;align-items:center;width:60%;min-height:46px;margin-top:16px;padding:12px 0;font-weight:700;transition:background .25s;display:flex}.button:hover:not(:disabled){background:linear-gradient(50deg,#3d2fff,#0505b0)}.pageNavigator{background-color:#0000;border:#0000}.resetMain{background-color:#f0f4ff;justify-content:center;align-items:center;width:100%;min-height:100vh;animation:.3s ease-in-out fadeIn;display:flex}.resetCard{background-color:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:90%;max-width:none;padding:40px 32px;display:flex;box-shadow:0 4px 24px #2619e214}.resetHeader{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px;display:flex}.resetIconWrapper{background-color:#eef0ff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:4px;display:flex}.resetHeader h2{color:#1a1a2e;font-size:24px;font-weight:700}.resetHeader p{color:#585858;font-size:14px;line-height:1.5}.resetInputContainer{flex-direction:column;align-items:start;gap:4px;width:100%;display:flex}.resetInputLabel{color:#585858;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:#1a1a2e;border:2px solid silver;border-radius:10px;width:100%;height:44px;padding:8px 12px 8px 40px;font-size:14px;transition:border-color .2s}.resetInputField:focus{border-color:#2619e2;outline:none}.resetInputField::placeholder{color:silver}.resetButton{color:#fff;cursor:pointer;background:linear-gradient(50deg,#2619e2,#03038a);border:none;border-radius:10px;width:100%;height:44px;margin-top:8px;font-size:15px;font-weight:700;transition:background .2s}.resetButton:hover{background:linear-gradient(50deg,#3d2fff,#0505b0)}.resetButton:disabled{opacity:.7;cursor:not-allowed}.resetPageNavigator{color:#585858;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:#2619e2;outline:none}.otpBoxError{background-color:#fff5f5;border-color:red!important}.otpTimerBadge{text-align:center;color:#2619e2;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:#2619e2;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}@media (width>=834px){.inputBox{gap:16px;width:90%;padding:40px 0}.inputContainer{width:85%}.inputNameContainer{gap:16px;width:85%}.inputFields{height:42px;padding:10px 14px 10px 40px}.inputLabel{font-size:15px}.form{gap:16px;width:100%}.button{width:40%;padding:12px 0}.serverErrorMessage{width:60%;padding:2%}.resetCard{width:65%;max-width:none;padding:48px 40px}.resetHeader h2{font-size:28px}.otpBox{width:52px;height:60px;font-size:22px}.otpContainer{gap:10px}}@media (width>=1000px){.inputBox{gap:16px;width:90%;padding:40px 0}.inputContainer{width:85%}.inputNameContainer{gap:16px;width:85%}.inputFields{height:42px;padding:10px 14px 10px 40px}.inputLabel{font-size:15px}.form{gap:16px;width:100%}.button{width:40%;padding:12px 0}.imageBackground{background:linear-gradient(50deg,#2619e2,#03038a);border-radius:30px;justify-content:center;align-items:end;display:flex}#divisionContainer1{height:96%;margin:20px;display:flex}.placeholders{color:#fff;text-align:left;flex-direction:column;padding:10%;display:flex}.placeholders h2{color:#fff;font-size:50px;font-weight:700}.resetCard{width:55%;max-width:none;padding:48px 40px}.otpBox{width:56px;height:64px;font-size:24px}.otpContainer{gap:12px}.resetButton{width:60%}}@media (width>=1280px){.main{flex-direction:row;justify-content:center;align-items:center;height:100vh;display:flex}.divisionContainers{background-color:#fff;justify-content:center;align-items:center;width:95%;height:100%;display:flex}.headerContent{text-align:left;width:70%;padding-bottom:20px}.headerContent h2{font-size:40px}.imageBackground{width:100%;height:100%}.inputBox{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:90%;padding:40px 0;display:flex}.form{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.inputContainer{background-color:#fff;width:70%}.inputNameContainer{gap:20px;width:70%}.inputFields{height:44px;padding:12px 16px 12px 40px;font-size:16px}.inputLabel{font-size:15px}.button{background:linear-gradient(50deg,#2619e2,#03038a);width:30%;margin-top:20px;padding:10px;font-size:16px}.serverErrorMessage{width:50%;padding:2%}#loginButton{margin:20px}.resetCard{gap:20px;width:40%;max-width:none;padding:56px 48px}.resetHeader h2{font-size:32px}.resetHeader p,.resetInputField{font-size:15px}.resetButton{width:50%;font-size:16px}.otpBox{border-radius:12px;width:60px;height:68px;font-size:26px}.otpContainer{gap:14px}}.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}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0}.upf-user-container{background-image:url(/assets/WebBG-CAr3UR2f.svg);background-size:cover;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}}.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:#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}.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:#3d67ee;border-radius:4px;width:18px;height:18px}.invStockBadge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.invPaginationBtn:hover:not(:disabled){color:#fff;background-color:#3d67ee;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:#3d67ee;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:#3d67ee;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,#3db6ee,#3d67ee,#0738d9);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:#3d67ee;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:#3d67ee}.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:#3d67ee;border-radius:3px}.invSidebarContent::-webkit-scrollbar-thumb:hover{background:#0738d9}.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}.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:#3d67ee;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:#3d67ee;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:#3d67ee;box-shadow:0 2px 4px #3d67ee1a}.invBranchSelect:focus{border-color:#3d67ee;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:#3d67ee;border-radius:10px}.invSubTopLeft{align-items:center;gap:10px;display:flex}.invNotificationContainer{flex:.5;justify-content:center;margin-left:12px}.invBlueIcon{color:#3d67ee}.invBlueText{color:#3d67ee;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:#3d67ee}.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,#3db6ee,#3d67ee)}.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:#3d67ee;cursor:pointer;background-color:#fff;border:1px solid #3d67ee;border-radius:4px;padding:8px 16px;transition:all .2s}.invPaginationBtn:hover:not(:disabled){color:#fff;background-color:#3d67ee}.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:focus,.invFormSelect:focus{border-color:#3d67ee;outline:none;box-shadow:0 0 0 3px #3d67ee1a}.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:#3d67ee;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:#0738d9;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,#3db6ee,#3d67ee,#0738d9);border:none;border-radius:8px;padding:10px 30px;font-size:14px;font-weight:600}.invModalOverlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.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}.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{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}.invModalClose:hover{color:#333;background-color:#f0f0f0}.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,#3db6ee,#3d67ee,#0738d9);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}.invFileUploadArea:hover{border-color:#3d67ee}.invFileUploadLabel{cursor:pointer;color:#666;flex-direction:column;align-items:center;gap:10px;display:flex}.invFileUploadLabel svg{color:#3d67ee}.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,#4b70eb,#3d67ee);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,#3d67ee,#1138b9);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,#3db6ee,#3d67ee,#0738d9)}.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:#3d67ee;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:#3d67ee;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:#0738d9;text-decoration:underline;transform:translateY(-1px)}.invTemplateLink svg{font-size:14px}.invBranchAll{background-color:#3d67ee}::-webkit-scrollbar-thumb:hover{background:#0738d9}.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:#3d67ee}.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:hover{border-color:#3d67ee}.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}.invSalesReportModal{background-color:#fff;border-radius:20px;width:450px;max-width:90%;animation:.3s invFadeIn;box-shadow:0 20px 40px #0003}.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}.invIconActive{color:#3d67ee}.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}.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}.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{background-color:#fff;border-radius:12px;flex:20;align-items:center;padding:12px 20px;display:flex;box-shadow:0 0 12px #00000014}.emrNotificationContainer{flex:.5;justify-content:center;margin-left:12px;padding:12px}.emrBlueIcon{color:#3d67ee}.emrBlueText{color:#3d67ee;margin-left:8px;font-size:14px;font-weight:600}.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:1;padding-right:8px;overflow-y:auto}.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:16px;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}.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}.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:1;padding-right:8px;position:relative;overflow-y:auto}.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}.emrToastClose:hover{background:#ffffff4d;transform:scale(1.1)}@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}.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}.emrAddVisitRightPanel::-webkit-scrollbar{display:none}.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}.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 svg{color:#3d67ee}.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{color:#3d67ee;background:#fff}.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}@media (width<=768px){.emrHistoryDetail{flex-direction:column;gap:4px}.emrHistoryLabel{min-width:auto}.emrHistoryCardHeader{flex-direction:column;align-items:flex-start}.emrFilterGroup{justify-content:center;width:100%}}.smart-analytics-wrapper{max-width:1600px;margin:0 auto;padding:20px}.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}.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,.movement-section-ai{background:#fff;border-radius:16px;padding:16px}.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;background-color:#f1f5f9;border-radius:8px;padding:10px 8px;font-weight:600}.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{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{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.category-header-white{color:#1e293b;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:8px;font-size:13px;font-weight:600;display:flex}.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:#3d67ee;font-size:10px;font-style:italic}@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}.export-btn .rotated{transform:rotate(180deg)}.export-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:180px;margin-top:8px;animation:.2s fadeIn;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.export-dropdown-menu button{cursor:pointer;color:#1e293b;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:13px;transition:background .2s;display:flex}.export-dropdown-menu button:first-child{border-bottom:1px solid #e2e8f0}.export-dropdown-menu button:hover{background:#f1f5f9}.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%}.export-dropdown-menu{width:100%;left:0;right:auto}}.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}}*{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}.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:20px;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}.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}.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}.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}.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}.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}.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{transform:scale(1.02);box-shadow:0 2px 8px #3d67ee4d}.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}@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}