:root{--primary-900: #0a2a29;--primary-800: #103c3b;--primary-700: #16504d;--primary-600: #1c6560;--primary-500: #33998f;--primary-300: #7bb9b2;--primary-100: #e7f0ef;--primary-050: #f3f8f7;--gold: #b48324;--gold-light: #d4af37;--gold-050: #fcfbf8;--neutral-900: #111827;--neutral-800: #2c2c2c;--neutral-700: #333333;--neutral-500: #768b88;--neutral-400: #898989;--neutral-300: #aaaaaa;--neutral-200: #c9c9c9;--neutral-150: #e0e0e0;--neutral-100: #eeeeee;--neutral-050: #f5f5f5;--danger: #f44336;--danger-strong: #ff4d4f;--success: var(--primary-500);--warning: var(--gold);--primary-color: var(--primary-800);--secondary-color: var(--primary-500);--secondary-color-fade: rgba(51, 153, 143, .1);--plain-text-color: var(--neutral-400);--font-input-color: var(--neutral-500);--background-input-color: var(--neutral-100);--background-input-change-color: #f7f7f7;--background-input-focus-color: #ffffff;--shadow-and-border-color: var(--neutral-200);--therapsit-button-color: #858585;--font-resign-color: #6b6a6a;--background-color: #ffffff;--background-menu-color: #ffffff;--background-menu-border: 2px solid var(--gold-light);--menu-text-color: #2e827a;--menu-text-weight: 500;--link-color: var(--gold-light);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-2xl: 32px;--radius-pill: 1000px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--shadow-header: 0 5px 15px rgba(0, 0, 0, .35);--transition-fast: .15s ease;--transition-base: .2s ease;--font-family: "Google Sans", Arial, Helvetica, sans-serif;--font-big: clamp(30px, 4vw, 40px);--font-normal: clamp(20px, 2.5vw, 24px);--font-smaller-than-normal: clamp(18px, 2vw, 20px);--font-small: clamp(16px, 1.6vw, 18px);--font-tiny: clamp(14px, 1.4vw, 16px);--font-little: 14px;--font-weight-bold: 400;--font-weight-normal: 300;--skeleton-gradient: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 50%, #f2f2f2 75%)}.brand-spinner{width:58px;height:58px;border-radius:50%;background:conic-gradient(from 90deg,transparent 0 18%,var(--secondary-color) 62%,var(--gold) 96%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));animation:brandSpin .9s linear infinite}.brand-spinner.small{width:34px;height:34px}@keyframes brandSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.brand-spinner{animation-duration:1.8s}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Google Sans,Arial,Helvetica,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.signin-container .input-container input:focus{border:2px solid var(--primary-color)!important;background-color:#fff;box-shadow:none;outline:none}.signin-container .password-container input:focus{border:2px solid var(--primary-color)!important;background-color:#fff;box-shadow:none;outline:none}.signin-page .signin-container button[type=submit]{background-color:var(--primary-color)!important;color:#fff!important;transition:background .2s,color .2s}.signin-page .signin-container .forgot-password-link{color:var(--gold)!important}.signin-page .signin-container h1.signin-font{color:#000!important}.signin-page .signin-container .welcome-to-spa-font{color:#aaa!important}.signin-page{font-family:Google Sans,Arial,Helvetica,sans-serif;position:relative;width:100vw;min-height:100vh;min-height:100dvh;margin:0;overflow:hidden}.signin-page .background-img{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.signin-container{background:#fff;border-radius:32px;box-shadow:0 4px 24px #0000001a;padding:clamp(20px,4vw,48px) clamp(16px,3.2vw,40px) clamp(20px,3vw,40px);display:flex;flex-direction:column;align-items:center;width:min(92vw,560px);text-align:center;position:absolute;right:max(16px,3.5vw);top:50%;transform:translateY(-50%);margin:0;min-height:518px;max-height:calc(100dvh - 32px);overflow-y:auto}@media(max-width:768px){.signin-container{width:min(94vw,520px);padding:24px 18px;min-height:auto}.signin-container h1{font-size:28px}.signin-container p{font-size:16px}.signin-container button{width:100%}}@media(max-width:430px){.signin-container{width:calc(100vw - 24px);padding:16px 14px;border-radius:20px}.signin-container h1{font-size:24px}}.signin-container .logo{margin-bottom:18px;width:90px;height:90px;object-fit:cover;border-radius:20px;box-shadow:0 12px 24px #103c3b2e}.signin-container h1{margin:0 0 20px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-weight:700;font-size:clamp(28px,3.2vw,35px);line-height:100%;letter-spacing:0%;color:var(--primary-color);text-align:center}.signin-container p{margin:0 0 20px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(15px,2vw,20px);line-height:100%;letter-spacing:0%;color:var(--plain-text-color);text-align:center}.signin-container form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:460px}.signin-container .input-container{position:relative;margin:5px 0;width:100%}.signin-container input{box-sizing:border-box;width:100%;height:60px;padding:20px 50px 20px 16px;background-color:#f3f3f3;border:none;border-radius:10px;margin:10px 0;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:var(--font-small);font-weight:var(--font-weight-normal);color:var(--font-input-color);caret-color:var(--primary-color)}.signin-container label{position:absolute;left:20px;top:30px;padding:0 4px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:var(--font-small);font-weight:var(--font-weight-normal);color:#aaa!important;pointer-events:none;transition:.3s ease all}.signin-container input:focus+label,.signin-container input:not(:placeholder-shown)+label{top:10px;left:20px;font-size:var(--font-small);font-weight:var(--font-weight-normal);color:var(--primary-color)}.signin-container .password-container{position:relative;width:100%;justify-self:center}.signin-container .password-toggle-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;cursor:pointer;padding-right:10px}.signin-container .links{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}.signin-container .forgot-password-link{cursor:pointer;color:var(--link-color);font-family:Google Sans,Arial,Helvetica,sans-serif;font-weight:600;font-size:15px;text-decoration:underline;margin-left:0}.signin-container .forgot-password-link:hover{text-decoration:underline}.signin-container button{padding:10px 20px;background-color:var(--secondary-color);color:#fff;border:none;cursor:pointer;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:18px;font-weight:600;margin-top:45px;margin-bottom:42px;border-radius:30px;width:100%;height:55px}.signin-container button:hover{background-color:var(--primary-color)}.signin-container input:focus{outline:none;background-color:var(--background-input-focus-color);box-shadow:0 0 0 2px var(--secondary-color);color:var(--primary-color);border:none}@media(max-width:900px){.signin-container{padding:28px 14px 20px;width:min(95vw,560px);min-width:unset;right:50%;left:auto;transform:translate(50%,-50%);margin:0}.signin-container input{height:58px}.signin-container label{top:26px}}@media(max-width:480px){.signin-container{padding:16px 12px;width:calc(100vw - 16px);border-radius:18px;right:50%;left:auto;transform:translate(50%,-50%);max-height:calc(100dvh - 12px);min-height:auto;top:50%;margin:0}.signin-container .logo{margin-bottom:0;height:55px;width:55px}.signin-container h1{margin-bottom:10px}.signin-container p{margin-bottom:15px}.signin-container .input-container{margin:1px}.signin-container input{margin:4px 0;height:50px;padding:0 44px 0 14px;line-height:50px;font-size:15px}.signin-container form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px}.signin-container input::placeholder{color:#768b88;opacity:1}.signin-container label{left:14px;top:15px;padding:0 4px}.signin-container input:focus+label,.signin-container input:not(:placeholder-shown)+label{top:5px;left:14px;font-size:var(--font-tiny)}.signin-container .password-toggle-icon{width:20px;right:14px;opacity:.9}.signin-container button{margin:30px 0 10px;height:50px}.signin-container .links{margin-bottom:5px;transition:background .2s}}.signin-page .signin-container button[type=submit]:hover{background-color:#bebebe!important;color:#fff!important;transition:background .2s}@media(max-width:900px){.signin-container{width:min(88vw,520px);max-width:calc(100vw - 56px);right:50%;left:auto;transform:translate(50%,-50%)}}@media(max-width:480px){.signin-container{width:min(420px,calc(100vw - 56px));max-width:calc(100vw - 70px);padding:16px 12px;border-radius:18px;max-height:calc(100dvh - 24px)}}@media(max-width:360px){.signin-container{width:min(340px,calc(100vw - 40px));max-width:calc(100vw - 40px);padding:14px 10px;border-radius:16px}}.forgot-password-modal .text-box img{width:80px;height:80px;object-fit:cover;margin-bottom:18px;border-radius:0;box-shadow:none}.forgot-password-modal-overlay{position:fixed;display:flex;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center}.forgot-password-modal{position:absolute;right:100px;top:50%;transform:translateY(-50%);background:#fff;border-radius:32px;display:flex;flex-direction:column;align-items:center;width:500px;min-height:518px;height:auto;padding-bottom:40px;box-sizing:border-box;max-width:100%;text-align:center}.forgot-password-modal:focus-visible{outline:none}.forgot-password-modal .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#fffc;z-index:9999}.forgot-password-modal-content{justify-items:center}.forgot-password-modal .forgot-password-form{display:flex;width:100%;max-width:100%;flex-direction:column}.forgot-password-modal .back-button-container{position:absolute;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgB7dfRDYIwGATgwwkcgQ10BEdwA3EC4wQ6ghvoBsYJZAPdADeQDeoRHrW2xfymJPclFx4g5FLgBwARERGRkXLObZiGuTEr5I4ld+7dArnyFO4ckaMvhfMsHSjcMCVyosKJCiTqCnOz9+xumS3zQEqJoqhhJbDCv2hMrk53UmfrENtlgnhz2JrFHphSuoatCyzwElbOxpWZxvYYMj0qbnxvum56rJk74rWcHi2sBVb8yVjf/8Oo+L8Fipt85aWMvI/4EJ3QP3zj41nxErljyaXrZ+7Z5fyrJSIiIpLgBYsloMdv0ggcAAAAAElFTkSuQmCC);background-color:var(--primary-color);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:1000px;width:45px;height:45px;top:32px;left:32px;z-index:2}.forgot-password-modal .back-button-container:hover{background-color:#bebebe}.forgot-password-modal .text-box{width:100%;text-align:center;align-items:center;margin-bottom:30px}.forgot-password-modal .text-box h1{font-family:Google Sans,Arial,Helvetica,sans-serif;font-weight:700px;font-size:35px;line-height:100%;letter-spacing:0%;margin-bottom:30px;color:#000}.forgot-password-modal .text-box p{font-family:Google Sans,Arial,Helvetica,sans-serif;font-weight:500px;font-size:20px;line-height:30px;letter-spacing:0%;margin:0;color:#aaa}.forgot-password-modal .forgot-password-form{width:100%;max-width:100%}.forgot-password-modal .input-container{position:relative;margin:20px 0;width:100%}.forgot-password-modal-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:460px}.forgot-password-modal .input-container input{box-sizing:border-box;width:100%;max-width:700px;height:60px;padding:20px;background-color:var(--background-input-color);border:none;border-radius:10px;margin-left:0;margin-top:0;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:18px;font-weight:500px;color:#aaa;caret-color:var(--primary-color)}.forgot-password-modal .input-container label{position:absolute;left:20px;top:35px;padding:0 4px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:var(--font-small);font-weight:var(--font-weight-normal);color:#aaa!important;pointer-events:none;transition:.3s ease all}.forgot-password-modal .input-container input:focus+label,.forgot-password-modal .input-container input:not(:placeholder-shown)+label{top:10px;left:20px;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:var(--font-small);font-weight:var(--font-weight-normal);color:var(--secondary-color)}.forgot-password-modal .form-buttons{display:flex;justify-content:center;margin-top:20px;height:60px;width:510px;margin-left:-75px}.forgot-password-modal .send-button{padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;font-family:Google Sans,Arial,Helvetica,sans-serif;font-size:18px;font-weight:600px;border-radius:30px;height:55px;width:536px;transition:background .2s,color .2s}.forgot-password-modal .footer{position:absolute;bottom:0;right:0;left:0}.forgot-password-modal .send-button:hover,.forgot-password-modal .send-button:active{background-color:#bebebe!important;color:#fff!important}.forgot-password-modal input:focus{outline:none;background-color:var(--background-input-focus-color);color:var(--primary-color);border:2px solid var(--primary-color)!important}.forgot-password-modal input.error{border:2px solid red}.forgot-password-modal .error-message{font-family:Google Sans,Arial,Helvetica,sans-serif;color:red;font-weight:var(--font-weight-normal);font-size:var(--font-small);margin-top:5px}@media(max-width:900px){.forgot-password-modal{padding:32px 8px 24px;width:95vw;min-width:unset;border-radius:18px;right:0;left:unset;margin:0 8px 0 0;height:auto;min-height:0}.forgot-password-modal .back-button-container{width:40px;height:40px;top:16px;left:16px}.forgot-password-modal .text-box{margin-bottom:10px}.forgot-password-modal .form-buttons{margin-top:0}.forgot-password-modal .input-container input{height:65px}.forgot-password-modal .input-container label{top:28px}}@media(max-width:480px){.forgot-password-modal{padding:16px 2vw;width:99vw;border-radius:12px;right:0;left:unset;margin:0 2vw 0 0;height:auto;min-height:0}.forgot-password-modal .back-button-container{width:20px;height:20px;top:8px;left:8px}.forgot-password-modal .text-box h1{margin:10px 0}.forgot-password-modal .text-box p{font-size:var(--font-tiny)}.forgot-password-modal .input-container input{margin:4px;height:50px;padding-top:30px}.forgot-password-modal .input-container label{left:20px;top:15px;padding:0 4px}.forgot-password-modal .input-container input:focus+label,.forgot-password-modal .input-container input:not(:placeholder-shown)+label{top:5px;left:20px;font-size:var(--font-tiny)}.forgot-password-modal .form-buttons{margin-top:0;height:50px}}.forgot-password-modal{width:100%;max-width:min(92vw,560px);box-sizing:border-box}.forgot-password-modal .forgot-password-form,.forgot-password-modal .input-container,.forgot-password-modal .form-buttons,.forgot-password-modal .send-button{width:100%;max-width:100%;box-sizing:border-box}.forgot-password-modal .input-container input{margin-left:0;margin-top:0}.forgot-password-modal .form-buttons{margin-left:0;padding-top:5px}.forgot-password-modal .send-button{width:100%;font-weight:600}@media(max-width:900px){.forgot-password-modal{width:min(88vw,520px);max-width:calc(100vw - 40px);right:50%;left:auto;transform:translate(50%,-50%);margin:0;padding:28px 16px 22px;border-radius:24px}.forgot-password-modal .text-box img{width:96px;height:72px}.forgot-password-modal .text-box h1{font-size:28px;margin-bottom:16px}.forgot-password-modal .text-box p{font-size:16px;line-height:24px}}@media(max-width:480px){.forgot-password-modal{width:min(420px,calc(100vw - 40px));max-width:calc(100vw - 40px);padding:18px 12px;border-radius:18px}.forgot-password-modal .text-box img{width:72px;height:56px;margin:44px auto 14px!important}.forgot-password-modal .text-box h1{font-size:22px;margin:6px 0 10px}.forgot-password-modal .text-box p{font-size:13px;line-height:20px}.forgot-password-modal .input-container input{height:48px;padding:14px;font-size:15px;margin:4px 0;width:100%;max-width:350px}.forgot-password-modal .send-button{height:48px;font-size:15px;border-radius:24px;width:100%;max-width:350px}.forgot-password-modal-content{display:flex;flex-direction:column;align-items:center;width:100%;max-width:310px}}@media(max-width:360px){.forgot-password-modal{width:min(340px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:16px 10px;border-radius:16px}.forgot-password-modal .back-button-container{width:28px;height:28px;top:10px;left:10px}.forgot-password-modal .text-box h1{font-size:18px}.forgot-password-modal .text-box p{font-size:12px;line-height:18px}.forgot-password-modal .input-container input,.forgot-password-modal .send-button{height:44px;font-size:14px}}.create-new-password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000}.create-new-password-modal{position:absolute;top:0;left:50%;right:0;bottom:0;background-color:var(--background-color);border-radius:10vh 0 0 10vh;display:flex;align-items:center;justify-content:center}.create-new-password-modal:focus-visible{outline:none}.create-new-password-modal-content{justify-items:center}.create-new-password-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.create-new-password-modal .back-button-container{position:absolute;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADiSURBVHgB7dfRDYIwGATgwwkcgQ10BEdwA3EC4wQ6ghvoBsYJZAPdADeQDeoRHrW2xfymJPclFx4g5FLgBwARERGRkXLObZiGuTEr5I4ld+7dArnyFO4ckaMvhfMsHSjcMCVyosKJCiTqCnOz9+xumS3zQEqJoqhhJbDCv2hMrk53UmfrENtlgnhz2JrFHphSuoatCyzwElbOxpWZxvYYMj0qbnxvum56rJk74rWcHi2sBVb8yVjf/8Oo+L8Fipt85aWMvI/4EJ3QP3zj41nxErljyaXrZ+7Z5fyrJSIiIpLgBYsloMdv0ggcAAAAAElFTkSuQmCC);background-color:var(--secondary-color);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:1000px;width:45px;height:45px;top:80px;left:80px}.create-new-password-modal .back-button-container:hover{background-color:var(--primary-color)}.create-new-password-modal .text-box{width:100%;text-align:center;align-items:center;margin-bottom:15px}.create-new-password-modal .create-new-password-form{display:flex;width:100%;max-width:450px;flex-direction:column}.create-new-password-modal .new-password-container{position:relative;width:100%;justify-self:center}.new-password-container input{box-sizing:border-box;width:100%;max-width:100%;height:80px;padding:20px;margin:10px 0;background-color:var(--background-input-color);border:none;border-radius:25px;font-family:var(--font-family);font-size:var(--font-small);font-weight:var(--font-weight-normal);color:var(--font-input-color)}.password-toggle-icon{position:absolute;right:22.5px;top:50%;transform:translateY(-50%);width:35px;cursor:pointer}.create-new-password-modal .new-password-container label{position:absolute;left:20px;top:30px;padding:0 4px;font-family:var(--font-family);font-size:var(--font-small);font-weight:var(--font-weight-normal);color:var(--font-input-color);pointer-events:none;transition:.3s ease all}.create-new-password-modal .new-password-container input:focus+label,.create-new-password-modal .new-password-container input:not(:placeholder-shown)+label{top:10px;left:20px;font-family:var(--font-family);font-size:var(--font-small);font-weight:var(--font-weight-normal);color:var(--secondary-color)}.new-password-container input:focus{outline:none;background-color:var(--background-input-focus-color);box-shadow:0 0 0 2px var(--secondary-color);color:var(--primary-color);border:none}.create-new-password-modal .form-buttons{display:flex;justify-content:center;margin-top:20px;height:80px}.create-new-password-modal .reset-button{padding:10px 20px;background-color:var(--secondary-color);color:#fff;border:none;cursor:pointer;font-family:var(--font-family);font-size:var(--font-normal);font-weight:var(--font-weight-normal);margin-top:0;border-radius:30px;width:100%;height:100%}.create-new-password-modal .reset-button:hover{background-color:var(--primary-color)}.create-new-password-modal .text-box h1{font-family:var(--font-family);font-weight:var(--font-weight-bold);font-size:var(--font-big);line-height:100%;letter-spacing:0%;margin-bottom:20px;color:var(--primary-color)}.create-new-password-modal .text-box p{font-family:var(--font-family);font-weight:var(--font-weight-normal);font-size:var(--font-small);line-height:30px;letter-spacing:0%;margin:0;color:var(--plain-text-color)}.create-new-password-modal .error-message{color:red;font-family:var(--font-family);font-size:var(--font-small);margin-top:5px}.create-new-password-modal .loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#fffc;z-index:9999}.create-new-password-modal-content .footer{position:absolute;bottom:0;right:0;left:0}@media(max-width:900px){.create-new-password-modal{border-radius:5vh;top:5%;left:12.5%;width:75%;height:90%}.create-new-password-modal .back-button-container{width:40px;height:40px;top:30px;left:30px}.create-new-password-modal .text-box{margin-bottom:10px}.create-new-password-modal .text-box h1{margin-bottom:20px}.new-password-container input{height:65px}.create-new-password-modal .new-password-container label{top:28px}}@media(max-width:480px){.create-new-password-modal{top:0;left:0;width:100%;height:100%;border-radius:0}.create-new-password-modal .back-button-container{width:20px;height:20px;top:20px;left:20px}.create-new-password-modal .text-box h1{margin-bottom:10px}.create-new-password-modal .text-box p{line-height:20px}.new-password-container input{margin:4px;height:50px;padding-top:30px}.create-new-password-modal .new-password-container label{left:20px;top:15px;padding:0 4px}.create-new-password-modal .new-password-container input:focus+label,.create-new-password-modal .new-password-container input:not(:placeholder-shown)+label{top:5px;left:20px;font-size:var(--font-tiny)}.password-toggle-icon{width:25px;margin-right:-12px}.create-new-password-modal .form-buttons{margin-top:15px;height:50px}}.footer{bottom:0;position:absolute;text-align:center;font-size:var(--font-tiny);font-family:var(--font-family);font-weight:350px;font-size:16px;color:#000;margin-top:auto}.fade{position:absolute;right:0;top:0;bottom:0;width:200%;background-color:#d4f3f080}.overlay-container{position:absolute;right:0;top:0;bottom:0;width:50%;align-content:center;justify-items:center;z-index:2;border-radius:10vh 0 0 10vh}.ResetPassword-success-background{height:368px;width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50px;background-color:var(--background-color)}.success-text-box{width:600px;text-align:center;align-items:center;align-content:center;justify-content:center;justify-items:center;margin-top:20px}.success-description-text{font-family:var(--font-family);font-weight:var(--font-weight-normal);font-size:var(--font-normal);line-height:100%;letter-spacing:0%;margin:10px;color:var(--plain-text-color)}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#ffffff73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.overlay .image-container{position:relative;z-index:1;background:#fff;padding:26px 34px 24px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:18px;animation:popIn .55s ease-out both}.overlay .spa-spinner{width:52px;height:52px;border-radius:50%;background:conic-gradient(from 90deg,transparent 0 18%,var(--secondary-color) 62%,var(--gold) 96%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));animation:spinRing .9s linear infinite}.overlay .loading-dots{display:flex;align-items:center;gap:9px}.overlay .loading-dots span{width:9px;height:9px;border-radius:50%;background:var(--primary-color);animation:dotPulse 1.2s ease-in-out infinite}.overlay .loading-dots span:nth-child(2){background:var(--secondary-color);animation-delay:.18s}.overlay .loading-dots span:nth-child(3){background:var(--gold);animation-delay:.36s}@keyframes spinRing{to{transform:rotate(360deg)}}@keyframes dotPulse{0%,to{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.overlay .spa-spinner{animation-duration:1.6s}.overlay .icon-img,.overlay .loading-dots span,.overlay:before,.overlay:after{animation:none}}.overlay .icon-img{width:min(150px,42vw);max-width:100%;height:auto;object-fit:contain;animation:logoBreath 1.8s ease-in-out infinite;transform-origin:center;border-radius:24px}@keyframes logoBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.stock-page,.stock-page *{font-family:Google Sans,sans-serif!important}.modal-actions .modal-cancel:hover{background:#bebebe!important;color:#fff!important}.stock-autocomplete-selector .ant-select-selector input{font-size:14px!important;font-family:Google Sans!important;font-weight:600!important;color:var(--primary-color)!important}.stock-alert-toast{width:min(520px,calc(100vw - 84px));min-width:0!important;max-width:calc(100vw - 84px)!important;box-sizing:border-box}.stock-page th{color:#fff;font-size:17px;font-family:Google Sans;padding:12px;border:none!important;border-right:none!important;border-left:none!important}.stock-page td{color:var(--primary-color);font-size:15px;font-family:Google Sans;padding:10px;font-weight:500!important;border-bottom:1px solid #eaeaea!important}.stock-autocomplete-selector .ant-select-selection-item{font-size:14px!important;font-family:Google Sans!important;font-weight:600!important;color:var(--primary-color)!important}.ant-select.stock-autocomplete-selector.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important}.stock-autocomplete-selector .ant-select-selection-placeholder{font-size:14px!important;font-family:Google Sans!important;font-weight:500!important}.stock-autocomplete-selector .ant-select-selector,.stock-autocomplete-selector{border-radius:20px!important}.ant-select-selection-placeholder{padding-left:17px!important;padding-bottom:5px!important}.stock-card-btn-delete{background:none;color:#fff;border:none;outline:none;box-shadow:none;cursor:pointer;width:50%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;gap:8px;transition:background .2s}.stock-card-btn-delete:hover{background:#aaa;color:#fff}.stock-card-btn-edit{background:none;color:#fff;border:none;outline:none;box-shadow:none;cursor:pointer;width:50%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;gap:8px;transition:background .2s}.stock-card-btn-edit:hover{background:#aaa;color:#fff}.stock-action-btn.stock-tab-action{background:var(--primary-color)!important;color:#fff!important;border-radius:22px!important;font-weight:500!important;font-size:18px!important;padding:10px 32px!important;border:none!important;outline:none!important;box-shadow:none!important;cursor:pointer!important;transition:background .2s!important;font-family:Google Sans!important;font-size:16px!important;font-weight:600!important}.stock-action-btn.stock-tab-action:hover{background:#aaa!important;color:#fff!important}.stock-search-input::placeholder{color:#aaa;opacity:1}.stock-search-input::-webkit-input-placeholder{color:#aaa}.stock-search-input::-moz-placeholder{color:#aaa}.stock-search-input:-ms-input-placeholder{color:#aaa}.stock-search-input::-ms-input-placeholder{color:#aaa}.stock-search-input option{color:#aaa}.add-product-btn:hover{background:#aaa!important;color:#fff}.stock-action-btn-group{display:flex;gap:10px;margin-left:310px}.stock-card-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.stock-grid{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;width:100%;height:600px;max-width:1400px;margin:18px auto 0;padding:8px 8px 24px}.stock-card{background:#fff;border-radius:18px;box-shadow:var(--shadow-sm);padding:18px 14px 14px;min-height:270px;position:relative;display:flex;flex-direction:column;align-items:flex-start;transition:box-shadow .2s}.stock-card:hover{box-shadow:0 4px 18px #33998f21}.stock-card-img-section{position:relative;width:100%;height:110px;margin-bottom:8px;display:flex;align-items:flex-start;justify-content:flex-start}.stock-status-badge{position:absolute;top:8px;left:8px;z-index:2;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:500;color:#fff}.stock-status-badge.low{background:#ffc107}.stock-status-badge.in{background:var(--secondary-color)}.stock-status-badge.out{background:#f44336}.stock-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-sm);border:1.5px solid #E0E0E0;display:flex;flex-direction:column;min-width:0;min-height:260px;position:relative;overflow:hidden;transition:box-shadow .18s,border .18s;margin:0}.stock-card-type{font-size:15px;color:#888;margin-bottom:2px}.stock-card-type span{color:var(--secondary-color)}.stock-card-price{font-size:15px;color:#888;margin-bottom:2px}.stock-card-unit{margin-bottom:4px;font-size:17px;color:#888}.stock-card-unit span{color:var(--secondary-color);font-weight:600}.stock-card-stock{font-weight:600;font-size:17px;margin-bottom:8px}.stock-card-stock span.in{color:var(--secondary-color)}.stock-card-stock span.out{color:#f44336}.stock-card-action-row{display:flex;gap:8px;margin-top:auto}.stock-card-action-btn{background:none;border:none;color:var(--secondary-color);font-size:1.25rem;border-radius:8px;padding:4px 8px;cursor:pointer;transition:background .2s}.stock-card-action-btn.edit:hover{background:#e0f7fa}.stock-card-action-btn.delete:hover{background:#ffebee;color:#f44336}.stock-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-top:8px}.stock-topbar-left{display:flex;align-items:center}.stock-search-bar{display:flex;gap:18px;flex:1;min-width:0;justify-content:flex-start}.stock-search-input{width:250px;height:25px;border-radius:18px;border:1.5px solid #e0e0e0;background:#fff;font-size:1.25rem;color:var(--secondary-color);padding:0 20px;box-shadow:var(--shadow-sm);outline:none;text-align:left;margin-left:0}.stock-search-input:focus{border-color:var(--secondary-color)}.stock-category-select{width:220px;height:40px;border-radius:18px;border:1.5px solid #e0e0e0;background:#fff;font-size:1.08rem;color:var(--secondary-color);padding:0 16px;box-shadow:var(--shadow-sm);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;margin-left:0}.stock-category-select:focus{border-color:var(--secondary-color)}.stock-card-unit-row.low-stock-row{background:#ffc1071f;border-radius:8px;padding:8px 10px}.stock-card-unit-row.out-of-stock-row{background:#f4433614;border-radius:8px;padding:8px 10px}.stock-topbar-right{display:flex;gap:12px}.stock-action-btn{height:40px;min-width:120px;padding:0 18px;background:var(--secondary-color);color:#fff;border:none;border-radius:12px;font-size:1.08rem;font-weight:500;box-shadow:0 2px 8px #33998f21;cursor:pointer;transition:background .2s}.stock-action-btn:hover{background:#00796b}.stock-page-container{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;background-color:var(--background-color, #f0f2f5);min-height:100vh;padding-bottom:40px;color:var(--secondary-color)}.stock-page-content{position:relative;z-index:1;width:100%;max-width:none;box-sizing:border-box;flex-grow:1;display:flex;flex-direction:column;align-items:stretch;color:var(--secondary-color)}.stock-page-content,.stock-page-content [style*=overflow],.stock-page-content [style*=overflow-y]{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.stock-page-content::-webkit-scrollbar,.stock-page-content [style*=overflow]::-webkit-scrollbar,.stock-page-content [style*=overflow-y]::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}.page-title-section h1{font-size:36px;font-weight:500;margin-top:-35px;color:#000}.page-title-section h2{font-size:24px;font-weight:400;margin-top:-20px;color:#000}.stock-btn-group{display:flex;gap:12px;justify-content:flex-end;margin-bottom:18px}.stock-btn{background:var(--secondary-color);color:#fff;border:none;border-radius:8px;padding:8px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.stock-btn:hover{background:#00796b}.stock-search-group{display:flex;gap:12px;margin-bottom:18px}.stock-search-input{flex:1;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;font-size:1rem;outline:none;box-shadow:var(--shadow-sm)}.stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;background:#fff;border-radius:18px;border:2px solid #C9C9C9;padding:32px 24px;box-shadow:var(--shadow-sm);max-height:820px;overflow-y:auto}.stock-grid::-webkit-scrollbar{width:6px;border-radius:6px;background:transparent}.stock-grid::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:6px}.stock-grid::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.stock-card{position:relative;background:#fff;border-radius:18px;border:2px solid #C9C9C9;box-shadow:var(--shadow-sm);padding:20px 18px 18px;display:flex;flex-direction:column;align-items:flex-start;min-height:260px;max-width:270px;width:100%;transition:box-shadow .2s}.stock-card:hover{box-shadow:0 4px 16px #0002}.stock-card img{width:100%;height:90px;object-fit:cover;border-radius:8px;margin-bottom:8px}.stock-card-title{font-size:1.1rem;font-weight:600;color:var(--secondary-color);margin-bottom:2px}.stock-card-unit{font-size:1rem;color:#888;margin-bottom:2px}.stock-card-stock{font-size:1rem;font-weight:600;margin-bottom:2px}.stock-card-btn-group{display:flex;gap:8px;margin-top:8px}.stock-card-btn{background:#fff;border:none;border-radius:4px;box-shadow:var(--shadow-sm);padding:4px 10px;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:box-shadow .2s}.stock-card-btn:hover{box-shadow:0 2px 8px #0002;background:#f5f5f5}.stock-card-out{position:absolute;bottom:12px;right:12px;background:#f44336;color:#fff;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:500;z-index:2}.stock-card span.out{color:#f44336;font-weight:700}.stock-card span.in{color:var(--secondary-color);font-weight:700}.stock-card span.low{color:#ffc107;font-weight:700}@media(max-width:1200px){.stock-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.stock-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stock-grid{grid-template-columns:1fr;padding:12px}.stock-page-content{margin-bottom:16px}}.stock-empty-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.stock-empty-icon{width:72px;height:72px;margin-bottom:12px;object-fit:contain;opacity:.6}.stock-empty-text{color:#a0a0a0;font-size:1.08rem;font-family:var(--font-family);text-align:center;font-weight:400}.stock-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.stock-page .modal-container{background:#fff;border-radius:20px;box-shadow:var(--shadow-sm);padding:20px;width:400px;text-align:center;font-family:Google Sans}.stock-page button.modal-cancel{font-family:Google Sans!important;font-weight:600!important;color:var(--primary-color)!important;border-color:var(--primary-color)!important;border-radius:12px!important;width:100px}.stock-page button.modal-delete{font-family:Google Sans!important;font-weight:600!important;color:#fff!important;background-color:var(--primary-color)!important;border-radius:10px!important;width:100px}.stock-page .modal-container h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--primary-color);font-family:Google Sans}.stock-page .modal-container p{font-size:14px;color:#768b88;margin-bottom:24px;font-family:Google Sans;line-height:20px}.stock-page .modal-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.stock-page .modal-actions button{background:none;border:1px solid var(--primary-color);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.stock-page .modal-actions .modal-delete{border:none!important}.stock-page .modal-actions button:hover{background:var(--primary-color);color:#fff}.stock-page .modal-actions .modal-delete:hover{background:#bebebe!important;color:#fff!important}.stock-delete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:99999}.stock-page .stock-delete-modal{width:560px;max-width:90%;padding:0;border-radius:28px;overflow:hidden;background:#fff;border:none;box-shadow:var(--shadow-lg);text-align:center;margin-bottom:0}.stock-delete-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-shadow:none!important}.stock-delete-modal-header h2{font-size:22px;font-weight:700;color:#111;margin:0;font-family:Google Sans}.stock-delete-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.stock-delete-modal-close:hover{opacity:.8}.stock-delete-modal-body{padding:0 24px}.stock-delete-modal-icon-wrap{width:70px;height:70px;border-radius:50%;background:#e5ecec;display:flex;align-items:center;justify-content:center;margin:32px auto 20px}.stock-delete-modal-body h3{font-size:24px;font-weight:700;margin-bottom:12px;margin-top:0;color:#111;font-family:Google Sans}.stock-delete-modal-body p{font-size:16px;color:#111;line-height:1.4;font-weight:500;margin:0 0 4px;font-family:Google Sans}.stock-delete-modal-body .sub-text{color:#777;font-weight:400;margin-top:0}.stock-delete-modal-actions{display:flex;justify-content:center;gap:16px;padding:32px 0 40px}.stock-delete-modal-actions .modal-btn{min-width:140px;height:48px;padding:0 24px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Google Sans}.stock-delete-modal-btn-cancel{border:1px solid var(--primary-color)!important;background:#fff!important;color:var(--primary-color)!important}.stock-delete-modal-btn-delete{background:var(--primary-color)!important;color:#fff!important;border:1px solid var(--primary-color)!important}.stock-header-row{width:min(100%,1300px);margin-left:auto!important;margin-right:auto!important;gap:16px}.stock-header-actions-wrap{min-width:0}.stock-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.stock-tabs-bar{overflow-x:auto;overflow-y:hidden;white-space:nowrap}.stock-filters-row{width:min(100%,1300px);margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-sizing:border-box}.stock-filter-field{position:relative;min-width:0}.stock-filter-field-search{flex:1 1 260px;min-width:180px}.stock-filter-field-category,.stock-filter-field-unit,.stock-filter-field-pos{flex:0 0 160px;min-width:160px}.stock-filters-spacer{flex:1 1 auto;min-width:24px}.stock-search-field-inner{width:100%}.stock-filter-icon{right:16px}.dashboard-select,.stock-autocomplete-selector,.stock-filter-field .ant-select,.stock-filter-field .ant-select-auto-complete,.stock-filter-field .ant-select-selector{width:100%!important}.stock-all-products-panel{width:min(100%,1300px)!important;max-width:1300px!important}.stock-all-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:16px;box-sizing:border-box;min-height:730px;gap:12px;align-items:start;align-content:start}.stock-all-products-card{width:100%;min-width:0;max-width:290px;justify-self:center;margin-top:0!important;transition:transform .2s ease,box-shadow .2s ease}.stock-all-products-card-image{height:170px}.stock-all-products-card-title{padding:0 12px;box-sizing:border-box}.stock-all-products-card-footer{width:100%}.stock-log-table-panel{width:100%!important;min-width:0;max-width:min(1300px,100%)!important;align-self:stretch;box-sizing:border-box;overflow:hidden!important}.stock-log-scroll-wrap{display:block;width:100%;min-width:0;height:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:none;-ms-overflow-style:none}.stock-log-scroll-wrap::-webkit-scrollbar{display:none;width:0;height:0}.stock-log-table{width:max-content;min-width:100%}.stock-log-table th,.stock-log-table td{white-space:nowrap}.stock-log-table thead th{position:sticky;top:0;z-index:1;background:var(--primary-color)!important;border:1px solid var(--primary-color)!important}@media(max-width:1360px){.stock-page-content{padding-left:48px;padding-right:48px}.stock-all-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1120px){.stock-log-table-panel{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.stock-header-row{font-size:22px!important}.stock-tab-btn{font-size:12px!important}.stock-action-btn.stock-tab-action,.add-product-btn{font-size:14px!important;padding:9px 22px!important}.stock-page th{font-size:14px;border:none;border-right:none;border-left:none}.stock-page td{font-size:15px}.stock-log-table th,.stock-log-table td{padding:12px 14px!important}.stock-log-table{min-width:1142px}.stock-all-products-card{max-width:220px;height:390px}.stock-all-products-card-image{height:155px}.stock-all-products-card-title{font-size:15px!important}.stock-card-btn-edit,.stock-card-btn-delete{font-size:13px!important;gap:6px}}@media(max-width:900px){.stock-page-content{padding-left:24px;padding-right:24px}.stock-log-table-panel{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.stock-header-row{flex-wrap:wrap;align-items:flex-start!important;font-size:20px!important;margin-bottom:18px!important}.stock-header-row>div:first-child{width:100%}.stock-header-actions-wrap,.add-product-btn{margin-left:auto}.stock-filters-row{gap:12px}.stock-all-products-panel{height:600px!important;min-height:600px!important;width:100%;max-width:100%}.stock-all-products-card{max-width:none;width:100%;height:360px;margin-bottom:20px!important}.stock-all-products-card-image{height:138px;padding:10px 12px!important}.stock-all-products-card-title{font-size:14px!important}.stock-all-products-card-footer{height:50px!important}.stock-card-btn-edit,.stock-card-btn-delete{font-size:12px!important}.stock-card-btn-edit img,.stock-card-btn-delete img{width:18px!important;height:18px!important}.stock-log-table{min-width:1142px}.stock-log-table th{font-size:16px!important}.stock-log-table td{font-size:14px!important}}@media(max-width:700px){.stock-log-table-panel{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.stock-action-btn.stock-tab-action,.add-product-btn{border-radius:18px!important;font-size:13px!important;padding:8px 18px!important}.stock-filters-row{flex-wrap:wrap}.stock-filters-spacer{display:none}.stock-page th{font-size:16px}.stock-page td{font-size:14px}.stock-all-products-panel{height:560px!important;min-height:560px!important;width:100%;max-width:100%}.stock-all-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-left:12px;padding-right:12px;width:100%;box-sizing:border-box}.stock-all-products-card{max-width:none;width:100%;height:335px}.stock-all-products-card-image{height:124px}.stock-log-table{min-width:1142px}.stock-log-table-panel{height:560px;min-height:520px}}@media(max-width:560px){.stock-alert-toast{width:calc(100vw - 44px);max-width:calc(100vw - 44px);padding:16px 18px!important;border-radius:16px!important}.stock-log-table-panel{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.stock-header-row{font-size:18px!important;gap:12px}.stock-header-actions{justify-content:flex-start}.stock-header-actions-wrap,.add-product-btn{width:100%;margin-left:0}.stock-action-btn.stock-tab-action,.add-product-btn{width:fit-content;max-width:100%}.stock-filters-row{gap:10px}.stock-all-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-left:10px;padding-right:10px}.stock-all-products-card{max-width:min(100%,170px);height:315px;border-radius:12px}.stock-all-products-card-image{height:112px}.stock-all-products-card-title{font-size:13px!important}.stock-all-products-card-footer{height:46px!important}.stock-card-btn-edit,.stock-card-btn-delete{font-size:11px!important}.stock-log-table{min-width:1142px}.stock-log-table-panel{height:520px;min-height:480px}.stock-page .stock-delete-modal{width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:20px 18px;border-radius:18px}.stock-page .stock-delete-modal-title{font-size:18px;margin-bottom:12px}.stock-page .stock-delete-modal-message{font-size:13px;line-height:18px;margin-bottom:20px}.stock-page .stock-delete-modal-actions{gap:12px}.stock-page .stock-delete-modal-actions button{flex:1 1 0;width:100%;min-width:0;max-width:132px;padding:8px 12px}}@media(max-width:420px){.stock-alert-toast{width:calc(100vw - 36px);max-width:calc(100vw - 36px);padding:14px 16px!important}.stock-page .stock-delete-modal-overlay{padding:28px;box-sizing:border-box}.stock-page .stock-delete-modal{width:100%;max-width:100%;padding:18px 14px;border-radius:16px}.stock-page .stock-delete-modal-title{font-size:17px;padding:0 4px}.stock-page .stock-delete-modal-message{font-size:12px;line-height:17px;padding:0 4px}.stock-page .stock-delete-modal-actions{gap:10px}.stock-page .stock-delete-modal-actions button{max-width:none}.stock-option-modal{width:calc(100vw - 48px);min-width:unset}}.stock-title-inline{font-size:24px;font-weight:700;color:#111}.stock-header-actions-wrap,.stock-header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.stock-filters-row-all{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stock-all-products-panel{overflow:auto}.stock-log-table-panel{min-height:655px!important;max-height:655px!important;height:655px!important}@media(max-width:767px){.stock-log-table-panel{min-height:755px;max-height:755px;height:755px}}.stock-design-card{border-radius:24px!important;overflow:hidden!important;background:#f8f8f8;margin:0!important;box-shadow:none!important;min-height:0;display:flex;flex-direction:column}.stock-design-card-image-wrap{position:relative;padding:0;display:flex;justify-content:center;align-items:center;min-height:180px;height:180px;overflow:hidden}.stock-design-card-image{width:100%;height:100%;max-width:none;object-fit:cover;display:block;border-radius:0;background:transparent}.stock-design-card-body{background:#fff;padding:14px 16px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;border:1px solid #ededed;border-radius:0 0 24px 24px!important}.stock-design-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.stock-design-meta-bottom{display:flex;flex-direction:column;gap:6px;margin-top:10px;width:100%;max-height:140px!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:4px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.stock-design-meta-bottom::-webkit-scrollbar{width:6px}.stock-design-meta-bottom::-webkit-scrollbar-track{background:transparent}.stock-design-meta-bottom::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.stock-design-meta-bottom::-webkit-scrollbar-thumb:hover{background:#94a3b8}.stock-card-unit-row{display:flex;align-items:center;justify-content:space-between;background:#e6f8f0;padding:8px 10px;border-radius:10px;width:100%;box-sizing:border-box!important}.stock-card-unit-name{font-size:13px;font-weight:500;color:#555;text-transform:capitalize;width:80px;flex-shrink:0}.stock-card-unit-amount{font-size:13px;font-weight:600;color:#2c3e50;text-align:center;flex:1}.stock-card-unit-alert-wrap{width:24px;display:flex;justify-content:flex-end;align-items:center;flex-shrink:0}.stock-tooltip-container{position:relative;display:inline-flex;align-items:center;cursor:pointer}.stock-card-unit-warning-icon{width:16px;height:16px;object-fit:contain;transition:transform .2s ease}.stock-tooltip-text{visibility:hidden;background-color:#2d3748;color:#fff;text-align:center;padding:5px 10px;border-radius:6px;position:absolute;z-index:999;top:50%;right:28px;transform:translateY(-50%);opacity:0;transition:opacity .2s ease,visibility .2s ease;font-size:11px;font-weight:500;font-family:Google Sans,sans-serif;white-space:nowrap;box-shadow:var(--shadow-sm)}.stock-tooltip-text:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:5px;border-style:solid;border-color:transparent transparent transparent #2D3748}.stock-tooltip-container:hover .stock-tooltip-text{visibility:visible;opacity:1}.stock-design-type{color:#c08a24;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;flex-shrink:1}.stock-design-dot{color:#9ba3ad;font-size:13px;flex-shrink:0}.stock-design-units{color:#9ba3ad;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;flex-shrink:1}.stock-design-status-badge{font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;margin-left:auto;font-family:Google Sans,sans-serif;text-transform:uppercase;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.stock-design-status-badge.out-of-stock{color:#ff2a2d;background:#fce8e6;padding:2px 8px;border-radius:12px;display:inline-block;font-weight:400;font-size:13px}.stock-design-status-badge.in-stock{color:#54aa00;background:#eaf7e1;padding:2px 8px;border-radius:12px;display:inline-block;font-weight:400;font-size:13px}.stock-design-status-badge.low-stock{color:#ffa600;background:#fff3d6;padding:2px 8px;border-radius:12px;display:inline-block;font-weight:400;font-size:13px}.stock-design-status-badge.pos-badge{background:#be8b22;color:#fff}.stock-design-title{margin:0;color:#0c1728;font-size:14px;line-height:1.22;font-weight:700;min-height:0;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.stock-design-description{margin:8px 0 0;color:#9aa1ac;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:33px}.stock-design-actions{display:flex;gap:12px;margin-top:12px}.stock-design-btn{width:50%!important;height:30px!important;border-radius:999px!important;justify-content:center!important;font-size:13px!important;font-weight:600!important}.stock-design-btn img{width:15px!important;height:15px!important}.stock-design-btn-edit{background:#0d4f4e!important;color:#fff!important}.stock-design-btn-delete{background:#be8b22!important;color:#fff!important}.stock-design-btn-delete img{filter:invert(1) brightness(2)}@media(max-width:767px){.stock-design-title{font-size:15px;min-height:0}.stock-design-description{font-size:12px;min-height:0}}.stock-action-btn-group{margin-left:0}@media(max-width:767px){.stock-title-inline{font-size:20px}.stock-header-actions,.stock-header-actions-wrap{width:100%;justify-content:stretch}.stock-header-actions .dashboard-button{width:100%}}.stock-view-toggle{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.stock-mobile-top-row{display:contents}.stock-filter-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;order:5;margin-left:auto;flex-shrink:0}.stock-filter-field-search{order:1}.stock-filter-field-category{order:2}.stock-filter-field-pos{order:3}.stock-filter-field-unit{order:4}.stock-filter-field{min-width:0}.stock-readonly-dropdown .ant-select-selector,.stock-readonly-dropdown .ant-select-selection-item,.stock-readonly-dropdown .ant-select-selection-placeholder{cursor:pointer!important}.stock-view-btn{width:42px;height:42px;border:1px solid #e3e3e3;border-radius:12px;background:#f3f3f3;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.stock-view-btn.active{background:var(--primary-color);border-color:var(--primary-color)}.stock-view-icon-grid,.stock-view-icon-list{display:block;width:18px;height:18px;position:relative}.stock-view-icon-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#b7b7b7 0,#b7b7b7 0) 0 0 / 7px 7px no-repeat,linear-gradient(#b7b7b7 0,#b7b7b7 0) 11px 0 / 7px 7px no-repeat,linear-gradient(#b7b7b7 0,#b7b7b7 0) 0 11px / 7px 7px no-repeat,linear-gradient(#b7b7b7 0,#b7b7b7 0) 11px 11px / 7px 7px no-repeat}.stock-view-icon-list:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#b7b7b7 0,#b7b7b7 0) 0 1px / 4px 4px no-repeat,linear-gradient(#b7b7b7 0,#b7b7b7 0) 0 7px / 4px 4px no-repeat,linear-gradient(#b7b7b7 0,#b7b7b7 0) 0 13px / 4px 4px no-repeat,linear-gradient(#b7b7b7 0,#b7b7b7 0) 7px 1px / 11px 2px no-repeat,linear-gradient(#b7b7b7 0,#b7b7b7 0) 7px 7px / 11px 2px no-repeat,linear-gradient(#b7b7b7 0,#b7b7b7 0) 7px 13px / 11px 2px no-repeat}.stock-view-btn.active .stock-view-icon-grid:before,.stock-view-btn.active .stock-view-icon-list:before{background:linear-gradient(#fff 0,#fff 0) 0 0 / 7px 7px no-repeat,linear-gradient(#fff 0,#fff 0) 11px 0 / 7px 7px no-repeat,linear-gradient(#fff 0,#fff 0) 0 11px / 7px 7px no-repeat,linear-gradient(#fff 0,#fff 0) 11px 11px / 7px 7px no-repeat}.stock-view-btn.active .stock-view-icon-list:before{background:linear-gradient(#fff 0,#fff 0) 0 1px / 4px 4px no-repeat,linear-gradient(#fff 0,#fff 0) 0 7px / 4px 4px no-repeat,linear-gradient(#fff 0,#fff 0) 0 13px / 4px 4px no-repeat,linear-gradient(#fff 0,#fff 0) 7px 1px / 11px 2px no-repeat,linear-gradient(#fff 0,#fff 0) 7px 7px / 11px 2px no-repeat,linear-gradient(#fff 0,#fff 0) 7px 13px / 11px 2px no-repeat}.stock-list-view{width:100%;height:auto;overflow:visible}.stock-list-table{width:100%;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important;font-family:Google Sans}.stock-list-table thead tr{background:var(--primary-color);color:#fff;font-size:16px;font-weight:600}.stock-list-table thead th{background:var(--primary-color)!important;padding:10px!important;text-align:left;font-family:Google Sans;border:1px solid var(--primary-color)!important}.stock-list-table thead th:first-child{text-align:center}.stock-list-table tbody tr{border-bottom:1px solid #E0E0E0;transition:background .15s}.stock-list-table tbody tr:hover{background:#f9f9f9}.stock-list-table tbody td{padding:10px 20px;font-size:14px;color:var(--primary-color);font-family:Google Sans;font-weight:500;vertical-align:middle;border-bottom:1px solid #E0E0E0!important}.stock-list-table tbody td:first-child{text-align:center;font-weight:600}.stock-list-table thead th:nth-child(1),.stock-list-table tbody td:nth-child(1){width:45px!important;max-width:45px!important;min-width:45px!important;padding-left:6px!important;padding-right:6px!important}.stock-list-table thead th:nth-child(2),.stock-list-table tbody td:nth-child(2){width:170px!important;max-width:170px!important;min-width:170px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stock-list-table thead th:nth-child(3),.stock-list-table tbody td:nth-child(3){width:140px!important;max-width:140px!important;min-width:140px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stock-list-table thead th:nth-child(4),.stock-list-table tbody td:nth-child(4){width:120px!important;max-width:120px!important;min-width:120px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stock-list-table thead th:nth-child(5),.stock-list-table tbody td:nth-child(5){width:80px!important;max-width:80px!important;min-width:80px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stock-list-table thead th.stock-table-remark-col,.stock-list-table tbody td.stock-table-remark-col{width:160px!important;max-width:160px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stock-units-amount-cell{vertical-align:middle;padding-top:8px!important;padding-bottom:8px!important}.stock-unit-amount-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:130px;height:28px}.stock-unit-name-row{display:flex;align-items:center;height:28px}.stock-unit-name-row .stock-design-status-badge{margin-left:0;text-transform:none;letter-spacing:normal}.stock-unit-name{color:#1a1a1a;font-size:13.5px;font-weight:500;white-space:nowrap}.stock-unit-amount-val{color:#adadad;font-size:13px}.stock-list-product-cell span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:120px!important}.stock-list-stacked-cell{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.stock-list-stacked-item{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stock-list-product-img{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0}.stock-list-product-img-fallback{width:24px!important;height:24px!important;padding:8px!important;background:#f5f7f7!important;border-radius:10px!important;object-fit:contain!important;opacity:.65!important}.stock-list-product-cell{display:flex;align-items:center;gap:12px;min-width:0}.stock-list-product-cell span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-list-action-btn{width:36px;height:36px;border-radius:50%;background:#f3f3f3;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.stock-list-action-btn:hover{background:#e0e0e0}.stock-list-action-btn img{width:16px;height:16px}.stock-list-actions-cell{display:flex;gap:8px;align-items:center;justify-content:center;width:100%!important;max-width:90px!important;overflow:hidden!important}.stock-list-table thead th:last-child,.stock-list-table tbody td:last-child{width:90px!important;max-width:90px!important;min-width:90px!important;text-align:center!important}.stock-list-table thead th:nth-last-child(2),.stock-list-table tbody td:nth-last-child(2){width:100px!important;max-width:100px!important;min-width:100px!important;text-align:center!important}@media(max-width:767px){.stock-list-view{position:relative}.stock-list-table{border-collapse:separate;border-spacing:0;min-width:700px}.stock-list-table tbody tr td{border-bottom:1px solid #E0E0E0}.stock-list-table thead th:nth-child(2),.stock-list-table tbody td:nth-child(2){position:sticky;left:0;z-index:5;background-clip:padding-box}.stock-list-table thead th{z-index:8!important;background:var(--primary-color)}.stock-list-table thead th:nth-child(2){z-index:10!important}.stock-list-table tbody td:nth-child(2){background:#fff}.stock-list-table tbody tr:hover td:nth-child(2){background:#f9f9f9}.stock-list-table thead th:nth-child(2),.stock-list-table tbody td:nth-child(2){box-shadow:4px 0 8px #0000000f}.stock-list-table thead th.stock-table-remark-col,.stock-list-table tbody td.stock-table-remark-col{max-width:90px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}@media(min-width:768px)and (max-width:1360px){.stock-list-view{position:relative}.stock-list-table thead th:nth-child(1),.stock-list-table tbody td:nth-child(1){position:sticky;left:0;z-index:5;background-clip:padding-box;background:var(--primary-color)!important}.stock-list-table tbody td:nth-child(1){background:#fff!important}.stock-list-table tbody tr:hover td:nth-child(1){background:#f9f9f9!important}.stock-list-table thead th:nth-child(2),.stock-list-table tbody td:nth-child(2){position:sticky;left:45px;z-index:5;background-clip:padding-box;box-shadow:4px 0 8px #0000000f}.stock-list-table thead th:nth-child(2){z-index:10!important;background:var(--primary-color)!important}.stock-list-table tbody td:nth-child(2){background:#fff!important}.stock-list-table tbody tr:hover td:nth-child(2){background:#f9f9f9!important}}.stock-empty-copy{font-size:14px;line-height:1.7;color:#a9adb3;font-weight:500;max-width:640px;text-wrap:balance}.stock-empty-copy .empty-link-emphasis{color:var(--primary-color);font-weight:600}@media(max-width:1024px){.stock-empty-copy{font-size:14px;max-width:640px}}@media(max-width:767px){.stock-empty-copy{font-size:13px;max-width:100%}}.stock-log-table-panel{position:relative}.stock-log-empty-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:2;pointer-events:none}.stock-log-empty-icon{width:80px;height:80px;margin-bottom:8px;opacity:.7}.stock-log-empty-text{color:#a0a0a0;font-size:16px;margin-top:2px;text-align:center;font-family:Google Sans;font-weight:500}.stock-log-table{width:100%;border-collapse:separate!important;border-spacing:0!important;font-size:14px;font-family:Google Sans;table-layout:fixed!important}.stock-log-table th,.stock-log-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-pagination-wrap .ant-pagination{display:flex;align-items:center;justify-content:center;gap:4px}.stock-pagination-wrap .ant-pagination-item{border-radius:8px;border:1px solid #D9D9D9!important;background:transparent!important}.stock-pagination-wrap .ant-pagination-item a{font-family:Google Sans;font-weight:600;color:var(--primary-color)!important}.stock-pagination-wrap .ant-pagination-item-active{background:var(--primary-color)!important;border-color:var(--primary-color)!important}.stock-pagination-wrap .ant-pagination-item-active a{color:#fff!important}.stock-pagination-wrap .ant-pagination-prev button,.stock-pagination-wrap .ant-pagination-next button{font-family:Google Sans;font-weight:600;color:var(--primary-color)}.stock-pagination-wrap .ant-pagination-prev .ant-pagination-item-link,.stock-pagination-wrap .ant-pagination-next .ant-pagination-item-link{border-radius:8px;color:var(--primary-color)!important;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important}.stock-pagination-wrap .ant-pagination-prev:hover .ant-pagination-item-link,.stock-pagination-wrap .ant-pagination-next:hover .ant-pagination-item-link{background-color:transparent!important}.stock-pagination-wrap .ant-pagination-disabled .ant-pagination-item-link{color:var(--primary-color)!important;opacity:.5}.stock-pagination-wrap .ant-pagination-jump-prev,.stock-pagination-wrap .ant-pagination-jump-next{background:transparent!important;border:none!important}.stock-pagination-wrap .ant-pagination-jump-prev .ant-pagination-item-link,.stock-pagination-wrap .ant-pagination-jump-next .ant-pagination-item-link{border:none!important}.stock-pagination-wrap .ant-pagination-jump-prev .ant-pagination-item-ellipsis,.stock-pagination-wrap .ant-pagination-jump-next .ant-pagination-item-ellipsis{color:var(--primary-color)!important;font-family:Google Sans,sans-serif!important;font-weight:700!important}.stock-pagination-wrap .ant-pagination-jump-prev .ant-pagination-item-link-icon,.stock-pagination-wrap .ant-pagination-jump-next .ant-pagination-item-link-icon{color:var(--primary-color)!important}.stock-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffc7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:20;border-radius:20px;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none}.stock-loading-overlay.visible{opacity:1;visibility:visible;pointer-events:all}.stock-loading-gif{width:72px;height:72px;object-fit:contain}@media(max-width:767px){.stock-pagination-wrap{box-sizing:border-box!important;width:100%!important;display:flex;justify-content:safe center;overflow-x:auto!important;scrollbar-width:none!important}.stock-pagination-wrap::-webkit-scrollbar{display:none!important}.stock-pagination-wrap .ant-pagination{gap:2px}.stock-pagination-wrap .ant-pagination-item,.stock-pagination-wrap .ant-pagination-prev,.stock-pagination-wrap .ant-pagination-next{min-width:24px!important;height:24px!important;line-height:24px!important}.stock-pagination-wrap .ant-pagination-item a,.stock-pagination-wrap .ant-pagination-prev button,.stock-pagination-wrap .ant-pagination-next button,.stock-pagination-wrap .ant-pagination-prev .ant-pagination-item-link,.stock-pagination-wrap .ant-pagination-next .ant-pagination-item-link{height:24px!important;line-height:24px!important;font-size:11px!important;display:flex!important;align-items:center!important;justify-content:center!important}.stock-all-products-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:10px;padding:10px;min-height:0}.stock-list-table thead th,.stock-list-table th{font-size:13px!important}.stock-all-products-card{max-width:none;height:auto}.stock-design-card-image-wrap{min-height:120px;height:120px}.stock-design-card-body{padding:8px 12px 12px;border-radius:0 0 24px 24px}.stock-design-title{font-size:13px}.stock-list-table thead th,.stock-list-table th{padding:12px 14px!important;border:none!important;border-right:none!important;border-left:none!important}.stock-list-table tbody td{padding:10px}.stock-design-description{font-size:11px;margin-top:4px!important;line-height:1.3;min-height:0}.stock-design-actions{margin-top:8px;gap:6px}.stock-design-btn{height:28px;font-size:11px;padding:0!important}.stock-success-toast{position:fixed!important;left:16px!important;width:auto!important;min-width:0!important;max-width:calc(100vw - 32px)!important;top:16px!important;padding:12px 20px!important;border-radius:14px!important;box-shadow:var(--shadow-md)!important;transform:translateY(-150px)!important;opacity:0!important;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s!important;right:auto!important}.stock-success-toast.visible{transform:translateY(0)!important;opacity:1!important}.stock-alert-toast{position:fixed!important;left:16px!important;width:auto;min-width:0;max-width:calc(100vw - 32px);top:100px!important;padding:12px 20px!important;border-radius:14px!important;box-shadow:var(--shadow-md)!important;transform:translateY(-150px)!important;opacity:0!important;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s!important;right:auto!important}.stock-alert-toast.visible{transform:translateY(0)!important;opacity:1!important}}@media(min-width:768px)and (max-width:1024px){.stock-all-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;min-height:0}.stock-all-products-card{max-width:none;height:auto}.stock-list-table thead th,.stock-list-table th{padding:10px!important}.stock-list-table tbody td{padding:10px}}@media(max-width:1024px){.stock-header-actions{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;width:100%!important}.stock-header-actions .dashboard-button{flex:1 1 auto!important;height:38px!important;font-size:13px!important;white-space:nowrap!important}.stock-header-actions .dashboard-button:nth-child(3){flex:1 1 auto!important}.stock-log-table-panel{width:100%;max-width:100%;overflow:hidden;height:auto}.stock-log-scroll-wrap{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;-ms-overflow-style:auto}.stock-log-scroll-wrap::-webkit-scrollbar{display:block;height:6px}.stock-log-scroll-wrap::-webkit-scrollbar-thumb{background:#ccc!important;border-radius:3px!important}.stock-log-table{min-width:1000px}}.stock-design-card-image-fallback{width:50px!important;height:50px!important;object-fit:contain!important;margin:auto!important;opacity:.65!important}.ant-notification{z-index:1200}.ant-notification-notice{border-radius:18px!important;font-family:Google Sans!important;box-shadow:var(--shadow-lg)}.ant-notification-notice-message{font-size:16px;font-weight:700;color:var(--primary-color)}.ant-notification-notice-description{font-size:14px;color:#6b7280}.stock-success-notification{border-left:4px solid #52C41A}.stock-warning-notification{border-left:4px solid #FAAD14}.stock-error-notification{border-left:4px solid #FF4D4F}@media(max-width:767px){.ant-notification{width:calc(100vw - 24px);max-width:360px}}.duplicate-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000047;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1400}.duplicate-modal-container{width:520px;max-width:90vw;background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-lg);font-family:Google Sans,sans-serif}.duplicate-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 26px;background:#fff;box-shadow:var(--shadow-sm)}.duplicate-modal-title{margin:0;font-family:Google Sans,sans-serif;font-size:22px;font-weight:700;color:#000}.duplicate-modal-close{width:32px;height:32px;border:none;border-radius:50%;background:var(--primary-color);color:#fff;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 0 2px;transition:opacity .2s}.duplicate-modal-close:hover{opacity:.85}.duplicate-modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px 48px;text-align:center}.duplicate-warning-circle{width:104px;height:104px;border-radius:50%;background:#ff48481f;display:flex;align-items:center;justify-content:center;margin-bottom:28px}.duplicate-warning-icon{width:52px;height:52px;object-fit:contain}.duplicate-modal-message{margin:0;font-family:Google Sans,sans-serif;font-size:22px;font-weight:500;line-height:1.4;color:#000;text-align:center;max-width:440px}@media(min-width:768px){.stock-mobile-top-row{display:contents}.filter-left{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important;width:100%!important;min-width:0!important}.stock-filter-field-search{flex:1 1 auto;min-width:160px;max-width:260px!important;order:1}.stock-filter-field-category{flex:0 0 170px!important;width:170px!important;min-width:0!important;order:2}.stock-filter-field-pos{flex:0 0 160px!important;width:160px!important;min-width:0!important;order:3}.stock-filter-field-unit{flex:0 0 160px!important;width:160px!important;min-width:0!important;order:4}.stock-filter-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;order:5}.stock-filter-field .dashboard-select{min-width:0!important}}@media(max-width:1024px)and (min-width:768px){.filter-left{flex-wrap:nowrap!important;gap:6px!important}.stock-filter-field-search{flex:1 1 auto;min-width:100px;max-width:180px!important}.stock-filter-field-category{flex:0 0 120px!important;width:120px!important}.stock-filter-field-pos,.stock-filter-field-unit{flex:0 0 115px!important;width:115px!important}.stock-filter-actions{flex:0 0 auto!important;margin-left:auto;gap:6px}.stock-filter-field .ant-select-selection-placeholder{font-size:13px!important}}@media(max-width:767px){.dashboard-filter-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;width:100%!important;gap:12px!important}.dashboard-filter-row .filter-right{order:-1!important;width:100%!important}.dashboard-filter-row .filter-right .stock-header-actions-wrap,.dashboard-filter-row .filter-right .stock-header-actions,.dashboard-filter-row .filter-right .stock-tab-action{width:100%!important}.filter-left{width:100%!important;max-width:100%!important;flex:1 1 100%!important;display:flex!important;flex-direction:column!important;gap:12px!important}.stock-mobile-top-row{display:flex;align-items:center!important;gap:8px!important;width:100%!important}.stock-filter-field-category,.stock-filter-field-unit,.stock-filter-field-search,.stock-filter-field-pos{width:100%!important;min-width:0!important;flex:1 1 100%!important}.stock-filter-actions{display:flex;align-items:center;flex-shrink:0;gap:8px}.stock-filter-actions .dashboard-button{height:40px;padding:0 14px;white-space:nowrap;flex-shrink:0}.stock-view-toggle{display:flex;gap:6px;flex-shrink:0}.stock-view-btn{width:40px;height:40px}.dashboard-select,.stock-autocomplete-selector,.stock-filter-field-category .ant-select,.stock-filter-field-unit .ant-select,.stock-header-actions-wrap{width:100%!important}.stock-header-actions{display:flex;flex-wrap:nowrap;gap:10px;width:100%!important;min-width:0!important}.stock-tab-action{flex:1 1 0%!important;height:40px!important;padding:0!important;border-radius:20px!important;font-size:14px!important;text-align:center!important;white-space:nowrap!important}.dashboard-content{min-height:auto!important}.stock-log-table-panel{overflow:hidden;width:100%;border-radius:18px!important}.stock-log-scroll-wrap{width:100%;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;position:relative!important;border-radius:18px!important}.stock-log-scroll-wrap::-webkit-scrollbar{height:6px}.stock-log-scroll-wrap::-webkit-scrollbar-thumb{background:#00000026!important;border-radius:999px!important}.stock-log-table{min-width:860px;border-collapse:separate;border-spacing:0;table-layout:fixed}.stock-log-table thead,.stock-log-table thead tr{background:#083b36!important}.stock-log-table thead th{position:sticky;top:0;z-index:20;background:#083b36;border:1px solid #083b36;background-clip:padding-box!important}.stock-log-table th:nth-child(2),.stock-log-table td:nth-child(2){position:sticky!important;left:0!important;z-index:14!important;background:#fff!important}.stock-log-table thead th:nth-child(2){position:sticky!important;left:0!important;background:#083b36!important;border:1px solid #083b36!important;background-clip:padding-box!important;z-index:25!important}.stock-log-table td:nth-child(2),.stock-log-table th:nth-child(2){box-shadow:8px 0 8px #0000000d!important}.stock-log-table th,.stock-log-table td{white-space:nowrap!important;padding:12px 14px!important;font-size:13px!important}.stock-filter-icon{right:16px}.stock-filter-icon-search{position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;width:18px;height:18px;z-index:3}.stock-filter-field-search .ant-select-selector{padding-right:42px!important}.filter-left{overflow:visible!important}}.stock-log-skeleton-cell{height:20px;border-radius:6px;background:linear-gradient(90deg,#f1f1f1 25%,#e7e7e7 37%,#f1f1f1 63%);background-size:400% 100%;animation:dashboardSkeletonLoading 1.4s ease infinite}.col-no-skel{width:24px;margin:0 auto}.col-stock-no-skel{width:120px;margin:0 auto}.col-stock-date-skel{width:100px;margin:0 auto}.col-name-skel{width:180px}.col-type-skel{width:110px}.col-amount-skel{width:40px;margin:0 auto}.col-unit-skel{width:60px;margin:0 auto}.col-status-skel{width:90px;margin:0 auto;border-radius:12px}.stock-list-table,.stock-log-table{border-collapse:separate!important;border-spacing:0!important}.stock-list-table thead,.stock-list-table thead tr{background:var(--primary-color)!important}.stock-list-table thead th{background:var(--primary-color)!important;border:1px solid var(--primary-color)!important;background-clip:padding-box!important}@media(min-width:768px){.stock-log-table thead,.stock-log-table thead tr{background:var(--primary-color)!important}.stock-log-table thead th{background:var(--primary-color);border:1px solid var(--primary-color);background-clip:padding-box!important}}@media(max-width:767px){.stock-log-table thead,.stock-log-table thead tr{background:#083b36!important}.stock-log-table thead th{background:#083b36;border:1px solid #083b36;background-clip:padding-box!important}}.product-tab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%;box-sizing:border-box;padding:16px}@media(min-width:1101px){.product-tab-panel{height:945px!important;min-height:945px!important}.inventory-tab-panel{height:975px!important;min-height:975px!important}}@media(max-width:1100px){.product-tab-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.product-tab-grid{grid-template-columns:1fr}}.product-tab-card{border:1px solid #E2E8F0!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important;min-width:0!important;box-shadow:none!important;transition:transform .2s ease,opacity .3s ease,filter .3s ease!important}.product-tab-card-image-wrap{width:100%;padding:0;box-sizing:border-box;flex-shrink:0;background:#f5f7f7!important;position:relative;display:flex;justify-content:center;align-items:center;min-height:180px;height:180px;overflow:hidden}.product-tab-card-image{width:100%;height:100%;object-fit:cover;border-radius:0;display:block;transition:transform .3s ease}.product-tab-card-image-fallback{width:50px!important;height:50px!important;object-fit:contain!important;opacity:.65!important;border-radius:0;background:transparent!important;transform:none!important}.product-tab-card-body{background:#fff!important;padding:8px 16px 14px!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;border:none!important;border-radius:0 0 20px 20px!important;gap:0!important}.product-tab-card-title{margin:0;font-size:14px;font-weight:700;line-height:1.22;color:#0c1728;font-family:Google Sans,sans-serif;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-tab-card-desc{font-size:12px;line-height:1.35;color:#9aa1ac;font-family:Google Sans,sans-serif;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:0}.product-tab-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;font-family:Google Sans,sans-serif}.product-tab-card-category{font-size:13px;font-weight:500;color:#c08a24;font-family:Google Sans,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;flex-shrink:1}.product-tab-card-unit{position:relative;font-size:13px;color:#9ba3ad;font-family:Google Sans,sans-serif;font-weight:400;padding-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;flex-shrink:1}.product-tab-card-unit:before{content:"•";margin-right:6px;color:#9ba3ad;position:static;transform:none;width:auto;height:auto;background:none}.product-tab-card-switch-row{display:flex;align-items:center;justify-content:space-between}.product-tab-card-status-label{font-size:13px;font-weight:600;color:#7d7d7d;font-family:Google Sans,sans-serif;letter-spacing:0}.product-tab-card-actions{display:flex;gap:12px}.product-tab-card-btn{flex:1;width:50%;display:flex;align-items:center;justify-content:center;gap:6px;height:30px;border-radius:999px;border:none;font-size:13px;font-weight:600;font-family:Google Sans,sans-serif;cursor:pointer;outline:none;box-shadow:none;transition:opacity .18s ease,transform .15s ease}.product-tab-card-btn img{width:15px;height:15px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1)}.product-tab-card-btn-edit{background:#0d4f4e;color:#fff}.product-tab-card-btn-delete{background:#be8b22;color:#fff}.product-tab-card-image-wrap{width:100%;box-sizing:border-box;flex-shrink:0;background:#f5f7f7!important;height:190px!important;overflow:hidden!important;position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important}.product-tab-card-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .3s ease}.product-tab-card-image-fallback{width:50px!important;height:50px!important;object-fit:contain!important;opacity:.65!important;background:transparent!important;transform:none!important}.product-tab-card:hover .product-tab-card-image-fallback{transform:none!important}.product-tab-card-body{padding:14px 16px;display:flex;flex-direction:column;flex:1;gap:0}.product-tab-card-title{font-size:14px;font-weight:700;line-height:1.35;color:#1f1f1f;font-family:Google Sans,sans-serif;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.product-tab-card-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.product-tab-card-desc{font-size:14px;line-height:1.6;color:#9a9a9a;font-family:Google Sans,sans-serif;font-weight:400;margin-top:0;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:44px}.product-tab-card-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #ededed;border-bottom:1px solid #ededed;flex-wrap:nowrap;font-family:Google Sans,sans-serif}.product-tab-card-category{font-size:14px;font-weight:400;color:#9f9f9f;font-family:Google Sans,sans-serif;white-space:nowrap}.product-tab-card-unit{position:relative;font-size:14px;color:#9f9f9f;font-family:Google Sans,sans-serif;font-weight:400;padding-left:18px;white-space:nowrap}.product-tab-card-unit:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:#d9d9d9}.product-tab-card-switch-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ededed}.product-tab-card-status-label{font-size:14px;font-weight:400;color:#7d7d7d;font-family:Google Sans,sans-serif;letter-spacing:0}.product-tab-card-status-label.active{color:#3a9c32}.product-tab-card-status-label.inactive{color:#b0b0b0}.product-tab-card-toggle{position:relative;width:40px;height:22px;border-radius:11px;border:none;outline:none;cursor:pointer;padding:0;flex-shrink:0;transition:background .25s ease}.product-tab-card-toggle.on{background:#6fd060}.product-tab-card-toggle.off{background:#d9d9d9}.product-tab-card-toggle-thumb{position:absolute;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:left .25s cubic-bezier(.4,0,.2,1)}.product-tab-card-toggle.on .product-tab-card-toggle-thumb{left:21px}.product-tab-card-toggle.off .product-tab-card-toggle-thumb{left:3px}.product-tab-card-actions{display:flex;gap:12px;margin-top:12px}.product-tab-card-btn{flex:1;width:50%!important;display:flex;align-items:center;justify-content:center;gap:6px;height:30px!important;border-radius:999px!important;border:none;font-size:13px!important;font-weight:600!important;font-family:Google Sans,sans-serif;cursor:pointer;outline:none;box-shadow:none;transition:opacity .18s ease,transform .15s ease}.product-tab-card-btn:active{transform:scale(.97)}.product-tab-card-btn img{width:15px!important;height:15px!important;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1)}.product-tab-card-btn-edit{background:#0d4f4e!important;color:#fff!important}.product-tab-card-btn-edit:hover{opacity:.88}.product-tab-card-btn-delete{background:#be8b22!important;color:#fff!important}.product-tab-card-btn-delete:hover{opacity:.88}@media(max-width:767px){.product-tab-card-actions{margin-top:8px;gap:6px}.product-tab-card-btn{height:28px;font-size:11px;padding:0!important}}.product-pagination-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:24px;padding-bottom:24px;flex-wrap:wrap;gap:16px}.product-tab-page-size-selector{display:flex;align-items:center;gap:8px;font-size:13px;font-family:Google Sans,sans-serif;color:#7d7d7d}.product-page-size-btn{border:none;background:none;cursor:pointer;padding:2px 4px;font-size:13px;font-family:Google Sans,sans-serif;font-weight:500;color:#888;transition:color .15s ease,font-weight .15s ease}.product-page-size-btn.active{font-weight:700;color:var(--primary-color)}.product-page-size-btn:hover:not(.active){color:var(--primary-color)}@media(max-width:767px){.product-pagination-container{flex-direction:column;justify-content:center;align-items:center;gap:12px}}.product-tab-card.inactive{opacity:.65;filter:grayscale(.15)}.stock-list-stacked-cell{display:flex;flex-direction:column;gap:4px}.stock-list-stacked-item{font-family:Google Sans,sans-serif;font-size:14px;line-height:1.4;color:var(--primary-color);white-space:nowrap}.stock-list-stacked-cell.min-stock .stock-list-stacked-item{color:#adadad;font-size:13px}.stock-list-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 14px;border-radius:20px;font-family:Google Sans,sans-serif;font-size:12px;font-weight:600;line-height:1.4}.stock-list-status-badge.active{color:#54aa00;background:#eaf7e1;padding:2px 8px;border-radius:12px;display:inline-block;font-weight:400;font-size:13px}.stock-list-status-badge.inactive{color:#ff2a2d;background:#fce8e6;padding:2px 8px;border-radius:12px;display:inline-block;font-weight:400;font-size:13px}.stock-filter-pos-btn{width:85px;height:42px;border-radius:20px;border:1px solid #d9d9d9;background:#fff;color:#000000d9;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;outline:none;box-shadow:none}.stock-filter-pos-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.stock-filter-pos-btn img{width:18px;height:18px;transition:filter .2s ease}.stock-filter-pos-btn.active img{filter:brightness(0) invert(1)}.stock-card-actions-row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;margin-top:12px!important;width:100%!important;justify-content:space-between!important}.stock-card-action-btn{flex:1 1 0%!important;height:32px!important;padding:0 4px!important;font-size:11px!important;font-weight:600!important;border-radius:20px!important;font-family:Google Sans,sans-serif!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.stock-design-card.inactive{opacity:.65;filter:grayscale(.15)}.stock-all-products-card.inactive{opacity:.65!important;filter:grayscale(.15)!important}.stock-list-table tbody tr.inactive{opacity:.65;filter:grayscale(.15)}.stock-design-status-badge.inactive-badge{background:#eaeaea!important;color:#768b88!important;text-transform:capitalize}.stock-all-products-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;padding:16px!important;width:100%!important;box-sizing:border-box!important}@media(max-width:1200px){.stock-all-products-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.stock-all-products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stock-all-products-grid{grid-template-columns:1fr}}.stock-all-products-card{border:1px solid #E2E8F0!important;border-radius:20px!important;background:#fff!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;height:100%!important}.stock-all-products-card .stock-design-card-image-wrap{height:190px!important;min-height:190px!important;border-bottom:1px solid #EDF2F7!important;border-radius:20px 20px 0 0!important}.stock-all-products-card .stock-design-card-body{padding:14px!important;border:none!important;background:#fff!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important}.stock-card-badge-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;margin-bottom:10px!important;flex-wrap:nowrap!important;min-width:0!important}.stock-card-badge-left{display:flex!important;gap:6px!important;flex-wrap:nowrap!important;min-width:0!important;overflow:hidden!important}.stock-card-inactive-right{background:#e5e7eb!important;color:#9ca3af!important;padding:3px 10px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;font-family:Google Sans,sans-serif!important;white-space:nowrap!important;text-transform:capitalize!important;flex-shrink:0!important}.stock-card-category-badge{background:#f2f7f3!important;color:var(--primary-color)!important;padding:4px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;font-family:Google Sans,sans-serif!important;text-transform:capitalize!important;display:inline-block!important;width:auto!important;max-width:107px!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:middle!important}.stock-card-pos-badge{background:#fef3c7!important;color:#d97706!important;padding:4px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;font-family:Google Sans,sans-serif!important;display:inline-block!important}.stock-card-inactive-badge{background:#e2e8f0!important;color:#718096!important;padding:4px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:600!important;font-family:Google Sans,sans-serif!important;text-transform:uppercase!important;display:inline-block!important}.stock-card-title{margin:0!important;color:#1a202c!important;font-size:18px!important;line-height:1.3!important;font-weight:700!important;font-family:Google Sans,sans-serif!important;display:-webkit-box!important;line-clamp:1!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important}.stock-card-description{margin:0!important;color:#718096!important;font-size:13px!important;line-height:1.45!important;font-family:Google Sans,sans-serif!important;display:-webkit-box!important;line-clamp:2!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;height:38px!important;min-height:38px!important}.stock-card-divider{border-bottom:2px dashed #E2E8F0!important;margin:10px 0!important;width:100%!important}.stock-units-section{width:100%!important;margin-bottom:10px!important}.stock-units-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:10px!important;position:relative!important;z-index:1!important}.stock-units-title{font-size:12px!important;font-weight:600!important;color:#1a202c!important;font-family:Google Sans,sans-serif!important}.stock-units-show-more{font-size:12px!important;font-weight:600!important;color:#c08a24!important;cursor:pointer!important;font-family:Google Sans,sans-serif!important;transition:opacity .2s!important;background:transparent!important;border:none!important;padding:0!important;position:relative!important;z-index:2!important}.stock-units-show-more:hover{opacity:.8!important;text-decoration:underline!important}.stock-units-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;width:100%!important}.stock-units-grid>.stock-unit-box{min-width:0!important}.stock-unit-box{position:relative!important;background:#e6f8f0!important;border-radius:12px!important;padding:10px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;box-sizing:border-box!important;text-align:left!important;min-height:60px!important;transition:background .2s ease!important}.stock-unit-box.warning-low{background:#fff8e2!important}.stock-unit-box.warning-out{background:#fce8e6!important}.stock-unit-qty{font-size:16px!important;font-weight:700!important;color:#1a202c!important;line-height:1.2!important;font-family:Google Sans,sans-serif!important}.stock-unit-label{font-size:11px!important;font-weight:500!important;color:#718096!important;margin-top:2px!important;text-transform:capitalize!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;max-width:100%!important;min-width:0!important;display:block!important;text-align:left!important;font-family:Google Sans,sans-serif!important}.stock-unit-alert-badge{position:absolute!important;top:5px!important;right:5px!important;background:#ff5a5f!important;color:#fff!important;font-size:10px!important;font-weight:900!important;width:14px!important;height:14px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:var(--shadow-sm)!important;line-height:1!important;z-index:5!important}.stock-unit-alert-badge.low{background:#f4b740!important}.stock-unit-alert-badge.out{background:#ff5a5f!important}.stock-unit-alert-badge:after{content:attr(data-status);position:absolute;right:100%;top:50%;background:#1f2937;color:#fff;font-size:11px;font-weight:600;line-height:1;padding:6px 8px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-50%) translate(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;pointer-events:none;z-index:20;margin-right:6px}.stock-units-grid .stock-unit-alert-badge:after{right:0;left:auto;bottom:calc(100% + 8px);top:auto;transform:translate(0);margin-right:0}.stock-unit-alert-badge:hover:after{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.stock-units-grid .stock-unit-alert-badge:hover:after{transform:translate(0)}.stock-all-products-card .stock-card-actions-row{padding-top:0!important;display:flex!important;width:calc(100% + 32px)!important;margin:auto -16px -16px!important;border-top:1px solid #EDF2F7!important;background:#fff!important;border-radius:0 0 20px 20px!important;overflow:hidden!important}.stock-card-action-btn-custom{flex:1!important;background-color:#f2f2f2!important;border:none!important;color:#718096!important;font-size:12px!important;font-weight:400!important;cursor:pointer!important;padding:12px 10px!important;text-align:center!important;transition:color .2s,background .2s!important;font-family:Google Sans,sans-serif!important;outline:none!important;border-radius:0!important;white-space:nowrap!important;display:inline-block!important}.stock-card-action-btn-custom:not(:last-child){border-right:1px solid #e2e2e2!important}.stock-card-action-btn-custom:hover{color:#c08a24!important;background:#f6f6f6!important}.stock-units-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000038;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.stock-units-modal-container{width:min(680px,100%);max-height:min(84vh,760px);overflow:auto;background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);border:1px solid #e5e7eb}.stock-units-modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;background:#fff;box-shadow:var(--shadow-sm);position:relative;z-index:10}.stock-units-modal-header-left{display:flex;align-items:center;gap:12px;min-width:0}.stock-units-modal-img-wrap{width:56px;height:56px;border-radius:12px;overflow:hidden;flex-shrink:0;background:transparent!important}.stock-units-modal-img{width:100%;height:100%;object-fit:cover}.stock-units-modal-title-wrap{min-width:0}.stock-units-modal-product-name{margin:0;color:var(--primary-color);font-family:Google Sans,sans-serif;font-size:24px;line-height:1.2;font-weight:700}.stock-units-modal-close{border:none;background:var(--primary-color);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .1s}.stock-units-modal-divider{height:1px;background:#e5e7eb}.stock-units-modal-body{padding:20px}.stock-units-modal-section-title{display:block;color:#111827;font-size:28px;line-height:1.2;font-weight:700;margin-bottom:12px}.stock-units-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stock-units-modal-grid .stock-unit-box{min-height:92px!important;border-radius:10px!important;align-items:flex-start!important;text-align:left!important;padding:12px!important}.stock-units-modal-grid .stock-unit-qty{font-size:38px!important;font-weight:700!important;line-height:1!important}.stock-units-modal-grid .stock-unit-label{margin-top:6px!important;font-size:15px!important;color:#7a7a7a!important;text-align:left!important}.stock-units-modal-grid .stock-unit-alert-badge{top:10px!important;right:10px!important}@media(max-width:640px){.stock-units-modal-header{padding:14px 14px 10px}.stock-units-modal-body{padding:12px 14px 14px}.stock-units-modal-product-name{font-size:20px}.stock-units-modal-section-title{font-size:22px}}.stock-pagination-wrap{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding-bottom:24px}.dashboard-container{width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;position:relative}.dashboard-header{text-align:center}.dashboard-header-title{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0%;margin:60px 10px 10px;color:#000}.dashboard-header-subtitle{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;margin:10px 10px 60px;color:#000}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.dashboard-stat-card{height:96px;border-radius:var(--radius-lg);border:1px solid #eaeaea;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px;box-sizing:border-box;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dashboard-stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#ebe2c6}.dashboard-stat-label{margin:0;font-size:14px;font-weight:500;color:#8a9594}.dashboard-stat-value{margin:4px 0 0;font-size:24px;font-weight:700;color:var(--primary-color);animation:dashboardStatFade .25s ease}@keyframes dashboardStatFade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.dashboard-stat-skeleton{width:48px;height:28px;border-radius:8px;margin:4px 0 0;background:linear-gradient(90deg,#f1f1f1 25%,#e7e7e7 37%,#f1f1f1 63%);background-size:400% 100%;animation:dashboardSkeletonLoading 1.4s ease infinite}@keyframes dashboardSkeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}.dashboard-stat-icon{width:50px;height:50px;border-radius:10px;background:#f9f5e5;display:flex;align-items:center;justify-content:center}.dashboard-tabs{display:flex;gap:6px;border-bottom:1px solid #dcdcdc;margin-bottom:20px}.dashboard-tab{border:0;background:transparent;padding:12px 10px;font-size:14px;font-weight:600;color:#95a1a0;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.dashboard-tab:hover{color:var(--primary-color)}.dashboard-tab.active{color:var(--primary-color);border-color:var(--gold)}.dashboard-filter-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:nowrap;margin-bottom:16px;min-height:40px}.filter-left,.filter-right{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;min-height:40px}.filter-left{flex:1;min-width:0}.filter-right{flex-shrink:0}.dashboard-input,.dashboard-select .ant-select-selector,.dashboard-input.ant-input,.dashboard-input.ant-select-auto-complete{height:40px;border-radius:20px;border:1px solid #bebebe;box-shadow:none}.dashboard-select{min-width:220px;width:220px}.dashboard-input::placeholder{color:#bebebe}.dashboard-content{background:#fff;border-radius:20px;border:1px solid #eaeaea;min-height:655px;max-height:655px;height:655px;box-sizing:border-box;box-shadow:var(--shadow-sm)}.dashboard-empty-state{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.dashboard-empty-icon{width:72px;height:72px;opacity:.75}.dashboard-empty-title{margin:0;font-size:22px;color:var(--primary-color)}.dashboard-empty-subtitle{margin:0;font-size:15px;color:#8a9594}.dashboard-button{border:0;border-radius:20px;height:42px;padding:0 18px;font-size:14px;font-weight:600;font-family:Google Sans,sans-serif;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.dashboard-button-primary{background:var(--primary-color);color:#fff}.dashboard-button-primary:hover{background:#1a5755}@media(max-width:1024px){.dashboard-header-title{font-size:30px}.dashboard-header-subtitle{font-size:16px}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.dashboard-header-title{font-size:22px}.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-select{min-width:0}}.header{position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100%;background-color:var(--primary-color);box-shadow:#00000059 0 5px 15px;font-family:var(--font-family);height:86px}.header-spacer{width:100%;height:86px;flex:0 0 86px}.header .logo{flex-grow:1;display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.header .logo img{max-height:70px;max-width:min(520px,calc(100vw - 180px));width:auto;height:auto;object-fit:contain}.header .button-container{position:absolute;left:50px;display:flex;gap:5px;cursor:pointer}.header .button-size{width:48px;height:48px;background-color:#fff;border-radius:1000px;box-shadow:0 4px 4px #00000040}.header .button-size:hover{background-color:var(--primary-color)}.header .button-size .home-button{background-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6675_1969)'%3e%3cpath%20d='M21.4069%209.56894C21.4063%209.56844%2021.4058%209.56793%2021.4053%209.56743L12.4311%200.593506C12.0486%200.210815%2011.54%200%2010.999%200C10.458%200%209.94947%200.210648%209.56678%200.593338L0.597221%209.56273C0.5942%209.56575%200.591179%209.56894%200.588157%209.57196C-0.197365%2010.362%20-0.196022%2011.6439%200.592018%2012.4319C0.952049%2012.7921%201.42756%2013.0007%201.93597%2013.0226C1.95661%2013.0246%201.97742%2013.0256%201.9984%2013.0256H2.35609V19.6298C2.35609%2020.9367%203.41939%2022%204.72658%2022H8.2376C8.59344%2022%208.88213%2021.7115%208.88213%2021.3555V16.1777C8.88213%2015.5814%209.36721%2015.0963%209.96357%2015.0963H12.0345C12.6308%2015.0963%2013.1159%2015.5814%2013.1159%2016.1777V21.3555C13.1159%2021.7115%2013.4044%2022%2013.7604%2022H17.2714C18.5786%2022%2019.6419%2020.9367%2019.6419%2019.6298V13.0256H19.9736C20.5144%2013.0256%2021.023%2012.8149%2021.4058%2012.4322C22.1947%2011.6429%2022.1951%2010.3588%2021.4069%209.56894Z'%20fill='%23B48324'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6675_1969'%3e%3crect%20width='22'%20height='22'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:60% 60%;background-repeat:no-repeat;background-position:center;width:100%;height:100%}.header .logout-container{position:absolute;right:50px;display:flex;align-items:center;cursor:pointer}.header .logout-container .user-info{display:flex;flex-direction:row;align-items:center;border-right:2px solid var(--secondary-color);padding-right:10px;margin-right:10px;gap:10px}.header .logout-container .user-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGKSURBVHgB7djtTcMwEAbgN0xAJ8BMQEdwJ6BMQDcoI7AB3YB0AhghG5QNXCYAJjjOilGIgCjn2Kkl7pHuR9NY8cVfpwBKKaWU6hCR5XjkcNQ5cGw5DErGHXygYT4pixKFtz6WRUm4QxuSeeM4RymoP9/HukcJqF20MQ5I4AzTGcRZIoEUCZx0LqdI4B1xYtv1pEjgGXFi2/VMTqCqKv8mG8jtUQreUUzY28faoTTcqSWNOw9qlCqMRP1Hx/0I3SGxChNQWw74/dxyOF4P+3DdhOsXHB8cR/6v+dbmlmPB8cLXkyxmMe7Imn7Oe0cDJTO1p7b7pc0akaJGIDzwaeCWhqPmeA2/rzh8GzvQZvU1SlmFee4oPUcRFWrMOWARX/8MMRwbCMUksEU+1xASrYGwQB3yWoTTfRTpCBjkZyQ3SxNIUsOnfIY0gTlqfyO5OUU5fVL/LoEG+TWSm6XbqF8D/muCQR6+6LuUNBCNQNifb/yDkN6RY4U5UFf3O5rOceyopC91Siml1Fw+AW3Rr3fSqcRQAAAAAElFTkSuQmCC);background-size:cover;width:100%;height:100%}.header .logout-container .user-info-text{color:var(--primary-color)}.header .logout-container .user-info-text .fullname{font-size:var(--font-smaller-than-normal);font-weight:var(--font-weight-bold);margin-right:10px}.header .logout-container .user-info-text .permission-text{font-size:var(--font-tiny);font-weight:var(--font-weight-bold);margin-right:10px}.header .logout-button{background-image:url("data:image/svg+xml,%3csvg%20width='27'%20height='23'%20viewBox='0%200%2027%2023'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M22.5247%207.45167C22.15%207.07698%2021.5411%207.07698%2021.1656%207.45167C20.7909%207.82716%2020.7909%208.43567%2021.1656%208.81036L22.8945%2010.5392H12.1041C11.573%2010.5392%2011.1431%2010.9695%2011.1431%2011.5002C11.1431%2012.0313%2011.5729%2012.4612%2012.1041%2012.4612H22.8945L21.1656%2014.1901C20.7909%2014.5648%2020.7909%2015.1734%2021.1656%2015.5489C21.3541%2015.7366%2021.5996%2015.8302%2021.8455%2015.8302C22.0914%2015.8302%2022.3374%2015.7366%2022.5247%2015.5489L25.8934%2012.1802C26.0739%2011.9993%2026.1756%2011.7549%2026.1756%2011.5003C26.1756%2011.2457%2026.0739%2011.0005%2025.8934%2010.8203L22.5247%207.45167ZM20.1158%2018.0725C20.494%2018.4454%2020.497%2019.0539%2020.1238%2019.4312C17.9884%2021.5907%2015.1407%2022.7798%2012.1041%2022.7798C5.88472%2022.7798%200.824219%2017.72%200.824219%2011.5002C0.824219%205.28035%205.88472%200.220215%2012.1041%200.220215C15.1407%200.220215%2017.9884%201.4097%2020.1238%203.56924C20.4969%203.94625%2020.494%204.55508%2020.1158%204.92833C19.7385%205.30157%2019.1303%205.29813%2018.7572%204.9204C16.9856%203.12881%2014.6225%202.14217%2012.1042%202.14217C6.9439%202.14217%202.74616%206.33995%202.74616%2011.5003C2.74616%2016.6606%206.9439%2020.8584%2012.1042%2020.8584C14.6225%2020.8584%2016.9856%2019.8717%2018.7572%2018.0804C19.1303%2017.7023%2019.7385%2017.6993%2020.1158%2018.0725Z'%20fill='%23B48324'/%3e%3c/svg%3e");background-size:60% 60%;background-repeat:no-repeat;background-position:center;width:100%;height:100%}@media(min-width:768px)and (max-width:1024px){.header .button-size{width:35px;height:35px}.header .logout-container .user-info{padding-right:0;margin-right:5px}.header .logout-container .user-info-text .fullname{font-size:var(--font-smaller-than-normal);margin-right:5px;line-height:20px}.header .logout-container .user-info-text .permission-text{font-size:var(--font-tiny);margin-right:5px;line-height:20px}}@media(max-width:767px){.header .logo img{max-height:70px;height:auto;max-width:min(260px,calc(100vw - 130px));width:auto}.header .button-size{width:30px;height:30px}.header .button-container{position:absolute;left:25px;display:flex;flex-direction:column;gap:10px}.header .logout-container{position:absolute;right:25px;display:flex;align-items:center}.header .logout-container .user-info{padding-right:2.5px;margin-right:2.5px}}.add-stock-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;display:flex;align-items:center;justify-content:center;font-family:Google Sans,sans-serif}.add-stock-modal-container{background:#fff;border-radius:24px;box-shadow:var(--shadow-lg);width:100%;max-width:800px;box-sizing:border-box;overflow:hidden;border:1px solid #e0e0e0;display:flex;flex-direction:column}.add-stock-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 18px;border-bottom:1.5px solid #f0f0f0}.add-stock-modal-title{font-size:24px;font-weight:700;color:var(--primary-color);margin:0}.add-stock-modal-close-btn{background:var(--primary-color);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .1s}.add-stock-modal-close-btn:hover{background:#1e5957}.add-stock-modal-close-btn svg{stroke:#fff;stroke-width:2.5}.add-stock-modal-content{padding:16px 32px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 180px);overflow-y:auto;overflow-x:hidden}.add-stock-tabs-wrapper{background:#f5f6f6;border-radius:14px;padding:4px;display:flex;gap:4px;align-self:stretch;width:100%;max-width:100%;box-sizing:border-box;box-shadow:inset 0 2px 4px #00000008}.add-stock-tab-pill{flex:1;border:none;background:transparent;padding:10px 16px;font-size:15px;font-weight:600;color:#768b88;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;font-family:Google Sans,sans-serif}.add-stock-tab-pill:hover:not(.active){color:var(--primary-color);background:#103c3b0d}.add-stock-tab-pill.active{background:var(--primary-color);color:#fff;box-shadow:0 4px 10px #103c3b33}.add-stock-form-grid{display:flex;flex-direction:column;gap:16px}.add-stock-form-row{display:flex;gap:24px;width:100%}.add-stock-form-field{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0;position:relative}.add-stock-form-field label{font-size:15px;font-weight:600;color:#000}.add-stock-form-field label span{color:#ff3b30}.add-stock-input-field{width:100%;height:40px;border-radius:10px;border:1px solid #e8e8e8!important;font-size:15px;padding:0 16px;background:#fff;color:#000;outline:none;font-weight:500;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;font-family:Google Sans,sans-serif}.add-stock-input-field:focus{border-color:var(--primary-color)}.add-stock-input-field:disabled{background:#f7f7f7;color:#aaa;border-color:#e0e0e0;cursor:not-allowed}.add-stock-cost-wrapper{display:flex;width:100%;height:40px;border-radius:10px;border:1px solid #d9d9d9!important;background:#fff;align-items:center;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.add-stock-cost-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #103c3b1a}.add-stock-cost-input{flex:1;height:100%;border:none;border-radius:10px 0 0 10px;font-size:15px;padding:0 16px;color:#000;outline:none;font-weight:500;box-sizing:border-box;background:transparent;font-family:Google Sans,sans-serif}.add-stock-cost-divider{height:24px;width:1.5px;background:#d9d9d9;margin-right:16px}.add-stock-cost-suffix{color:var(--primary-color);font-weight:700;font-size:13px;margin-right:16px;-webkit-user-select:none;user-select:none}.add-stock-transfer-arrow-wrapper{display:flex;align-items:center;justify-content:center;height:40px;margin-bottom:2px}.add-stock-transfer-arrow-img{width:32px;height:24px}.add-stock-textarea-field{width:100%;min-height:80px;border-radius:10px;border:1px solid #e8e8e8!important;font-size:15px;padding:10px 16px;background:#fff;color:#000;resize:none;outline:none;font-weight:500;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;font-family:Google Sans,sans-serif}.add-stock-textarea-field:focus{border-color:var(--primary-color)!important}.add-stock-modal-actions{display:flex;justify-content:center;gap:16px}.add-stock-action-btn{width:140px;height:46px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:Google Sans,sans-serif;box-shadow:none;outline:none}.add-stock-action-btn.cancel{background:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.add-stock-action-btn.cancel:hover{background:#f4f6f6}.add-stock-action-btn.save{background:var(--primary-color);color:#fff;border:none}.add-stock-action-btn.save:hover{background:#1e5957;box-shadow:0 4px 12px #103c3b40}.add-stock-input-helper{font-size:13px;color:#768b88;font-weight:500;position:absolute;bottom:-20px;left:0;margin-top:0}.add-stock-input-helper.remain{color:#768b88;font-weight:500;font-size:13px}.add-stock-input-field::placeholder,.add-stock-cost-input::placeholder,.add-stock-textarea-field::placeholder{color:#bfbfbf!important;font-family:Google Sans,sans-serif!important;font-size:15px!important;font-weight:300!important}@media(max-width:838px){.add-stock-modal-overlay{padding:28px;box-sizing:border-box}.add-stock-modal-container{max-width:100%;border-radius:18px;margin:0}.add-stock-modal-header{padding:16px 20px}.add-stock-modal-title{font-size:20px}.add-stock-modal-content{padding:16px 20px 20px;gap:16px}.add-stock-form-row{flex-direction:column;gap:16px}.add-stock-form-row:has(.add-stock-transfer-arrow-wrapper){display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.add-stock-form-row:has(.add-stock-transfer-arrow-wrapper) .add-stock-transfer-arrow-wrapper{grid-column:span 2!important;display:flex!important;justify-content:center!important;align-items:center!important;height:auto!important;margin:8px 0!important}.add-stock-form-row:has(.add-stock-transfer-arrow-wrapper) .add-stock-transfer-arrow-img{transform:rotate(90deg)!important;width:24px!important;height:24px!important}.add-stock-action-btn{width:120px;height:40px;font-size:15px}.add-stock-tab-pill{padding:2px 6px;font-size:13px;border-radius:8px}.add-stock-tabs-wrapper{border-radius:10px;padding:3px}}.add-stock-modal-container .ant-select{height:40px!important}.add-stock-modal-container .ant-select-selector{height:40px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}.input-error,.ant-select-status-error .ant-select-selector{border-color:#ff3b30!important;box-shadow:0 0 0 2px #ff3b301a!important}.add-stock-error-text{color:#ff3b30;font-size:12px;font-weight:500;margin-top:2px;display:block;font-family:Google Sans,sans-serif;text-align:left}.addproduct-type-dropdown-input::placeholder,.addproduct-units-dropdown-input::placeholder{font-weight:500!important}.addproduct-type-dropdown-input,.addproduct-units-dropdown-input{font-family:Google Sans!important;font-weight:600!important;font-size:14px!important;color:var(--primary-color)!important}.addproduct-type-dropdown-input::placeholder{color:#bebebe!important}.addproduct-units-dropdown-input::placeholder{color:#bebebe!important}.addproduct-units-select input::placeholder,.addproduct-units-select textarea::placeholder{color:#bebebe!important}.addproduct-units-select .ant-input::placeholder,.addproduct-type-select .ant-input::placeholder{color:#bebebe!important}.addproduct-units-select .ant-select-selection-overflow{flex-wrap:nowrap!important;align-items:center}.addproduct-units-select.units-searching .ant-select-selection-search-input{padding:0!important;margin:0!important;height:100%!important;line-height:42px!important;font-family:Google Sans!important;font-weight:600!important;font-size:14px!important;color:var(--primary-color)!important;width:auto!important}.addproduct-units-select.units-searching .ant-select-selection-item{display:none!important}.addproduct-units-select .ant-select-item{border:none!important;box-shadow:none!important}.addproduct-units-select .ant-select-dropdown{border:none!important;box-shadow:var(--shadow-sm)!important}.addproduct-units-select .ant-select-selection-placeholder,.addproduct-units-select .ant-select-selection-overflow-item{font-family:Google Sans!important;font-weight:600!important;font-size:14px!important;color:var(--primary-color)!important;opacity:1!important}.addproduct-units-select .ant-select-selection-placeholder{padding-top:10px!important;padding-bottom:0!important;display:flex;align-items:center;height:100%;line-height:10px!important}.addproduct-units-select .ant-select-selection-item{background:transparent!important;border:none!important;color:var(--primary-color)!important;font-family:Google Sans!important;font-weight:600!important;font-size:14px!important;box-shadow:none!important;margin-top:10px!important;left:-6px}.addproduct-type-select .ant-select-selection-item,.addproduct-type-select .ant-select-selection-search-input{font-family:Google Sans!important;font-weight:600!important;font-size:14px!important;color:var(--primary-color)!important}.ant-select-auto-complete input{font-size:14px!important}.addproduct-type-select .ant-select-arrow,.addproduct-units-select .ant-select-arrow{display:none!important}input#product_type::placeholder{padding-right:560px!important;text-align:right!important}input#product_type{height:42px!important;border-radius:8px!important;padding:8px 16px!important;background:#fff!important;font-size:14px!important;color:var(--primary-color)!important;border:1px solid #BEBEBE!important;box-sizing:border-box!important;font-family:Google Sans;font-weight:500}label[for=product_type],label[for=units],label[for=remark]{display:block}.addproduct-page-container .ant-select-selector input{font-family:Google Sans!important;font-weight:600!important;font-size:14px!important;color:var(--primary-color)!important}.addproduct-page-content .page-title-section h1{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0%;margin:40px 10px 10px;color:#000}label{color:#000;font-weight:600;font-size:15px!important;font-family:Google Sans!important}.addproduct-page-content .page-title-section h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;margin:10px 10px 65px}.addproduct-page-container .ant-select-selection-placeholder{text-align:left!important;font-family:Google Sans!important;font-size:14px!important;font-weight:500!important;color:#bebebe!important;width:100%;padding-left:17.5px!important;right:auto;left:0;margin-right:10;padding-bottom:5px!important}.addproduct-page-container .ant-select-selector{border-radius:8px!important;border:1px solid #BEBEBE!important;height:42px!important}.addproduct-page-container .ant-select-selector .ant-select-selection-search,.addproduct-page-container .ant-select-selector .ant-select-selection-item,.addproduct-page-container .ant-select-selector .ant-select-selection-placeholder{display:flex!important;align-items:center!important;height:100%!important;padding-bottom:0!important;margin-top:0!important;line-height:1!important}.addproduct-units-placeholder{color:#aaa!important}.addproduct-units-value{color:var(--secondary-color)!important}.addproduct-select span.addproduct-units-placeholder{color:#bebebe!important;font-size:14px!important;margin-left:2px!important}.addproduct-select span.addproduct-units-value{color:var(--primary-color)!important}input.addproduct-input::placeholder,textarea.addproduct-input::placeholder{color:#bebebe!important;opacity:1!important}.addproduct-select::placeholder{color:#aaa!important;opacity:1}.addproduct-select option[value=""]{color:#aaa!important}.addproduct-input::placeholder{color:#aaa!important;opacity:1}input#settheprice.addproduct-input{font-family:Google Sans!important;font-size:14px!important;font-weight:600!important;color:var(--primary-color)!important;border:1px solid #BEBEBE!important}input#settheprice.addproduct-input::placeholder{font-weight:500!important}textarea.addproduct-input{height:80px!important;min-height:285.7px!important;max-height:80px!important;resize:none}textarea.addproduct-input#remark,.remark-input{height:113px!important;min-height:113px!important;max-height:113px!important;resize:none!important}.addproduct-units-hint-row{display:flex;justify-content:flex-end;margin-top:-8px;margin-bottom:8px}.addproduct-type-hint.units-hint{color:#f44336!important;font-size:15px!important;margin:0!important;text-align:right;display:inline-block;min-width:120px;vertical-align:middle}.addproduct-units-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2px}.addproduct-units-label{color:var(--secondary-color);font-weight:600;font-size:1.13rem;margin-bottom:0}.addproduct-type-hint{color:#f44336!important;font-size:15px!important;margin:0 0 2px!important;text-align:right;display:inline-block;min-width:120px;vertical-align:middle}.addproduct-form-col label{display:block}.addproduct-input,.addproduct-select,textarea.addproduct-input{width:100%!important;min-width:0!important;box-sizing:border-box;border-radius:8px!important;border:1px solid #BEBEBE!important;font-size:14px!important;padding:8px 16px!important;background:#fff!important;color:var(--primary-color)!important;height:42px!important;font-family:Google Sans;font-weight:500!important}.addproduct-page-container .ant-select.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important}textarea.addproduct-input{font-weight:600!important}textarea.addproduct-input::placeholder{font-weight:500!important}.addproduct-units-value{color:var(--primary-color)!important}input#product_type+img+div>div,input#product_type+img+div>div[style],.addproduct-type-list-box .addproduct-type-item{color:var(--primary-color)!important}input#product_type+img+div input[type=text]{color:var(--primary-color)!important}input#product_type+img+div button,input#product_type+img+div button span{color:var(--primary-color)!important}.addproduct-units-dropdown input[type=text],.addproduct-units-dropdown button,.addproduct-units-dropdown button span{color:var(--primary-color)!important}.addproduct-units-dropdown>div{color:var(--primary-color)!important}.addproduct-input:focus,.addproduct-select:focus,textarea.addproduct-input:focus{outline:none;border-color:var(--primary-color)!important}.addproduct-units-dropdown-open .addproduct-units-dropdown{border:1.5px solid var(--primary-color)!important;border-top:none!important;border-radius:0 0 10px 10px!important}.addproduct-select{border-color:var(--primary-color)!important;transition:border-color .2s}.addproduct-units-dropdown-open .addproduct-select{border-color:var(--primary-color)!important}.addproduct-units-dropdown{border:1.5px solid var(--primary-color)!important;border-top:none!important;border-radius:0 0 10px 10px!important}.addproduct-units-dropdown-open .addproduct-units-dropdown{border:1.5px solid #AAAAAA!important;border-top:none!important;border-radius:0 0 10px 10px!important}input.addproduct-input:focus,textarea.addproduct-input:focus{border-color:var(--primary-color)!important}.addproduct-input[type=checkbox]{width:auto!important;min-width:unset!important;margin-bottom:0!important}.addproduct-type-hint{color:#f44336!important;font-size:13px!important;margin-top:-8px!important;margin-bottom:8px!important;margin-left:0!important;text-align:right;display:block}.addproduct-container{max-width:1080px!important;padding:32px 32px 24px!important;width:2000px;border:1px solid #AAAAAA!important;border-radius:18px!important}.addproduct-form-row{gap:18px!important;align-items:flex-start!important}.addproduct-img-box{width:260px!important;height:260px!important;border-radius:18px!important;margin-bottom:8px!important}.addproduct-img-col{min-width:320px!important;justify-content:flex-start!important}.addproduct-btn-row{justify-content:flex-end!important;gap:24px!important}.addproduct-btn-cancel{border:1px solid #e0e0e0!important;background:#fff!important;color:var(--secondary-color)!important;margin-right:8px!important}.addproduct-btn-save{background:var(--secondary-color)!important;color:#fff!important;box-shadow:0 2px 8px #33998f21!important}.addproduct-type-hint{color:#f44336!important;margin-top:-8px!important;margin-bottom:8px!important;margin-left:2px!important;font-size:13px!important}.addproduct-select{padding:8px 12px!important;border-radius:8px!important;border:1px solid #BEBEBE!important;font-size:14px!important;font-family:Google Sans!important;height:42px!important}.addproduct-input{padding:8px 12px!important;border-radius:10px!important;border:1.5px solid #BEBEBE!important;font-size:1rem!important}.addproduct-input.max-amount-input{padding:10px 16px!important;border-radius:8px!important;border:1px solid #BEBEBE!important;background:#fff!important}.addproduct-bg{background:#eee;min-height:100vh;padding:40px 0}.addproduct-container{max-width:700px;margin:0 auto;background:#fff;border-radius:18px;box-shadow:var(--shadow-sm);padding:32px 32px 0 8px}.addproduct-title{color:var(--secondary-color);margin-bottom:18px;font-size:1.5rem;font-weight:600}.addproduct-form-row{display:flex;gap:32px}.addproduct-form-col{flex:0 0 340px;min-width:340px;display:flex;flex-direction:column;align-items:stretch;padding-left:16px}.addproduct-pos-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.addproduct-pos-label{display:flex;align-items:center;gap:4px;font-size:1rem}.addproduct-select{width:100%;padding:8px;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:8px}.addproduct-add-row{display:flex;gap:8px;margin-bottom:12px}.addproduct-btn{padding:8px 16px;border-radius:8px;border:none;background:var(--secondary-color);color:#fff;font-weight:500;cursor:pointer}.addproduct-unit-list{margin-bottom:12px}.addproduct-unit-chip{background:#eee;border-radius:6px;padding:4px 10px;margin-right:6px;font-size:.95rem}.addproduct-img-col{flex:0 0 420px;min-width:420px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto!important;min-height:unset!important;margin-bottom:0!important;padding-bottom:0!important}.addproduct-img-box{width:320px;height:320px;border:2.5px dashed #ccc;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#fafafa;margin-bottom:8px}.addproduct-img-preview{max-width:100%;max-height:100%;border-radius:12px}.addproduct-img-hint{color:#bbb;text-align:center;font-size:.95rem}.addproduct-btn-row{display:flex;justify-content:center;gap:40px;margin-top:32px}.addproduct-btn-cancel{padding:10px 0;border-radius:8px!important;border:1px solid var(--primary-color)!important;background:#fff;color:var(--primary-color)!important;font-weight:600!important;cursor:pointer;width:140px;font-size:14px!important;margin-right:8px;font-family:Google Sans}.addproduct-btn-cancel:hover{background:#aaa!important;color:#fff!important}.addproduct-btn-save{padding:10px 0;border-radius:8px!important;border:none;background:var(--primary-color)!important;color:#fff;font-weight:600;cursor:pointer;width:140px;font-size:14px!important;font-family:Google Sans}.addproduct-btn-save:hover{background:#aaa!important;color:#fff!important}.addproduct-type-list-box{margin-top:32px}.addproduct-type-list{background:#fafafa;border-radius:8px;padding:16px}.addproduct-type-item{margin-bottom:6px}.addproduct-type-input{width:60%;margin-right:8px}.addproduct-type-hint{color:#f44336;margin-top:8px;font-size:13px}.addproduct-page-container{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;background-color:var(--background-color, #f0f2f5);min-height:120vh;padding-bottom:40px;color:var(--secondary-color)}.addproduct-page-content{width:100%;max-width:1500px;padding:20px;box-sizing:border-box;flex-grow:1;display:flex;flex-direction:column;align-items:center;color:var(--secondary-color)}.addproduct-multi-hint{position:absolute;right:0;top:0;color:#ff0202;font-size:13px;font-weight:600;font-family:Google Sans;background:transparent;z-index:2;padding-right:8px}.addproduct-units-select .ant-select-selector{height:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;padding:0 38px 0 12px!important;box-sizing:border-box!important}.addproduct-units-select .ant-select-selection-wrap{height:100%!important;display:flex!important;align-items:center!important}.addproduct-units-select .ant-select-selection-search{height:100%!important;display:flex!important;align-items:center!important;margin:0!important;padding:0!important}.addproduct-units-select .ant-select-selection-search-input{height:100%!important;line-height:42px!important;margin:0!important;padding:0!important}.addproduct-units-select .ant-select-selection-placeholder{display:flex!important;align-items:center!important;height:100%!important;padding-top:0!important;padding-bottom:0!important;line-height:1!important}.addproduct-units-select .ant-select-selection-item{background:transparent!important;border:none!important;color:var(--primary-color)!important;font-family:Google Sans!important;font-weight:600!important;font-size:14px!important;box-shadow:none!important;margin-top:0!important;left:-6px;padding-top:0!important}.addproduct-units-select .ant-select-selection-overflow{height:100%!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;padding-top:0!important;padding-bottom:0!important}@media(max-width:900px){.addproduct-form-row{flex-direction:column;gap:0}.addproduct-img-box{width:100%;height:140px}}.addproduct-container.addproduct-container-form{width:min(1080px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;margin-left:auto!important;margin-right:auto!important;padding:24px!important;box-sizing:border-box!important}.addproduct-form-row.addproduct-form-row-main{width:100%;gap:24px!important;align-items:flex-start!important}.addproduct-form-col.addproduct-form-col-main{flex:1 1 0!important;min-width:0!important;max-width:none!important;padding-left:0!important}.addproduct-product-header{gap:16px}.addproduct-upload-col{flex:0 1 420px!important;min-width:min(420px,100%)!important;align-self:flex-start!important;align-items:flex-start!important;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:0!important;padding-bottom:0!important}.addproduct-upload-label{width:min(100%,420px)!important;height:524px!important;min-height:524px!important;max-height:524px!important;flex:1 1 auto;margin-right:0!important;box-sizing:border-box;margin-bottom:0!important}.addproduct-actions{width:100%;justify-content:center!important;gap:12px!important}.addproduct-actions .addproduct-btn-cancel,.addproduct-actions .addproduct-btn-save{width:min(220px,100%)!important;max-width:220px;margin-right:0!important}@media(max-width:1100px){.addproduct-container.addproduct-container-form{width:calc(100vw - 48px);max-width:calc(100vw - 48px);padding:20px}.addproduct-form-row.addproduct-form-row-main{gap:20px}.addproduct-upload-col{flex-basis:340px!important;min-width:300px}.addproduct-upload-label{width:min(100%,340px);height:auto;min-height:480px}textarea.addproduct-input#remark,.remark-input{height:80px!important;min-height:80px!important;max-height:80px!important;resize:none!important}.ap2-modal-overlay{padding:48px}}@media(max-width:900px){.addproduct-page-content{padding:24px}.addproduct-container.addproduct-container-form{width:100%;max-width:100%;padding:18px}.addproduct-form-row.addproduct-form-row-main{flex-direction:column!important;gap:18px}.addproduct-form-col.addproduct-form-col-main,.addproduct-upload-col{width:100%!important;min-width:0!important;max-width:100%!important;flex:1 1 100%!important}.addproduct-upload-label{width:100%;max-width:100%!important;height:320px}}@media(max-width:700px){.addproduct-product-header{flex-wrap:wrap;margin-bottom:14px!important}.addproduct-units-field{margin-top:22px!important}.addproduct-upload-label{height:280px}.addproduct-actions{flex-wrap:wrap;gap:10px}.addproduct-actions .addproduct-btn-cancel,.addproduct-actions .addproduct-btn-save{max-width:100%}}@media(max-width:560px){.addproduct-page-content{padding:24px}.addproduct-container.addproduct-container-form{width:100%;max-width:100%;padding:24px 20px}.addproduct-upload-label{height:240px;border-radius:14px!important}.ap2-upload-subtitle{margin-bottom:12px!important}.addproduct-actions{flex-direction:column}.addproduct-actions .addproduct-btn-cancel,.addproduct-actions .addproduct-btn-save{width:100%!important;max-width:100%}.stock-option-modal-overlay{padding:24px}}.stock-dropdown-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px}.stock-dropdown-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Google Sans;font-size:14px;font-weight:500;color:var(--primary-color)}.stock-dropdown-option-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;opacity:0;transition:opacity .15s ease}.ant-select-item-option:hover .stock-dropdown-option-actions,.ant-select-item-option-active .stock-dropdown-option-actions{opacity:1}.ant-select-item-option-content{width:100%}.stock-option-edit-btn,.stock-option-delete-btn{border:none;background:transparent;cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:background .15s ease,transform .1s ease}.stock-option-icon{width:18px;height:18px;display:block;filter:brightness(0) saturate(100%) invert(65%);transition:filter .15s ease}.stock-option-edit-btn:hover{background:#f9fffd}.stock-option-edit-btn:hover .stock-option-icon{filter:brightness(0) saturate(100%) invert(45%)}.stock-option-icon-delete{width:21px;height:21px;filter:brightness(0) saturate(100%) invert(65%)}.stock-option-delete-btn:hover{background:#f9fffd}.stock-option-delete-btn:hover .stock-option-icon-delete{filter:brightness(0) saturate(100%) invert(45%)}.stock-option-edit-btn.disabled,.stock-option-delete-btn.disabled,.stock-option-edit-btn:disabled,.stock-option-delete-btn:disabled{opacity:.4;cursor:not-allowed}.stock-option-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;z-index:9999;display:flex;align-items:center;justify-content:center}.stock-option-modal{background:#fff;border-radius:18px;padding:32px 28px 24px;min-width:320px;max-width:420px;width:90vw;box-shadow:0 8px 40px #103c3b29;display:flex;flex-direction:column;gap:18px}.stock-option-modal-title{font-family:Google Sans;font-size:17px;font-weight:700;color:var(--primary-color);margin:0}.stock-option-modal-body{font-family:Google Sans;font-size:14px;color:#5a6e6d;margin:0}.stock-option-modal-input{width:100%;height:40px;border:1.5px solid #BEBEBE;border-radius:10px;padding:0 14px;font-family:Google Sans;font-size:14px;color:var(--primary-color);outline:none;box-sizing:border-box;transition:border-color .2s}.stock-option-modal-input:focus{border-color:var(--primary-color)}.stock-option-modal-actions{display:flex;gap:10px;justify-content:flex-end}.stock-option-modal-cancel{border:1.5px solid #E0E0E0;background:#fff;color:var(--primary-color);border-radius:10px;padding:8px 20px;font-family:Google Sans;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.stock-option-modal-cancel:hover{background:#f5f5f5}.stock-option-modal-confirm{border:none;border-radius:10px;padding:8px 20px;font-family:Google Sans;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.stock-option-modal-confirm.danger{background:#d9534f;color:#fff}.stock-option-modal-confirm.primary{background:var(--primary-color);color:#fff}.stock-option-modal-confirm:hover{opacity:.87}.ant-select-item-option-state,.ant-select-item-option-selected .ant-select-item-option-state{display:none!important}.stock-success-notification,.stock-error-notification,.stock-warning-notification{border-radius:18px}@media(max-width:767px){.remark-input,textarea.addproduct-input#remark{height:42px!important;min-height:42px!important;max-height:42px!important}.addproduct-upload-label{height:260px;min-height:260px;max-height:260px}}.input-error,.input-error .ant-select-selector,.input-error textarea,.input-error input{border-color:#ff4d4f!important}.input-error .ant-select-selector:focus,.input-error textarea:focus,.input-error input:focus{box-shadow:0 0 0 2px #ff4d4f1f!important}.input-error.ant-select{border:none!important;box-shadow:none!important}.input-error.ant-select .ant-select-selector{border:1.8px solid #ff4d4f!important;box-shadow:none!important}.addproduct-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;position:relative;width:100%}.addproduct-form-group label{margin:0!important;padding:0!important}.addproduct-form-group input,.addproduct-form-group textarea,.addproduct-form-group .ant-select,.addproduct-form-group .addproduct-select{margin:0!important}.addproduct-max-hint{margin:10px 0 20px;font-size:13px;line-height:1.4;color:#666;font-family:Google Sans;font-weight:300}.addproduct-input-error,.addproduct-input.max-amount-input.addproduct-input-error,.addproduct-input.max-amount-input.input-error{border:1.5px solid #ff4d4f!important;box-shadow:none!important}.addproduct-input-error:focus,.addproduct-input.max-amount-input.addproduct-input-error:focus,.addproduct-input.max-amount-input.input-error:focus{border-color:#ff4d4f!important}.ap2-upload-section{display:flex;align-items:flex-start;gap:24px;margin-bottom:10px;border-radius:16px;padding:10px}.ap2-upload-preview{flex-shrink:0;width:180px;height:180px;border-radius:14px;overflow:hidden;background:#ebebeb;display:flex;align-items:center;justify-content:center;position:relative}.ap2-upload-preview img.ap2-preview-img{width:100%;height:100%;object-fit:cover;border-radius:14px}.ap2-upload-preview .ap2-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ap2-upload-preview .ap2-preview-placeholder img{width:72px;height:72px;opacity:.7}.ap2-upload-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:140px}.ap2-upload-title{font-family:Google Sans,sans-serif;font-size:32px;font-weight:700;color:#1a1a1a;margin:0}.ap2-upload-subtitle{font-family:Google Sans,sans-serif;font-size:15px;font-weight:400;color:#999;margin:0 0 24px}.ap2-upload-btns{display:flex;gap:10px;flex-wrap:wrap}.ap2-btn-upload{display:inline-flex;align-items:center;gap:6px;background:var(--primary-color);color:#fff;border:none;border-radius:999px;padding:9px 20px;font-family:Google Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;white-space:nowrap}.ap2-btn-upload:hover{background:#1d5c5a}.ap2-btn-remove{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#aaa;border:1.5px solid #D8D8D8;border-radius:999px;padding:9px 20px;font-family:Google Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap}.ap2-btn-remove:not(:disabled):hover{border-color:#d9534f;color:#d9534f}.ap2-btn-remove:disabled{opacity:.45;cursor:not-allowed}.ap2-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.ap2-info-row{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px;flex-wrap:nowrap}.ap2-field-product-name{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px}.ap2-field-pos{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding-bottom:2px}.ap2-field-pos label{font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;margin:0!important}.ap2-pos-checkbox{width:18px!important;height:18px!important;min-width:unset!important;cursor:pointer;accent-color:var(--primary-color)}.ap2-field-product-type{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px}.ap2-field-label{font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;margin:0;display:flex;align-items:center;min-height:22px}.ap2-field-label.error{color:#ff4d4f!important}.ap2-input{width:100%;height:44px;border:1.5px solid #BEBEBE;border-radius:10px;padding:0 14px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;color:var(--primary-color);background:#fff;box-sizing:border-box;outline:none;transition:border-color .2s}.ap2-input::placeholder{color:#bebebe;font-weight:400}.ap2-input:focus{border-color:var(--primary-color)}.ap2-input.error{border-color:#ff4d4f!important}.ap2-ant-select{width:100%}.ap2-ant-select .ant-select-selector{height:44px!important;border:1.5px solid #BEBEBE!important;border-radius:10px!important;background:#fff!important;display:flex!important;align-items:center!important;font-family:Google Sans,sans-serif!important;font-size:14px!important;font-weight:500!important;color:var(--primary-color)!important;transition:border-color .2s!important}.ap2-ant-select.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:none!important}.ap2-ant-select.error .ant-select-selector{border-color:#ff4d4f!important}.ap2-ant-select .ant-select-selection-item{font-family:Google Sans,sans-serif!important;font-size:14px!important;font-weight:600!important;color:var(--primary-color)!important;line-height:44px!important}.ap2-ant-select .ant-select-selection-placeholder{font-family:Google Sans,sans-serif!important;font-size:14px!important;font-weight:400!important;color:#bebebe!important;line-height:44px!important}.ap2-ant-select .ant-select-arrow{display:none!important}.ap2-select-wrapper{position:relative;width:100%}.ap2-arrow-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;z-index:2}.ap2-ant-select.ap2-units-select .ant-select-selector{height:auto!important;min-height:44px!important;padding:6px 38px 6px 10px!important;flex-wrap:wrap!important;align-content:flex-start!important}.ap2-ant-select.ap2-units-select .ant-select-selection-overflow{flex-wrap:wrap!important;gap:4px}.ap2-ant-select.ap2-units-select .ant-select-selection-item{height:28px!important;line-height:28px!important;background:#f7f7f7!important;border:1px solid #efefef!important;border-radius:10px!important;padding:0 10px!important;font-size:13px!important;font-weight:600!important;color:#333!important;margin:0!important;display:inline-flex!important;align-items:center!important}.ap2-ant-select.ap2-units-select .ant-select-selection-item-remove{color:#333!important;font-size:12px!important;margin-left:4px;line-height:1;display:flex;align-items:center}.ap2-ant-select.ap2-units-select .ant-select-selection-placeholder{line-height:30px!important}.ap2-ant-select.ap2-units-select .ant-select-selection-search{margin:2px 0!important}.ap2-units-section,.ap2-min-stock-section{margin-bottom:20px}.ap2-min-stock-label{font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 10px;display:block}.ap2-min-stock-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.ap2-min-stock-item{display:flex;flex-direction:row;align-items:center;gap:12px}.ap2-min-stock-item-label{font-family:Google Sans,sans-serif;font-size:14px;font-weight:700;color:#1a1a1a;margin:0!important;width:80px;flex-shrink:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap2-min-stock-item-label.error{color:#ff4d4f}.ap2-price-section{margin-bottom:20px}.ap2-remark-section{margin-bottom:24px}.ap2-textarea{width:100%;min-height:100px;border:1.5px solid #BEBEBE;border-radius:10px;padding:12px 14px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;color:var(--primary-color);background:#fff;box-sizing:border-box;outline:none;resize:vertical;transition:border-color .2s}.ap2-textarea::placeholder{color:#bebebe;font-weight:400}.ap2-textarea:focus{border-color:var(--primary-color)}.ap2-actions{display:flex;justify-content:center;gap:12px;margin-top:8px}.ap2-btn-cancel{min-width:140px;height:44px;border-radius:10px;border:1px solid var(--primary-color);background:#fff;color:var(--primary-color);font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.ap2-btn-cancel:hover{background:#aaa;color:#fff;border-color:#aaa}.ap2-btn-save{min-width:140px;height:44px;border-radius:10px;border:none;background:var(--primary-color);color:#fff;font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px #103c3b2e;transition:background .2s,opacity .2s}.ap2-btn-save:hover{background:#1d5c5a}.ap2-btn-save:disabled{opacity:.6;cursor:not-allowed}.ap2-section-divider{border:none;border-top:1.5px solid #F0F0F0;margin:4px 0 20px}.ap2-error-text{font-family:Google Sans,sans-serif;font-size:12px;color:#ff4d4f;margin:2px 0 0}@media(max-width:900px){.ap2-info-row{flex-wrap:wrap;gap:14px}.ap2-field-product-name,.ap2-field-product-type{flex:1 1 100%}.ap2-field-pos{flex:0 0 auto;flex-direction:row;align-items:center;gap:8px;padding-bottom:0}.ap2-min-stock-grid{grid-template-columns:1fr}}@media(max-width:768px){.ap2-upload-section{flex-direction:column;align-items:center;text-align:center;padding:10px}.ap2-upload-info{align-items:center;min-height:unset}.ap2-upload-btns{justify-content:center}.ap2-upload-preview{width:200px;height:200px}.ap2-actions{flex-wrap:wrap}.ap2-btn-cancel,.ap2-btn-save{flex:1 1 140px}.ap2-info-row{gap:12px}.ap2-min-stock-grid{grid-template-columns:1fr;gap:10px}}.ap2-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;z-index:99999999!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden;padding:24px;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:ap2FadeIn .22s ease-out}.ap2-modal-wrapper{background:#fff;border-radius:24px;box-shadow:0 16px 48px #103c3b3d;max-height:85vh;width:100%!important;max-width:1080px!important;overflow-y:auto;position:relative;box-sizing:border-box;animation:ap2ScaleIn .26s cubic-bezier(.34,1.56,.64,1);-ms-overflow-style:none;scrollbar-width:none}.ap2-modal-wrapper::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.ap2-modal-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:none;box-shadow:0 4px 16px #103c3b14;position:relative;z-index:10}.ap2-modal-header h2{margin:0;font-size:22px;color:var(--primary-color);font-family:Google Sans,sans-serif;font-weight:700;letter-spacing:.2px}.ap2-modal-close{background:var(--primary-color);border:none;font-size:16px;color:#fff;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}.ap2-modal-body{padding:24px 32px 32px;box-sizing:border-box}.ap2-modal-body .addproduct-container.addproduct-container-form{border:none!important;box-shadow:none!important;padding:0!important;width:100%!important;max-width:100%!important;margin:0!important;background:transparent!important}@keyframes ap2FadeIn{0%{opacity:0}to{opacity:1}}@keyframes ap2ScaleIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ant-select-dropdown{z-index:100000000!important}.ap2-min-stock-info-text{font-family:Google Sans,sans-serif!important;font-size:13px!important;color:#9a9a9a!important;font-weight:500!important;line-height:1.5!important}.duplicate-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000047!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;z-index:999999!important}.duplicate-modal-container{width:520px!important;max-width:90vw!important;background:#fff!important;border-radius:28px!important;overflow:hidden!important;box-shadow:var(--shadow-lg)!important;font-family:Google Sans,sans-serif!important}.duplicate-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 20px!important;background:#fff!important;box-shadow:var(--shadow-sm)!important;border:none!important}.duplicate-modal-title{margin:0!important;font-family:Google Sans,sans-serif!important;font-size:22px!important;font-weight:700!important;color:#000!important}.duplicate-modal-close{width:32px!important;height:32px!important;border:none!important;border-radius:50%!important;background:var(--primary-color)!important;color:#fff!important;font-size:20px!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0 0 2px!important;transition:opacity .2s!important}.duplicate-modal-close:hover{opacity:.85!important}.duplicate-modal-body{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:40px 30px 48px!important;text-align:center!important}.duplicate-warning-circle{width:104px!important;height:104px!important;border-radius:50%!important;background:#ff48481f!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:28px!important}.duplicate-warning-icon{width:52px!important;height:52px!important;object-fit:contain!important}.duplicate-modal-message{margin:0!important;font-family:Google Sans,sans-serif!important;font-size:20px!important;font-weight:500!important;line-height:1.4!important;color:#000!important;text-align:center!important;max-width:440px!important}.ap2-unit-upload-box{width:72px!important;height:72px!important;border-radius:12px!important;border:2px dashed #d3d3d3!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;position:relative!important;overflow:visible!important;cursor:pointer!important;flex-shrink:0!important}.ap2-unit-placeholder-icon{width:32px!important;height:32px!important;opacity:.7!important}.main-page-container{display:flex;flex-direction:column;min-height:115vh;background-color:var(--background-color);font-family:Google Sans;box-sizing:border-box;position:relative;align-items:center;overflow-x:hidden}.main-page-container .text-box{text-align:center}.main-page-container .text-box h1{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0%;margin:60px 10px 10px}.main-page-container .text-box h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;margin:10px 10px 0}.main-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.main-page-container .button-grid-container{flex-grow:.5;display:flex;justify-content:center;align-items:center;width:100%}.main-page-container .button-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px 25px;width:100%;max-width:1500px;justify-content:center}.main-page-container .nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;background-color:var(--background-menu-color);border:1px solid #ececec;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease;padding:8px;box-sizing:border-box;min-width:120px;min-height:120px;max-width:170px;max-height:170px;position:relative;overflow:hidden}.main-page-container .nav-button:hover{border-color:var(--gold);box-shadow:var(--shadow-md);background-color:var(--gold-050);transform:translateY(-4px)}.main-page-container .nav-button:hover span{color:var(--gold)}.main-page-container .nav-button img{max-width:75%;max-height:80%;width:100%;height:100%;margin-bottom:30px;object-fit:contain;display:block;margin-left:auto;margin-right:auto}.main-page-container .nav-button span{color:#000;font-family:Google Sans;font-weight:600;font-size:12px;line-height:1.2;letter-spacing:.5px;text-align:center;max-width:100%;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:12px;margin-bottom:4px;position:absolute;left:0;right:0;bottom:13px}.main-page-container .floating-notification-button{position:fixed;right:50px;bottom:28px;width:48px;height:48px;border:none;border-radius:50%;background:transparent;padding:0;z-index:1000;cursor:pointer;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.main-page-container .floating-notification-button img{width:100%;height:100%;object-fit:contain;display:block}.main-page-container .floating-notification-button .notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:50%;background-color:var(--gold);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid #ffffff;box-sizing:border-box;font-family:Google Sans,sans-serif}.notification-panel{position:fixed;right:50px;bottom:90px;width:350px;background:#fff;border-radius:28px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:9999;border:1px solid #eaeaea;font-family:Google Sans,sans-serif;padding:16px 20px 24px;box-sizing:border-box}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px;font-weight:700;font-size:20px;color:var(--primary-color);border-bottom:1.5px solid #f0f0f0;margin-bottom:8px}.notification-tabs{display:flex;gap:0;margin-bottom:10px;background:#f5f5f5;border-radius:10px;padding:3px;box-sizing:border-box}.notification-tab{flex:1;padding:7px 10px;border:none;background:transparent;border-radius:8px;font-family:Google Sans,sans-serif;font-size:13px;font-weight:600;color:#888;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.notification-tab.active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-sm)}.notification-tab:hover:not(.active){color:#555;background:#ebebeb}.notification-content{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto;padding:2px;scrollbar-width:none;-ms-overflow-style:none}.notification-content::-webkit-scrollbar{display:none}.notification-item{display:flex;align-items:center;background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:10px 14px;gap:12px;position:relative;cursor:pointer;transition:all .2s ease-in-out;text-align:left;min-height:76px;height:auto;box-sizing:border-box}.notification-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--gold-light)}.notification-item.unread{border-color:#d4af374d;background-color:#fcfbf8}.notification-icon-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.notification-info{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-bottom:0}.notification-title{font-size:15px;font-weight:700;color:#2c2c2c;line-height:1.2}.notification-desc{font-size:12px;color:#707070;line-height:1.4;padding-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{font-size:10px;color:#b0b0b0;font-weight:500;margin-top:2px;text-align:right}@media(min-width:768px)and (max-width:1024px){.main-page-container .button-grid{grid-template-columns:repeat(3,1fr);gap:16px 16px;max-width:1000px;width:96%}.main-page-container .nav-button{max-width:1000px;max-height:800px;border-radius:24px;padding:20px}.main-page-container .nav-button img{max-width:85%;max-height:85%;margin-bottom:45px}.main-page-container .nav-button span{font-size:16px;bottom:20px}}@media(max-width:767px){.main-page-container .button-grid{grid-template-columns:repeat(2,1fr);max-width:300px;gap:16px 16px}.main-page-container .text-box h2{margin-bottom:60px!important}.main-page-container .nav-button:hover span{color:#000}.main-page-container .nav-button:hover{border:1px solid #cacaca}.main-page-container .button-grid-container{margin-bottom:110px}.main-page-container .floating-notification-button{right:25px;bottom:16px;width:40px;height:40px}.notification-panel{right:25px;bottom:70px;width:280px}}.notification-item.skeleton{cursor:default;pointer-events:none}.notification-item.skeleton:hover{transform:none;box-shadow:none;border-color:#eaeaea}.organization-page-container .green-button span,.organization-page-container .white-button span,.organization-page-container .ant-btn.green-button span,.organization-page-container .ant-btn.green-button.edit-btn span{font-size:15px!important;font-weight:600}.organization-page-container .white-button span{color:var(--primary-color)!important}.organization-page-container .white-button:hover span{color:#fff!important}.organization-page-container .white-button:hover{background-color:#bebebe!important;color:#fff!important}.organization-page-container .ant-btn.green-button:hover,.organization-page-container .ant-btn.green-button:focus{background-color:#071d1d!important;color:#fff!important}.organization-page-container .ant-btn.green-button.edit-btn:hover,.organization-page-container .ant-btn.green-button.edit-btn:focus{background-color:#071d1d!important;color:#fff!important}.ant-checkbox-checked .ant-checkbox-inner:after,.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff!important}.organization-page-container .ant-form .ant-select-disabled .ant-select-selector{height:40px!important;min-height:40px!important;width:100%!important;border-radius:10px!important;background-color:var(--background-input-color)!important;display:flex;align-items:center;box-sizing:border-box}.organization-page-container *{box-sizing:border-box}.organization-page-container{display:flex;position:relative;flex-direction:column;min-height:100vh;align-items:center;width:100%;background-color:var(--background-color);font-family:Google Sans}.organization-page-container .content{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1296px;margin-inline:auto;margin-bottom:50px;box-sizing:border-box;padding-inline:48px}.organization-page-container .topic{color:var(--secondary-color);text-align:center}.organization-page-container .topic h1{font-weight:700px;font-size:35px;color:#000;margin:60px 10px 10px}.organization-page-container .topic h2{font-weight:500;font-size:20px;color:#000;margin:10px 10px 60px}.organization-page-container .content-wrapper{padding:0;display:flex;flex-direction:column;justify-items:center;align-items:center;width:100%}.organization-page-container .content-wrapper .ant-form{width:100%}.organization-page-container .content-wrapper .ant-form .ant-col{font-family:Google Sans;color:#000;font-size:16px;font-weight:600}.organization-page-container .ant-form label,.organization-page-container .ant-form .ant-form-item-label>label,.organization-page-container .ant-form .ant-form-item-label,.organization-page-container .ant-form .ant-form-item-label label,.organization-page-container .ant-form .ant-form-item-label span{color:#000}.organization-page-container .ant-form span{color:#000;font-size:15px;font-weight:600}.organization-page-container .content-wrapper .form-border{padding:30px;border-radius:20px;height:100%;border:1px solid #E5E5E5;background:#fff;box-shadow:var(--shadow-lg);transition:box-shadow .3s ease,border-color .3s ease}.organization-page-container .content-wrapper .form-border:hover{box-shadow:var(--shadow-lg);border-color:#cbd5e1}.organization-page-container .form-border .underline-box{background-color:#fff;margin:-30px -30px 24px;padding:24px 30px 18px;border-radius:20px 20px 0 0;position:relative;border-bottom:1.5px solid #F1F5F9}.organization-page-container .form-border .underline-box:after{display:none}.organization-page-container .form-border .form-header{font-size:18px;font-weight:700;line-height:1.4;color:var(--primary-color)!important}.organization-page-container .form-border .ant-form-item{margin-bottom:12px}.organization-page-container .form-border .field-label{display:block;margin-bottom:6px;color:#000;font-size:15px;font-weight:600;line-height:1.4}.organization-page-container .form-border .field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.organization-page-container .form-border .field-label-row .ant-form-item{margin-bottom:0}.organization-page-container .form-border .field-label-row .ant-checkbox-wrapper{margin-left:auto}.organization-page-container .form-border .field-label-row .ant-checkbox-wrapper .ant-checkbox-label{font-size:10px;font-weight:600;color:var(--primary-color)}.organization-page-container .ant-form .ant-input{height:40px!important;min-height:40px!important;padding:8px 11px!important;line-height:1.5!important}.organization-page-container .ant-form .ant-select-selector{height:40px!important;min-height:40px!important;width:100%!important;border-radius:10px!important;display:flex;align-items:center;box-sizing:border-box;padding:0 11px!important}.organization-page-container .ant-form .ant-select-disabled .ant-select-selector{height:40px!important;min-height:40px!important;width:100%!important;border-radius:10px!important;background-color:#f3f3f3!important;display:flex;align-items:center;box-sizing:border-box;padding:0 11px!important}.organization-page-container .ant-form .ant-select-single .ant-select-selector .ant-select-selection-search{height:100%!important;display:flex;align-items:center}.organization-page-container .ant-form .ant-select-single .ant-select-selector .ant-select-selection-search input{height:100%!important;border:none!important;padding:0!important}.organization-page-container .ant-form .ant-select-single .ant-select-selector .ant-select-selection-item,.organization-page-container .ant-form .ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:1.5!important;height:auto!important;padding:0!important}.organization-page-container .ant-form .ant-select:not(.ant-select-disabled) .ant-select-selector{background-color:var(--background-color);border:1px solid var(--shadow-and-border-color)}.organization-page-container .ant-form .ant-select .ant-select-arrow{right:11px!important;top:50%!important;transform:translateY(-50%)!important}.organization-page-container .ant-form .ant-select .ant-select-clear{right:16px!important;top:55%!important;transform:translateY(-50%)!important}.organization-page-container .ant-form .ant-input{border-radius:10px;color:var(--font-input-color);font-family:Google Sans;font-size:15px!important;font-weight:600!important;box-shadow:none!important}.organization-page-container .ant-form .ant-input.ant-input-disabled{background-color:#f3f3f3!important;border:1px solid transparent!important;box-shadow:none!important;cursor:default}.organization-page-container .ant-form .ant-input:not(.ant-input-disabled){border-radius:10px;background-color:var(--background-color);border:1px solid var(--shadow-and-border-color);box-shadow:none!important}.organization-page-container .ant-form .ant-select-selector,.organization-page-container .ant-form .ant-picker{box-shadow:none!important}.organization-page-container .ant-form .ant-input.input-change{background-color:var(--background-input-change-color)}.organization-page-container .success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.organization-page-container .success-modal-overlay .modal-content{background:var(--background-color);border-radius:10px;box-shadow:0 0 5px #c9c9c9;color:var(--secondary-color);font-family:Google Sans;font-size:var(--font-small);font-weight:var(--font-weight-normal);text-align:center;padding:20px 40px;gap:15px}.ant-checkbox-inner{border:2px solid var(--shadow-and-border-color);transition:border-color .2s ease}.ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:var(--primary-color)}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{border-color:var(--primary-color)}.ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.ant-checkbox-wrapper .ant-checkbox-label{font-family:Google Sans;font-size:var(--font-tiny);color:var(--primary-color)}.organization-page-container .ant-select-disabled .ant-select-selector input:disabled{background-color:transparent}.organization-page-container .ant-select{font-family:Google Sans}.organization-page-container .ant-select-selector,.organization-page-container .ant-select-outlined.ant-select-disabled{border-radius:10px}.organization-page-container .ant-select-outlined.ant-select-disabled .ant-select-selector{border-color:transparent!important;background-color:transparent}.organization-page-container .ant-select-outlined .ant-select-selector{border:1px solid var(--shadow-and-border-color)}.organization-page-container .ant-select-disabled.ant-select .ant-select-selector input,.organization-page-container .ant-select-disabled.ant-select .ant-select-selector{cursor:default!important}.organization-page-container .ant-select-disabled .ant-select-selection-placeholder{font-family:Google Sans;font-size:var(--font-tiny);font-weight:var(--font-weight-normal)}.organization-page-container .ant-select-single .ant-select-selector{font-size:15px!important;color:var(--font-input-color);font-family:Google Sans!important}.organization-page-container .ant-select .ant-select-selector .ant-select-selection-search input{font-size:15px!important;font-family:Google Sans!important}.organization-page_container .ant-select .ant-select-selector .ant-select-selection-search input:focus{border:none}.organization-page-container .ant-select-outlined:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--shadow-and-border-color)!important}.organization-page-container .ant-select-focused .ant-select-selector{border-color:var(--secondary-color)!important;box-shadow:none!important}.organization-page-container .ant-select-show-search.ant-select .ant-select-selector input{color:var(--font-input-color)}.organization-page-container .ant-select .ant-select-selection-placeholder{color:var(--font-input-color);font-family:Google Sans!important;font-size:15px!important;font-weight:500!important;text-indent:18px!important}.organization-page-container .ant-select-single .ant-select-selector .ant-select-selection-search input::placeholder{text-indent:12px!important}.organization-page-container .ant-select-single .ant-select-selector .ant-select-selection-item,.organization-page-container .ant-select-single .ant-select-selector .ant-select-selection-item-content{text-indent:0}.organization-page-container .ant-select .ant-select-selection-item,.organization-page-container .ant-select .ant-select-selection-item-content,.organization-page-container .ant-select .ant-select-selection-overflow-item,.organization-page-container .ant-select .ant-select-selection-overflow-item-rest,.organization-page-container .ant-select-dropdown .ant-select-item,.organization-page-container .ant-select-dropdown .ant-select-item-option,.organization-page-container .ant-select-dropdown .ant-select-item-option-content{font-size:15px!important;font-weight:600!important;font-family:Google Sans!important}.organization-page-container .ant-form .ant-form-item-explain-error,.organization-page-container .ant-form .ant-form-item-explain{font-family:Google Sans!important;font-size:12px!important;margin-top:3px!important;margin-bottom:5px!important;padding:0!important;line-height:1.2!important;display:block!important}.organization-page-container .ant-form .ant-input::placeholder{font-family:Google Sans!important;font-size:15px!important;font-weight:500!important}.organization-page-container .ant-select .ant-select-selector .ant-select-selection-search input::placeholder{font-family:Google Sans!important;font-size:15px!important;font-weight:500!important}.organization-page-container .ant-select-outlined:not(.ant-select-disabled).input-change .ant-select-selector{background-color:var(--background-input-change-color)}.organization-page-container .content-wrapper .container .select-box-container input{border:none}.organization-page-container .content-wrapper .container .select-box-container input:focus{border:none}.organization-page-container .ant-form .button-container{width:100%;padding-top:20px;display:flex;flex-direction:row;justify-content:center}.organization-page-container .green-button,.organization-page-container .white-button{border-radius:8px;padding:10px;width:150px;font-family:Google Sans;font-size:var(--font-tiny);font-weight:var(--font-weight-normal);text-align:center;cursor:pointer;margin:0 10px;height:100%;border:2px solid var(--secondary-color);transition:background .2s}.organization-page-container .green-button{color:#fff;background-color:var(--secondary-color)}.organization-page-container .white-button{color:var(--primary-color);background-color:#fff;border:1px solid var(--primary-color)!important;transition:background .2s,color .2s;height:38.5px}.organization-page-container .green-button:hover,.organization-page-container .white-button:hover{border:2px solid var(--primary-color)!important}.organization-page-container .green-button:hover{color:#fff!important;background-color:var(--primary-color)!important}.organization-page-container .white-button:hover{color:var(--primary-color)!important;background-color:#bebebe!important;border:1px solid var(--primary-color)!important}.organization-page-container .ant-form .button-container .white-button,.organization-page-container .ant-form .button-container .green-button,.organization-page-container .ant-form .button-container .ant-btn,.organization-page-container .ant-form .button-container .ant-btn span,.organization-page-container .ant-form .button-container .white-button span,.organization-page-container .ant-form .button-container .green-button span{font-size:13px!important;font-weight:600!important}.organization-page-container .ant-btn.edit-btn{border:2px solid var(--primary-color);color:#fff!important;border:none!important}.organization-page-container .ant-btn.edit-btn span{color:#fff!important}.organization-page-container .ant-btn.edit-btn span,.organization-page-container .ant-btn.green-button.edit-btn span{font-size:13px!important;font-weight:600!important}.organization-page-container .ant-btn.green-button{background-color:var(--primary-color)!important;color:#fff!important;border:none!important}.organization-page-container .ant-btn.green-button span,.organization-page-container .ant-btn.green-button,.organization-page_container .ant-btn.green-button span,.organization-page-container .ant-btn.green-button .ant-btn,.organization-page-container .ant-btn.green-button .ant-btn span{color:#fff!important}.organization-page-container .form-border .org-postal-margin{margin-top:15px;margin-bottom:12px}.organization-page-container .form-border .org-logo-margin{margin-top:0}.organization-page-container .form-border .org-postal-label-margin{margin-top:0!important}.organization-page-container .form-border .org-logo-label-margin{margin-top:0}.organization-page-container .content-wrapper .ant-form .file-upload-container.disabled{border-radius:10px;overflow:hidden;height:40px;min-height:40px;font-family:Google Sans;display:flex;align-items:center;border:1px solid transparent!important}.organization-page-container .content-wrapper .ant-form .file-upload-container.enabled{border-radius:10px;border:1px solid var(--shadow-and-border-color);overflow:hidden;height:40px;min-height:40px;font-family:Google Sans;display:flex;align-items:center}.organization-page-container .content-wrapper .ant-form .file-upload-container.enabled{background-color:var(--background-color);border:1px solid var(--shadow-and-border-color)}.organization-page-container .content-wrapper .ant-form .file-upload-container.disabled{background-color:#f3f3f3!important}.organization-page-container .ant-form .file-uploader .ant-btn{border-radius:8px 0 0 8px;border:none!important;border-right:1px solid var(--shadow-and-border-color)!important;background-color:#eaeaea!important;font-family:Google Sans;height:38px;color:#646464}.organization-page-container .content-wrapper .ant-form .file-upload-container.disabled .file-uploader .ant-btn{background-color:transparent!important;border-right-color:transparent!important}.organization-page-container .content-wrapper .ant-form .upload-wrapper-inline{display:flex;align-items:center;width:100%}.organization-page-container .content-wrapper .ant-form .upload-description{padding-left:10px;font-family:var(--font-family);font-size:var(--font-tiny);color:var(--font-input-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.organization-page-container .content-wrapper .ant-form .upload-description .upload-display{display:flex;justify-content:space-between;flex-direction:row;align-items:center;width:100%}.organization-page-container .content-wrapper .ant-form .upload-description .file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organization-page-container .content-wrapper .ant-form .upload-description .right-group{display:flex;align-items:center}.organization-page-container .content-wrapper .ant-form .upload-description .file-size{white-space:nowrap;font-size:var(--font-tiny)}.organization-page-container .content-wrapper .ant-form .upload-description .delete{display:inline-flex;width:25px;height:25px;background-color:var(--font-input-color);mask-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='5.8%203.6%2011.3%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.875%207.375C15.7092%207.375%2015.5503%207.44085%2015.4331%207.55806C15.3158%207.67527%2015.25%207.83424%2015.25%208V14.9944C15.2321%2015.3104%2015.09%2015.6066%2014.8547%2015.8184C14.6194%2016.0301%2014.3099%2016.1403%2013.9937%2016.125H9.00625C8.69006%2016.1403%208.38061%2016.0301%208.14532%2015.8184C7.91002%2015.6066%207.76793%2015.3104%207.75%2014.9944V8C7.75%207.83424%207.68415%207.67527%207.56694%207.55806C7.44973%207.44085%207.29076%207.375%207.125%207.375C6.95924%207.375%206.80027%207.44085%206.68306%207.55806C6.56585%207.67527%206.5%207.83424%206.5%208V14.9944C6.51784%2015.642%206.79161%2016.2562%207.26136%2016.7024C7.73111%2017.1486%208.35855%2017.3905%209.00625%2017.375H13.9937C14.6415%2017.3905%2015.2689%2017.1486%2015.7386%2016.7024C16.2084%2016.2562%2016.4822%2015.642%2016.5%2014.9944V8C16.5%207.83424%2016.4342%207.67527%2016.3169%207.55806C16.1997%207.44085%2016.0408%207.375%2015.875%207.375Z'%20fill='%23currentColor'/%3e%3cpath%20d='M16.5%205.5H14V4.25C14%204.08424%2013.9342%203.92527%2013.8169%203.80806C13.6997%203.69085%2013.5408%203.625%2013.375%203.625H9.625C9.45924%203.625%209.30027%203.69085%209.18306%203.80806C9.06585%203.92527%209%204.08424%209%204.25V5.5H6.5C6.33424%205.5%206.17527%205.56585%206.05806%205.68306C5.94085%205.80027%205.875%205.95924%205.875%206.125C5.875%206.29076%205.94085%206.44973%206.05806%206.56694C6.17527%206.68415%206.33424%206.75%206.5%206.75H16.5C16.6658%206.75%2016.8247%206.68415%2016.9419%206.56694C17.0592%206.44973%2017.125%206.29076%2017.125%206.125C17.125%205.95924%2017.0592%205.80027%2016.9419%205.68306C16.8247%205.56585%2016.6658%205.5%2016.5%205.5ZM10.25%205.5V4.875H12.75V5.5H10.25Z'%20fill='%23currentColor'/%3e%3cpath%20d='M10.875%2013.625V9.25C10.875%209.08424%2010.8092%208.92527%2010.6919%208.80806C10.5747%208.69085%2010.4158%208.625%2010.25%208.625C10.0842%208.625%209.92527%208.69085%209.80806%208.80806C9.69085%208.92527%209.625%209.08424%209.625%209.25V13.625C9.625%2013.7908%209.69085%2013.9497%209.80806%2014.0669C9.92527%2014.1842%2010.0842%2014.25%2010.25%2014.25C10.4158%2014.25%2010.5747%2014.1842%2010.6919%2014.0669C10.8092%2013.9497%2010.875%2013.7908%2010.875%2013.625Z'%20fill='%23currentColor'/%3e%3cpath%20d='M13.375%2013.625V9.25C13.375%209.08424%2013.3092%208.92527%2013.1919%208.80806C13.0747%208.69085%2012.9158%208.625%2012.75%208.625C12.5842%208.625%2012.4253%208.69085%2012.3081%208.80806C12.1908%208.92527%2012.125%209.08424%2012.125%209.25V13.625C12.125%2013.7908%2012.1908%2013.9497%2012.3081%2014.0669C12.4253%2014.1842%2012.5842%2014.25%2012.75%2014.25C12.9158%2014.25%2013.0747%2014.1842%2013.1919%2014.0669C13.3092%2013.9497%2013.375%2013.7908%2013.375%2013.625Z'%20fill='%23currentColor'/%3e%3c/svg%3e");-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='5.8%203.6%2011.3%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.875%207.375C15.7092%207.375%2015.5503%207.44085%2015.4331%207.55806C15.3158%207.67527%2015.25%207.83424%2015.25%208V14.9944C15.2321%2015.3104%2015.09%2015.6066%2014.8547%2015.8184C14.6194%2016.0301%2014.3099%2016.1403%2013.9937%2016.125H9.00625C8.69006%2016.1403%208.38061%2016.0301%208.14532%2015.8184C7.91002%2015.6066%207.76793%2015.3104%207.75%2014.9944V8C7.75%207.83424%207.68415%207.67527%207.56694%207.55806C7.44973%207.44085%207.29076%207.375%207.125%207.375C6.95924%207.375%206.80027%207.44085%206.68306%207.55806C6.56585%207.67527%206.5%207.83424%206.5%208V14.9944C6.51784%2015.642%206.79161%2016.2562%207.26136%2016.7024C7.73111%2017.1486%208.35855%2017.3905%209.00625%2017.375H13.9937C14.6415%2017.3905%2015.2689%2017.1486%2015.7386%2016.7024C16.2084%2016.2562%2016.4822%2015.642%2016.5%2014.9944V8C16.5%207.83424%2016.4342%207.67527%2016.3169%207.55806C16.1997%207.44085%2016.0408%207.375%2015.875%207.375Z'%20fill='%23currentColor'/%3e%3cpath%20d='M16.5%205.5H14V4.25C14%204.08424%2013.9342%203.92527%2013.8169%203.80806C13.6997%203.69085%2013.5408%203.625%2013.375%203.625H9.625C9.45924%203.625%209.30027%203.69085%209.18306%203.80806C9.06585%203.92527%209%204.08424%209%204.25V5.5H6.5C6.33424%205.5%206.17527%205.56585%206.05806%205.68306C5.94085%205.80027%205.875%205.95924%205.875%206.125C5.875%206.29076%205.94085%206.44973%206.05806%206.56694C6.17527%206.68415%206.33424%206.75%206.5%206.75H16.5C16.6658%206.75%2016.8247%206.68415%2016.9419%206.56694C17.0592%206.44973%2017.125%206.29076%2017.125%206.125C17.125%205.95924%2017.0592%205.80027%2016.9419%205.68306C16.8247%205.56585%2016.6658%205.5%2016.5%205.5ZM10.25%205.5V4.875H12.75V5.5H10.25Z'%20fill='%23currentColor'/%3e%3cpath%20d='M10.875%2013.625V9.25C10.875%209.08424%2010.8092%208.92527%2010.6919%208.80806C10.5747%208.69085%2010.4158%208.625%2010.25%208.625C10.0842%208.625%209.92527%208.69085%209.80806%208.80806C9.69085%208.92527%209.625%209.08424%209.625%209.25V13.625C9.625%2013.7908%209.69085%2013.9497%209.80806%2014.0669C9.92527%2014.1842%2010.0842%2014.25%2010.25%2014.25C10.4158%2014.25%2010.5747%2014.1842%2010.6919%2014.0669C10.8092%2013.9497%2010.875%2013.7908%2010.875%2013.625Z'%20fill='%23currentColor'/%3e%3cpath%20d='M13.375%2013.625V9.25C13.375%209.08424%2013.3092%208.92527%2013.1919%208.80806C13.0747%208.69085%2012.9158%208.625%2012.75%208.625C12.5842%208.625%2012.4253%208.69085%2012.3081%208.80806C12.1908%208.92527%2012.125%209.08424%2012.125%209.25V13.625C12.125%2013.7908%2012.1908%2013.9497%2012.3081%2014.0669C12.4253%2014.1842%2012.5842%2014.25%2012.75%2014.25C12.9158%2014.25%2013.0747%2014.1842%2013.1919%2014.0669C13.3092%2013.9497%2013.375%2013.7908%2013.375%2013.625Z'%20fill='%23currentColor'/%3e%3c/svg%3e");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;cursor:pointer}.organization-page-container .content-wrapper .ant-form .upload-description .delete:hover{filter:brightness(75%)}.organization-page-container .ant-form .ant-input:not(.ant-input-disabled){border-radius:10px;background-color:var(--background-color);border:1px solid #BEBEBE!important;box-shadow:none!important}.organization-page-container .ant-form .ant-select:not(.ant-select-disabled) .ant-select-selector{background-color:var(--background-color);border:1px solid #BEBEBE!important}.organization-page-container .ant-select-outlined .ant-select-selector{border:1px solid #BEBEBE!important}.organization-page-container .ant-select-outlined:not(.ant-select-disabled):hover .ant-select-selector{border-color:#bebebe!important}.organization-page-container .content-wrapper .ant-form .file-upload-container.enabled{background-color:var(--background-color);border:1px solid #BEBEBE!important}.organization-page-container .ant-form .ant-input:focus{border-color:var(--primary-color)!important;box-shadow:none!important}.organization-page-container .ant-form .ant-select-focused .ant-select-selector,.organization-page-container .ant-form .ant-select-open .ant-select-selector{border-color:var(--primary-color)!important}.ant-select-dropdown .ant-select-item,.ant-select-dropdown .ant-select-item-option,.ant-select-dropdown .ant-select-item-option-content,input#cpnProvince.ant-select-selection-search-input{font-family:Google Sans}@media(max-width:768px){.organization-page-container .content-wrapper .container .manager-wrapper-left,.organization-page-container .content-wrapper .container .manager-wrapper-middle,.organization-page-container .content-wrapper .container .manager-wrapper-right{max-width:680px;width:80%}}@media(max-width:1024px){.organization-page-container .content-wrapper .container{flex-direction:column;align-items:center}.organization-page-container .content-wrapper .container .manager-wrapper-left,.organization-page-container .content-wrapper .container .manager-wrapper-middle,.organization-page-container .content-wrapper .container .manager-wrapper-right{max-width:600px;width:100%}}@media(min-width:768px)and (max-width:1024px){.organization-page-container .content{padding-inline:48px}.organization-page-container .topic h1{font-size:35px}.organization-page-container .topic h2{font-size:20px}}@media(max-width:767px){.organization-page-container .content{padding-inline:24px}.organization-page-container .topic h1{font-size:22px;font-weight:700;margin-top:60px}.organization-page-container .topic h2{font-size:16px;font-weight:500;margin-bottom:60px}}html{scrollbar-gutter:stable!important}body{padding-right:0!important}.ant-picker-dropdown,.ant-picker-dropdown *{font-weight:600!important}.ant-picker-month-btn,.ant-picker-year-btn{font-family:Google Sans!important;font-size:15px!important;font-weight:600!important}.ant-picker-now-btn{font-size:15px;font-family:Google Sans;font-weight:600}.profile-text{font-size:16px;font-family:Google Sans!important;font-weight:600}.ant-picker-clear{background:none!important;box-shadow:none!important;border:none!important}.ant-picker-clear .anticon{color:var(--primary-color)!important;font-size:18px!important;background:none!important}.ant-picker-clear{background:none!important;box-shadow:none!important;border:none!important;color:#fff!important;border-radius:50%!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important}.ant-select-selector,.ant-select-selector:focus,.ant-select-selector:active,.ant-select.ant-select-focused .ant-select-selector{box-shadow:none!important}.user-management-page-container *{box-sizing:border-box}.user-management-page-container{display:flex;position:relative;flex-direction:column;min-height:100vh;align-items:center;width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--background-color)}.user-management-page-container>.footer{position:static;bottom:auto;width:100%;margin-top:auto;box-sizing:border-box}.user-management-page-container .text-box{text-align:center}.user-management-page-container .text-box h1{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0%;margin:60px 10px 10px;color:#000}.user-management-page-container .text-box h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;margin:10px 10px 60px;color:#000}.user-management-page-container .list-container{position:relative;width:100%;max-width:1248px;margin-inline:auto;box-sizing:border-box;margin-bottom:60px;overflow:hidden;padding-inline:48px}@media(min-width:768px)and (max-width:1024px){.user-management-page-container .list-container{padding-inline:24px}}@media(max-width:767px){.user-management-page-container .list-container{padding-inline:24px}.add-therapist-modal{width:100%!important;max-width:calc(100vw - 48px)!important;margin:24px auto!important}.add-therapist-modal .ap2-modal-header{padding:16px 24px}.add-therapist-modal .ap2-modal-body{padding:24px!important}.add-therapist-modal .ap2-upload-section{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:16px!important;padding:0!important}.add-therapist-modal .ap2-upload-preview{width:120px!important;height:120px!important;margin-bottom:8px}.add-therapist-modal .ap2-upload-info{align-items:center!important;text-align:center!important;min-height:unset!important;width:100%}.add-therapist-modal .ap2-upload-title{font-size:20px!important;margin-bottom:4px!important}.add-therapist-modal .ap2-upload-subtitle{font-size:13px!important;margin-bottom:12px!important}.add-therapist-modal .ap2-upload-btns{justify-content:center!important;width:100%;gap:8px!important}.add-therapist-modal .ap2-actions{display:flex!important;gap:12px!important;width:100%!important;padding-top:16px!important}.add-therapist-modal .ap2-actions .ant-btn{width:100%!important;flex:1 1 50%!important;margin:0!important}}.therapist-management-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#ffffffc7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999;border-radius:20px;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.therapist-management-loading-overlay.visible{opacity:1;visibility:visible;pointer-events:all}.therapist-management-loading-content{display:flex;flex-direction:column;align-items:center;gap:14px}.therapist-management-loading-gif{width:80px;height:80px;object-fit:contain;display:block;animation:softPulse 2.5s ease-in-out infinite}.therapist-management-loading-content p{margin:0;font-size:15px;font-weight:600;color:var(--primary-color);animation:textPulse 2.5s ease-in-out infinite}.therapist-table-content{opacity:1}.user-management-page-container .list-container .top-action-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px;margin-bottom:20px;min-height:48px;font-family:Google Sans;color:var(--primary-color);font-size:14px;font-weight:600}.user-management-page-container .top-action-container .left-side{display:flex;align-items:center;gap:14px;flex-shrink:0;min-height:42px;color:var(--primary-color)}.user-management-page-container .top-action-container .left-side>div{display:flex;align-items:center;height:42px;font-size:14px;font-weight:600;color:var(--primary-color);white-space:nowrap}.user-management-page-container .top-action-container .right-side{display:flex;align-items:center;justify-content:flex-end;flex:1;min-height:42px}.user-management-page-container .top-action-container .ant-select{width:205px!important;min-width:280px!important}.user-management-page-container .top-action-container .right-side .search-input{width:280px!important}.user-management-page-container .top-action-container .ant-select-selector,.user-management-page-container .top-action-container .ant-input-affix-wrapper{height:42px!important;min-height:42px!important;border-radius:999px!important;display:flex!important;align-items:center!important;padding-inline:14px!important;box-shadow:none!important}.user-management-page-container .top-action-container .ant-select-selector{position:relative!important;font-family:Google Sans;color:var(--primary-color)!important;font-size:14px;font-weight:var(--font-weight-normal)!important;padding-right:38px!important}.user-management-page-container .top-action-container .ant-select-selection-item,.user-management-page-container .top-action-container .ant-input{display:flex;align-items:center;height:100%;font-size:14px;font-weight:600}.user-management-page-container .top-action-container .ant-select-arrow{position:absolute!important;top:50%!important;right:14px!important;left:auto!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;margin:0!important;padding:0!important;pointer-events:none}.user-management-page-container .top-action-container .ant-input-suffix,.user-management-page-container .top-action-container .ant-select-selection-search{display:flex;align-items:center;height:100%}.user-management-page-container .top-action-container .ant-select .ant-select-selection-item{font-weight:600!important;color:var(--primary-color)!important}.ant-select-dropdown{border-radius:15px}.ant-select-dropdown .ant-select-item{font-family:Google Sans;color:var(--primary-color)!important;font-size:14px;font-weight:600!important}.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:var(--secondary-color);color:#fff!important;border-radius:10px}.ant-select-dropdown .ant-select-item-option-active:not(.ant-select-item-option-selected){background-color:var(--secondary-color-fade)!important;border-radius:10px}.user-management-page-container .select-gender .ant-select-selector{font-family:Google Sans;color:var(--primary-color);font-size:15px;font-weight:600!important;border-radius:10px;box-shadow:none!important;margin-top:0}.user-management-page-container .select-gender .ant-select-arrow{font-family:Google Sans;color:var(--primary-color);font-size:var(--font-tiny);font-weight:var(--font-weight-normal);top:50%;transform:translateY(-50%);margin-top:0}.user-management-page-container .select-gender .ant-select-selection-item{font-weight:600!important;color:var(--primary-color)!important}.user-management-page-container .ant-select-outlined:not(.ant-select-disabled):hover .ant-select-selector{border:1px solid var(--primary-color)!important}.user-management-page-container .ant-select-focused.ant-select-outlined:not(.ant-select-disabled) .ant-select-selector{border-color:1px solid var(--primary-color)!important}.user-management-page-container .right-side .ant-input-affix-wrapper{border:1px solid var(--shadow-and-border-color);border-radius:999px;box-shadow:none!important}.user-management-page-container .right-side .ant-input-affix-wrapper input{font-family:Google Sans;color:#aaa;font-weight:600;font-size:14px}.user-management-page-container .right-side .ant-input-affix-wrapper input::placeholder{color:var(--font-input-color)}.user-management-page-container .right-side .search-input .anticon{color:var(--primary-color)!important}.user-management-page-container .right-side .ant-input-outlined{border:1px solid var(--shadow-and-border-color)}.user-management-page-container .right-side .ant-input-outlined:focus{border:1.5px solid var(--primary-color)!important}.user-management-page-container .right-side .ant-input-outlined:focus-within{border:1.5px solid var(--primary-color)!important}.user-management-page-container .right-side .ant-input-outlined:hover{border:1.5px solid var(--primary-color)!important}.therapist-list{width:100%;position:relative}.user-management-page-container .edit-therapist{width:92%;min-width:0;max-width:100%;height:30px;border:1px solid var(--secondary-color);border-radius:8px}.user-management-page-container .editing-row .select-gender,.user-management-page-container .editing-row .select-doc-type{width:92%!important;max-width:100%}.user-management-page-container .editing-row .select-gender.ant-select,.user-management-page-container .editing-row .select-doc-type.ant-select{height:30px!important;min-height:30px!important}.user-management-page-container .editing-row .select-gender .ant-select-selector,.user-management-page-container .editing-row .select-gender.ant-select-single .ant-select-selector,.user-management-page-container .editing-row .select-doc-type .ant-select-selector,.user-management-page-container .editing-row .select-doc-type.ant-select-single .ant-select-selector{min-height:30px!important;height:30px!important;padding:0 32px 0 11px!important;display:flex!important;align-items:center!important;border-radius:8px!important;box-sizing:border-box!important}.user-management-page-container .editing-row .select-gender.ant-select-single .ant-select-selection-search-input,.user-management-page-container .editing-row .select-gender .ant-select-selection-search-input,.user-management-page-container .editing-row .select-doc-type.ant-select-single .ant-select-selection-search-input,.user-management-page-container .editing-row .select-doc-type .ant-select-selection-search-input{height:28px!important;line-height:28px!important}.user-management-page-container .editing-row .select-gender .ant-select-selection-wrap,.user-management-page-container .editing-row .select-gender .ant-select-selection-search,.user-management-page-container .editing-row .select-doc-type .ant-select-selection-wrap,.user-management-page-container .editing-row .select-doc-type .ant-select-selection-search{height:100%!important;display:flex!important;align-items:center!important}.user-management-page-container .editing-row .select-gender .ant-select-selection-item,.user-management-page-container .editing-row .select-gender .ant-select-selection-placeholder{line-height:28px!important;display:flex!important;align-items:center!important;padding:0!important}.user-management-page-container .editing-row .select-doc-type .ant-select-selection-item,.user-management-page-container .editing-row .select-doc-type .ant-select-selection-placeholder{line-height:28px!important;display:flex!important;align-items:center!important;padding:0!important;font-family:Google Sans,sans-serif!important;font-size:15px!important;font-weight:600!important;color:var(--primary-color)!important}.user-management-page-container .editing-row .select-gender .ant-select-arrow,.user-management-page-container .editing-row .select-doc-type .ant-select-arrow{position:absolute!important;top:50%!important;right:11px!important;transform:translateY(-50%)!important;margin-top:0!important}.user-management-page-container .editing-row .edit-therapist,.user-management-page-container .editing-row .select-gender,.user-management-page-container .editing-row .select-doc-type{margin-right:auto}.user-management-page-container .list-container .therapist-list{border-radius:20px;border:1px solid #AAAAAA;width:100%;overflow:hidden;position:relative}.user-management-page-container .list-container .therapist-scroll-area{width:100%;height:582px;min-height:582px;max-height:582px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.user-management-page-container .list-container .therapist-scroll-area::-webkit-scrollbar{display:none}.user-management-page-container .list-container .therapist-table-content{width:100%;min-width:0;display:flex;flex-direction:column;position:relative}.user-management-page-container .list-container .list-header{background:var(--primary-color)!important;padding:10px 20px;border-bottom:1px solid var(--shadow-and-border-color);font-weight:700;position:sticky;top:0;z-index:20;color:#fff!important}.user-management-page-container .list-container .list-header *{color:#fff!important}.user-management-page-container .list-container .ant-list-bordered{border:none;border-radius:0}.user-management-page-container .list-container .therapist-item-list{overflow:visible;position:relative;z-index:1;display:flex;flex-direction:column}.user-management-page-container .list-container .therapist-item-list .ant-spin-nested-loading,.user-management-page-container .list-container .therapist-item-list .ant-spin-container,.user-management-page-container .list-container .therapist-item-list .ant-list-items{display:flex;flex-direction:column}.user-management-page-container .list-container .therapist-item-list .ant-list-items{justify-content:flex-start}.user-management-page-container .list-container .ant-list-split .ant-list-item{border:none;border-bottom:1px solid #AAAAAA;border-radius:0;margin:0;padding:4px 18px;flex:unset;height:54px;min-height:54px;max-height:54px;box-sizing:border-box;overflow:hidden}.user-management-page-container .list-container .ant-list-split .ant-list-item.resign-user{background-color:var(--background-input-color)}.user-management-page-container .list-text{color:var(--primary-color);align-content:center;font-family:Google Sans;font-size:14px;font-weight:600}.user-management-page-container .list-container .col-profile{flex:0 0 6%;max-width:6%;display:flex;align-items:center;justify-content:center}.user-management-page-container .list-container .col-name{flex:0 0 15%;max-width:15%;display:flex;align-items:center;justify-content:flex-start}.user-management-page-container .list-container .col-gender{flex:0 0 10%;max-width:10%;display:flex;align-items:center;justify-content:flex-start}.user-management-page-container .list-container .col-doc-no{flex:0 0 17%;max-width:17%;display:flex;align-items:center;justify-content:flex-start}.user-management-page-container .list-container .col-phone{flex:0 0 18%;max-width:18%;display:flex;align-items:center;justify-content:flex-start}.user-management-page-container .list-container .col-nationality{flex:0 0 16%;max-width:16%;display:flex;align-items:center;justify-content:flex-start}.user-management-page-container .list-container .col-line{flex:0 0 10%;max-width:10%;display:flex;align-items:center;justify-content:flex-start}.user-management-page-container .list-container .col-action{flex:0 0 8%;max-width:8%;display:flex;align-items:center;justify-content:center}.user-management-page-container .list-text.hidden-overflow-text{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-management-page-container .list-container .item-list{align-items:center;min-height:34px}.user-management-page-container .list-text.resign{color:var(--font-resign-color)}.ant-tooltip{--antd-arrow-background-color: white}.ant-tooltip .ant-tooltip-inner{background-color:#fff;font-family:var(--font-family);font-size:var(--font-little);font-weight:var(--font-weight-normal)}.green-tooltip .ant-tooltip-inner{color:var(--primary-color)}.red-tooltip .ant-tooltip-inner{color:red}.user-management-page-container .list-head-text{color:var(--primary-color);align-content:center;font-family:Google Sans;font-size:17px;font-weight:600}.user-management-page-container .empty-list{position:absolute;top:200px;width:95%}.user-management-page-container .ant-empty{display:flex;flex-direction:column;align-items:center;justify-content:center}.user-management-page-container .ant-empty-image{margin-bottom:24px!important}.user-management-page-container .ant-empty-description{margin-top:0!important;font-family:Google Sans;font-size:14px;font-weight:500;color:#b0b0b0}.user-management-page-container .list-container .action-button-container{display:flex;align-items:center;justify-content:center;gap:6px}.user-management-page-container .list-container .action-button{width:24px;height:24px;min-width:24px;min-height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;position:relative;background-color:var(--background-input-color);cursor:pointer}.user-management-page-container .list-container .action-button.edit-button.confirm-mode{background-color:var(--gold)!important}.user-management-page-container .list-container .action-button.edit-button.confirm-mode:hover{background-color:#9a6f1d!important}.user-management-page-container .list-container .action-button:hover:not(.resign-button){background-color:var(--secondary-color)}.user-management-page-container .list-container .resign-button:hover{filter:brightness(90%)}.user-management-page-container .list-container .action-button .edit-action,.user-management-page-container .list-container .action-button .remove-action,.user-management-page-container .list-container .action-button .resign-action{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:64%;mask-size:64%}.user-management-page-container .list-container .action-button:not(.resign-button) .edit-action:hover,.user-management-page-container .list-container .action-button:not(.resign-button) .resign-action:hover,.user-management-page-container .list-container .action-button:not(.resign-button) .confirm-action:hover,.user-management-page-container .list-container .action-button:not(.resign-button):hover .resign-action{background-color:#fff}.user-management-page-container .list-container .action-button .confirm-action{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='white'%3e%3cpath%20d='M9.55%2018.2L3.85%2012.5L5.275%2011.075L9.55%2015.35L18.725%206.175L20.15%207.6L9.55%2018.2Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='white'%3e%3cpath%20d='M9.55%2018.2L3.85%2012.5L5.275%2011.075L9.55%2015.35L18.725%206.175L20.15%207.6L9.55%2018.2Z'/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:62%;mask-size:62%;-webkit-mask-position:center;mask-position:center}.user-management-page-container .list-container .action-button .resign{background-color:var(--background-input-color)}.user-management-page-container .list-container .action-button .edit-action{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.3207%209.32908L13.3137%209.32504L9.78527%207.28626C9.78527%207.28626%207.30277%2011.5861%206.11564%2013.6919C5.96775%2013.9538%205.89091%2014.2838%205.87423%2014.5875C5.82576%2015.4791%205.82786%2016.375%205.80289%2017.2692C5.79613%2017.5089%205.86195%2017.7009%206.08022%2017.8199C6.28652%2017.9337%206.47254%2017.8898%206.66836%2017.7689C7.3936%2017.3209%208.12704%2016.8831%208.85848%2016.4441C9.23421%2016.2169%209.54377%2015.8951%209.75628%2015.5108C10.8934%2013.5275%2013.3207%209.32908%2013.3207%209.32908Z'%20fill='%23103C3B'/%3e%3cpath%20d='M14.018%205.43557L12.8115%204.73902C12.5022%204.5606%2012.1347%204.51229%2011.7897%204.60471C11.4448%204.69714%2011.1507%204.92273%2010.972%205.23192L10.1822%206.59818L13.7217%208.64241L14.5112%207.27497C14.6896%206.9656%2014.7378%206.59807%2014.6453%206.25316C14.5528%205.90825%2014.3272%205.61418%2014.018%205.43557Z'%20fill='%23103C3B'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.3207%209.32908L13.3137%209.32504L9.78527%207.28626C9.78527%207.28626%207.30277%2011.5861%206.11564%2013.6919C5.96775%2013.9538%205.89091%2014.2838%205.87423%2014.5875C5.82576%2015.4791%205.82786%2016.375%205.80289%2017.2692C5.79613%2017.5089%205.86195%2017.7009%206.08022%2017.8199C6.28652%2017.9337%206.47254%2017.8898%206.66836%2017.7689C7.3936%2017.3209%208.12704%2016.8831%208.85848%2016.4441C9.23421%2016.2169%209.54377%2015.8951%209.75628%2015.5108C10.8934%2013.5275%2013.3207%209.32908%2013.3207%209.32908Z'%20fill='%23103C3B'/%3e%3cpath%20d='M14.018%205.43557L12.8115%204.73902C12.5022%204.5606%2012.1347%204.51229%2011.7897%204.60471C11.4448%204.69714%2011.1507%204.92273%2010.972%205.23192L10.1822%206.59818L13.7217%208.64241L14.5112%207.27497C14.6896%206.9656%2014.7378%206.59807%2014.6453%206.25316C14.5528%205.90825%2014.3272%205.61418%2014.018%205.43557Z'%20fill='%23103C3B'/%3e%3c/svg%3e");background-color:var(--therapsit-button-color)}.user-management-page-container .list-container .action-button .resign-action{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2404_238)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.1875%203.78125C13.085%203.78125%2014.625%205.32125%2014.625%207.21875C14.625%209.11625%2013.085%2010.6562%2011.1875%2010.6562C9.29%2010.6562%207.75%209.11625%207.75%207.21875C7.75%205.32125%209.29%203.78125%2011.1875%203.78125ZM11.1875%204.71875C9.8075%204.71875%208.6875%205.83875%208.6875%207.21875C8.6875%208.59875%209.8075%209.71875%2011.1875%209.71875C12.5675%209.71875%2013.6875%208.59875%2013.6875%207.21875C13.6875%205.83875%2012.5675%204.71875%2011.1875%204.71875Z'%20fill='white'/%3e%3cpath%20d='M11.1875%2010.1875C12.8271%2010.1875%2014.1562%208.85835%2014.1562%207.21875C14.1562%205.57915%2012.8271%204.25%2011.1875%204.25C9.5479%204.25%208.21875%205.57915%208.21875%207.21875C8.21875%208.85835%209.5479%2010.1875%2011.1875%2010.1875Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.9375%2010.6562C16.7488%2010.6562%2018.2188%2012.1263%2018.2188%2013.9375C18.2188%2015.7488%2016.7488%2017.2188%2014.9375%2017.2188C13.1263%2017.2188%2011.6562%2015.7488%2011.6562%2013.9375C11.6562%2012.1263%2013.1263%2010.6562%2014.9375%2010.6562ZM14.2744%2013.9375L13.6688%2014.5437C13.4856%2014.7262%2013.4856%2015.0238%2013.6688%2015.2063C13.8513%2015.3894%2014.1488%2015.3894%2014.3313%2015.2063L14.9375%2014.6006L15.5437%2015.2063C15.7262%2015.3894%2016.0238%2015.3894%2016.2063%2015.2063C16.3894%2015.0238%2016.3894%2014.7262%2016.2063%2014.5437L15.6006%2013.9375L16.2063%2013.3313C16.3894%2013.1488%2016.3894%2012.8513%2016.2063%2012.6688C16.0238%2012.4856%2015.7262%2012.4856%2015.5437%2012.6688L14.9375%2013.2744L14.3313%2012.6688C14.1488%2012.4856%2013.8513%2012.4856%2013.6688%2012.6688C13.4856%2012.8513%2013.4856%2013.1488%2013.6688%2013.3313L14.2744%2013.9375Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0819%2016.6017H5.84375C5.56188%2016.6017%205.29188%2016.4892%205.0925%2016.2904C4.89313%2016.0911%204.78125%2015.8204%204.78125%2015.5392V14.6323C4.78125%2013.8404%205.26125%2013.0861%206.13188%2012.4923C7.27313%2011.7142%209.11125%2011.1948%2011.1875%2011.1948C11.505%2011.1948%2011.8169%2011.2073%2012.1219%2011.2304C11.4469%2011.9329%2011.0313%2012.8873%2011.0313%2013.9373C11.0313%2014.9667%2011.43%2015.9036%2012.0819%2016.6017Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2404_238'%3e%3crect%20width='15'%20height='15'%20fill='white'%20transform='translate(4%203)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2404_238)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.1875%203.78125C13.085%203.78125%2014.625%205.32125%2014.625%207.21875C14.625%209.11625%2013.085%2010.6562%2011.1875%2010.6562C9.29%2010.6562%207.75%209.11625%207.75%207.21875C7.75%205.32125%209.29%203.78125%2011.1875%203.78125ZM11.1875%204.71875C9.8075%204.71875%208.6875%205.83875%208.6875%207.21875C8.6875%208.59875%209.8075%209.71875%2011.1875%209.71875C12.5675%209.71875%2013.6875%208.59875%2013.6875%207.21875C13.6875%205.83875%2012.5675%204.71875%2011.1875%204.71875Z'%20fill='white'/%3e%3cpath%20d='M11.1875%2010.1875C12.8271%2010.1875%2014.1562%208.85835%2014.1562%207.21875C14.1562%205.57915%2012.8271%204.25%2011.1875%204.25C9.5479%204.25%208.21875%205.57915%208.21875%207.21875C8.21875%208.85835%209.5479%2010.1875%2011.1875%2010.1875Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.9375%2010.6562C16.7488%2010.6562%2018.2188%2012.1263%2018.2188%2013.9375C18.2188%2015.7488%2016.7488%2017.2188%2014.9375%2017.2188C13.1263%2017.2188%2011.6562%2015.7488%2011.6562%2013.9375C11.6562%2012.1263%2013.1263%2010.6562%2014.9375%2010.6562ZM14.2744%2013.9375L13.6688%2014.5437C13.4856%2014.7262%2013.4856%2015.0238%2013.6688%2015.2063C13.8513%2015.3894%2014.1488%2015.3894%2014.3313%2015.2063L14.9375%2014.6006L15.5437%2015.2063C15.7262%2015.3894%2016.0238%2015.3894%2016.2063%2015.2063C16.3894%2015.0238%2016.3894%2014.7262%2016.2063%2014.5437L15.6006%2013.9375L16.2063%2013.3313C16.3894%2013.1488%2016.3894%2012.8513%2016.2063%2012.6688C16.0238%2012.4856%2015.7262%2012.4856%2015.5437%2012.6688L14.9375%2013.2744L14.3313%2012.6688C14.1488%2012.4856%2013.8513%2012.4856%2013.6688%2012.6688C13.4856%2012.8513%2013.4856%2013.1488%2013.6688%2013.3313L14.2744%2013.9375Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0819%2016.6017H5.84375C5.56188%2016.6017%205.29188%2016.4892%205.0925%2016.2904C4.89313%2016.0911%204.78125%2015.8204%204.78125%2015.5392V14.6323C4.78125%2013.8404%205.26125%2013.0861%206.13188%2012.4923C7.27313%2011.7142%209.11125%2011.1948%2011.1875%2011.1948C11.505%2011.1948%2011.8169%2011.2073%2012.1219%2011.2304C11.4469%2011.9329%2011.0313%2012.8873%2011.0313%2013.9373C11.0313%2014.9667%2011.43%2015.9036%2012.0819%2016.6017Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2404_238'%3e%3crect%20width='15'%20height='15'%20fill='white'%20transform='translate(4%203)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-color:var(--therapsit-button-color)}.user-management-page-container .list-container .action-button .remove-action{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='5.8%203.6%2011.3%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.875%207.375C15.7092%207.375%2015.5503%207.44085%2015.4331%207.55806C15.3158%207.67527%2015.25%207.83424%2015.25%208V14.9944C15.2321%2015.3104%2015.09%2015.6066%2014.8547%2015.8184C14.6194%2016.0301%2014.3099%2016.1403%2013.9937%2016.125H9.00625C8.69006%2016.1403%208.38061%2016.0301%208.14532%2015.8184C7.91002%2015.6066%207.76793%2015.3104%207.75%2014.9944V8C7.75%207.83424%207.68415%207.67527%207.56694%207.55806C7.44973%207.44085%207.29076%207.375%207.125%207.375C6.95924%207.375%206.80027%207.44085%206.68306%207.55806C6.56585%207.67527%206.5%207.83424%206.5%208V14.9944C6.51784%2015.642%206.79161%2016.2562%207.26136%2016.7024C7.73111%2017.1486%208.35855%2017.3905%209.00625%2017.375H13.9937C14.6415%2017.3905%2015.2689%2017.1486%2015.7386%2016.7024C16.2084%2016.2562%2016.4822%2015.642%2016.5%2014.9944V8C16.5%207.83424%2016.4342%207.67527%2016.3169%207.55806C16.1997%207.44085%2016.0408%207.375%2015.875%207.375Z'%20fill='%23currentColor'/%3e%3cpath%20d='M16.5%205.5H14V4.25C14%204.08424%2013.9342%203.92527%2013.8169%203.80806C13.6997%203.69085%2013.5408%203.625%2013.375%203.625H9.625C9.45924%203.625%209.30027%203.69085%209.18306%203.80806C9.06585%203.92527%209%204.08424%209%204.25V5.5H6.5C6.33424%205.5%206.17527%205.56585%206.05806%205.68306C5.94085%205.80027%205.875%205.95924%205.875%206.125C5.875%206.29076%205.94085%206.44973%206.05806%206.56694C6.17527%206.68415%206.33424%206.75%206.5%206.75H16.5C16.6658%206.75%2016.8247%206.68415%2016.9419%206.56694C17.0592%206.44973%2017.125%206.29076%2017.125%206.125C17.125%205.95924%2017.0592%205.80027%2016.9419%205.68306C16.8247%205.56585%2016.6658%205.5%2016.5%205.5ZM10.25%205.5V4.875H12.75V5.5H10.25Z'%20fill='%23currentColor'/%3e%3cpath%20d='M10.875%2013.625V9.25C10.875%209.08424%2010.8092%208.92527%2010.6919%208.80806C10.5747%208.69085%2010.4158%208.625%2010.25%208.625C10.0842%208.625%209.92527%208.69085%209.80806%208.80806C9.69085%208.92527%209.625%209.08424%209.625%209.25V13.625C9.625%2013.7908%209.69085%2013.9497%209.80806%2014.0669C9.92527%2014.1842%2010.0842%2014.25%2010.25%2014.25C10.4158%2014.25%2010.5747%2014.1842%2010.6919%2014.0669C10.8092%2013.9497%2010.875%2013.7908%2010.875%2013.625Z'%20fill='%23currentColor'/%3e%3cpath%20d='M13.375%2013.625V9.25C13.375%209.08424%2013.3092%208.92527%2013.1919%208.80806C13.0747%208.69085%2012.9158%208.625%2012.75%208.625C12.5842%208.625%2012.4253%208.69085%2012.3081%208.80806C12.1908%208.92527%2012.125%209.08424%2012.125%209.25V13.625C12.125%2013.7908%2012.1908%2013.9497%2012.3081%2014.0669C12.4253%2014.1842%2012.5842%2014.25%2012.75%2014.25C12.9158%2014.25%2013.0747%2014.1842%2013.1919%2014.0669C13.3092%2013.9497%2013.375%2013.7908%2013.375%2013.625Z'%20fill='%23currentColor'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='5.8%203.6%2011.3%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.875%207.375C15.7092%207.375%2015.5503%207.44085%2015.4331%207.55806C15.3158%207.67527%2015.25%207.83424%2015.25%208V14.9944C15.2321%2015.3104%2015.09%2015.6066%2014.8547%2015.8184C14.6194%2016.0301%2014.3099%2016.1403%2013.9937%2016.125H9.00625C8.69006%2016.1403%208.38061%2016.0301%208.14532%2015.8184C7.91002%2015.6066%207.76793%2015.3104%207.75%2014.9944V8C7.75%207.83424%207.68415%207.67527%207.56694%207.55806C7.44973%207.44085%207.29076%207.375%207.125%207.375C6.95924%207.375%206.80027%207.44085%206.68306%207.55806C6.56585%207.67527%206.5%207.83424%206.5%208V14.9944C6.51784%2015.642%206.79161%2016.2562%207.26136%2016.7024C7.73111%2017.1486%208.35855%2017.3905%209.00625%2017.375H13.9937C14.6415%2017.3905%2015.2689%2017.1486%2015.7386%2016.7024C16.2084%2016.2562%2016.4822%2015.642%2016.5%2014.9944V8C16.5%207.83424%2016.4342%207.67527%2016.3169%207.55806C16.1997%207.44085%2016.0408%207.375%2015.875%207.375Z'%20fill='%23currentColor'/%3e%3cpath%20d='M16.5%205.5H14V4.25C14%204.08424%2013.9342%203.92527%2013.8169%203.80806C13.6997%203.69085%2013.5408%203.625%2013.375%203.625H9.625C9.45924%203.625%209.30027%203.69085%209.18306%203.80806C9.06585%203.92527%209%204.08424%209%204.25V5.5H6.5C6.33424%205.5%206.17527%205.56585%206.05806%205.68306C5.94085%205.80027%205.875%205.95924%205.875%206.125C5.875%206.29076%205.94085%206.44973%206.05806%206.56694C6.17527%206.68415%206.33424%206.75%206.5%206.75H16.5C16.6658%206.75%2016.8247%206.68415%2016.9419%206.56694C17.0592%206.44973%2017.125%206.29076%2017.125%206.125C17.125%205.95924%2017.0592%205.80027%2016.9419%205.68306C16.8247%205.56585%2016.6658%205.5%2016.5%205.5ZM10.25%205.5V4.875H12.75V5.5H10.25Z'%20fill='%23currentColor'/%3e%3cpath%20d='M10.875%2013.625V9.25C10.875%209.08424%2010.8092%208.92527%2010.6919%208.80806C10.5747%208.69085%2010.4158%208.625%2010.25%208.625C10.0842%208.625%209.92527%208.69085%209.80806%208.80806C9.69085%208.92527%209.625%209.08424%209.625%209.25V13.625C9.625%2013.7908%209.69085%2013.9497%209.80806%2014.0669C9.92527%2014.1842%2010.0842%2014.25%2010.25%2014.25C10.4158%2014.25%2010.5747%2014.1842%2010.6919%2014.0669C10.8092%2013.9497%2010.875%2013.7908%2010.875%2013.625Z'%20fill='%23currentColor'/%3e%3cpath%20d='M13.375%2013.625V9.25C13.375%209.08424%2013.3092%208.92527%2013.1919%208.80806C13.0747%208.69085%2012.9158%208.625%2012.75%208.625C12.5842%208.625%2012.4253%208.69085%2012.3081%208.80806C12.1908%208.92527%2012.125%209.08424%2012.125%209.25V13.625C12.125%2013.7908%2012.1908%2013.9497%2012.3081%2014.0669C12.4253%2014.1842%2012.5842%2014.25%2012.75%2014.25C12.9158%2014.25%2013.0747%2014.1842%2013.1919%2014.0669C13.3092%2013.9497%2013.375%2013.7908%2013.375%2013.625Z'%20fill='%23currentColor'/%3e%3c/svg%3e");background-color:#388e3c;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-position:center;mask-position:center;transition:background-color .2s ease-in-out,-webkit-mask-image .2s ease-in-out,mask-image .2s ease-in-out}.user-management-page-container .list-container .action-button .remove-action{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.875%204.375C11.7092%204.375%2011.5503%204.44085%2011.4331%204.55806C11.3158%204.67527%2011.25%204.83424%2011.25%205V11.9944C11.2321%2012.3104%2011.09%2012.6066%2010.8547%2012.8184C10.6194%2013.0301%2010.3099%2013.1403%209.99375%2013.125H5.00625C4.69006%2013.1403%204.38061%2013.0301%204.14532%2012.8184C3.91002%2012.6066%203.76793%2012.3104%203.75%2011.9944V5C3.75%204.83424%203.68415%204.67527%203.56694%204.55806C3.44973%204.44085%203.29076%204.375%203.125%204.375C2.95924%204.375%202.80027%204.44085%202.68306%204.55806C2.56585%204.67527%202.5%204.83424%202.5%205V11.9944C2.51784%2012.642%202.79161%2013.2562%203.26136%2013.7024C3.73111%2014.1486%204.35855%2014.3905%205.00625%2014.375H9.99375C10.6415%2014.3905%2011.2689%2014.1486%2011.7386%2013.7024C12.2084%2013.2562%2012.4822%2012.642%2012.5%2011.9944V5C12.5%204.83424%2012.4342%204.67527%2012.3169%204.55806C12.1997%204.44085%2012.0408%204.375%2011.875%204.375Z'%20fill='%23858585'/%3e%3cpath%20d='M12.5%202.5H10V1.25C10%201.08424%209.93415%200.925268%209.81694%200.808058C9.69973%200.690848%209.54076%200.625%209.375%200.625H5.625C5.45924%200.625%205.30027%200.690848%205.18306%200.808058C5.06585%200.925268%205%201.08424%205%201.25V2.5H2.5C2.33424%202.5%202.17527%202.56585%202.05806%202.68306C1.94085%202.80027%201.875%202.95924%201.875%203.125C1.875%203.29076%201.94085%203.44973%202.05806%203.56694C2.17527%203.68415%202.33424%203.75%202.5%203.75H12.5C12.6658%203.75%2012.8247%203.68415%2012.9419%203.56694C13.0592%203.44973%2013.125%203.29076%2013.125%203.125C13.125%202.95924%2013.0592%202.80027%2012.9419%202.68306C12.8247%202.56585%2012.6658%202.5%2012.5%202.5ZM6.25%202.5V1.875H8.75V2.5H6.25Z'%20fill='%23858585'/%3e%3cpath%20d='M6.875%2010.625V6.25C6.875%206.08424%206.80915%205.92527%206.69194%205.80806C6.57473%205.69085%206.41576%205.625%206.25%205.625C6.08424%205.625%205.92527%205.69085%205.80806%205.80806C5.69085%205.92527%205.625%206.08424%205.625%206.25V10.625C5.625%2010.7908%205.69085%2010.9497%205.80806%2011.0669C5.92527%2011.1842%206.08424%2011.25%206.25%2011.25C6.41576%2011.25%206.57473%2011.1842%206.69194%2011.0669C6.80915%2010.9497%206.875%2010.7908%206.875%2010.625Z'%20fill='%23858585'/%3e%3cpath%20d='M9.375%2010.625V6.25C9.375%206.08424%209.30915%205.92527%209.19194%205.80806C9.07473%205.69085%208.91576%205.625%208.75%205.625C8.58424%205.625%208.42527%205.69085%208.30806%205.80806C8.19085%205.92527%208.125%206.08424%208.125%206.25V10.625C8.125%2010.7908%208.19085%2010.9497%208.30806%2011.0669C8.42527%2011.1842%208.58424%2011.25%208.75%2011.25C8.91576%2011.25%209.07473%2011.1842%209.19194%2011.0669C9.30915%2010.9497%209.375%2010.7908%209.375%2010.625Z'%20fill='%23858585'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.875%204.375C11.7092%204.375%2011.5503%204.44085%2011.4331%204.55806C11.3158%204.67527%2011.25%204.83424%2011.25%205V11.9944C11.2321%2012.3104%2011.09%2012.6066%2010.8547%2012.8184C10.6194%2013.0301%2010.3099%2013.1403%209.99375%2013.125H5.00625C4.69006%2013.1403%204.38061%2013.0301%204.14532%2012.8184C3.91002%2012.6066%203.76793%2012.3104%203.75%2011.9944V5C3.75%204.83424%203.68415%204.67527%203.56694%204.55806C3.44973%204.44085%203.29076%204.375%203.125%204.375C2.95924%204.375%202.80027%204.44085%202.68306%204.55806C2.56585%204.67527%202.5%204.83424%202.5%205V11.9944C2.51784%2012.642%202.79161%2013.2562%203.26136%2013.7024C3.73111%2014.1486%204.35855%2014.3905%205.00625%2014.375H9.99375C10.6415%2014.3905%2011.2689%2014.1486%2011.7386%2013.7024C12.2084%2013.2562%2012.4822%2012.642%2012.5%2011.9944V5C12.5%204.83424%2012.4342%204.67527%2012.3169%204.55806C12.1997%204.44085%2012.0408%204.375%2011.875%204.375Z'%20fill='%23858585'/%3e%3cpath%20d='M12.5%202.5H10V1.25C10%201.08424%209.93415%200.925268%209.81694%200.808058C9.69973%200.690848%209.54076%200.625%209.375%200.625H5.625C5.45924%200.625%205.30027%200.690848%205.18306%200.808058C5.06585%200.925268%205%201.08424%205%201.25V2.5H2.5C2.33424%202.5%202.17527%202.56585%202.05806%202.68306C1.94085%202.80027%201.875%202.95924%201.875%203.125C1.875%203.29076%201.94085%203.44973%202.05806%203.56694C2.17527%203.68415%202.33424%203.75%202.5%203.75H12.5C12.6658%203.75%2012.8247%203.68415%2012.9419%203.56694C13.0592%203.44973%2013.125%203.29076%2013.125%203.125C13.125%202.95924%2013.0592%202.80027%2012.9419%202.68306C12.8247%202.56585%2012.6658%202.5%2012.5%202.5ZM6.25%202.5V1.875H8.75V2.5H6.25Z'%20fill='%23858585'/%3e%3cpath%20d='M6.875%2010.625V6.25C6.875%206.08424%206.80915%205.92527%206.69194%205.80806C6.57473%205.69085%206.41576%205.625%206.25%205.625C6.08424%205.625%205.92527%205.69085%205.80806%205.80806C5.69085%205.92527%205.625%206.08424%205.625%206.25V10.625C5.625%2010.7908%205.69085%2010.9497%205.80806%2011.0669C5.92527%2011.1842%206.08424%2011.25%206.25%2011.25C6.41576%2011.25%206.57473%2011.1842%206.69194%2011.0669C6.80915%2010.9497%206.875%2010.7908%206.875%2010.625Z'%20fill='%23858585'/%3e%3cpath%20d='M9.375%2010.625V6.25C9.375%206.08424%209.30915%205.92527%209.19194%205.80806C9.07473%205.69085%208.91576%205.625%208.75%205.625C8.58424%205.625%208.42527%205.69085%208.30806%205.80806C8.19085%205.92527%208.125%206.08424%208.125%206.25V10.625C8.125%2010.7908%208.19085%2010.9497%208.30806%2011.0669C8.42527%2011.1842%208.58424%2011.25%208.75%2011.25C8.91576%2011.25%209.07473%2011.1842%209.19194%2011.0669C9.30915%2010.9497%209.375%2010.7908%209.375%2010.625Z'%20fill='%23858585'/%3e%3c/svg%3e");background-color:gray;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:70%;mask-size:70%;-webkit-mask-position:center;mask-position:center;transition:background-color .2s ease-in-out,-webkit-mask-image .2s ease-in-out,mask-image .2s ease-in-out}.user-management-page-container .list-container .action-button:not(.resign-button):hover .remove-action{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.875%204.375C11.7092%204.375%2011.5503%204.44085%2011.4331%204.55806C11.3158%204.67527%2011.25%204.83424%2011.25%205V11.9944C11.2321%2012.3104%2011.09%2012.6066%2010.8547%2012.8184C10.6194%2013.0301%2010.3099%2013.1403%209.99375%2013.125H5.00625C4.69006%2013.1403%204.38061%2013.0301%204.14532%2012.8184C3.91002%2012.6066%203.76793%2012.3104%203.75%2011.9944V5C3.75%204.83424%203.68415%204.67527%203.56694%204.55806C3.44973%204.44085%203.29076%204.375%203.125%204.375C2.95924%204.375%202.80027%204.44085%202.68306%204.55806C2.56585%204.67527%202.5%204.83424%202.5%205V11.9944C2.51784%2012.642%202.79161%2013.2562%203.26136%2013.7024C3.73111%2014.1486%204.35855%2014.3905%205.00625%2014.375H9.99375C10.6415%2014.3905%2011.2689%2014.1486%2011.7386%2013.7024C12.2084%2013.2562%2012.4822%2012.642%2012.5%2011.9944V5C12.5%204.83424%2012.4342%204.67527%2012.3169%204.55806C12.1997%204.44085%2012.0408%204.375%2011.875%204.375Z'%20fill='white'/%3e%3cpath%20d='M12.5%202.5H10V1.25C10%201.08424%209.93415%200.925268%209.81694%200.808058C9.69973%200.690848%209.54076%200.625%209.375%200.625H5.625C5.45924%200.625%205.30027%200.690848%205.18306%200.808058C5.06585%200.925268%205%201.08424%205%201.25V2.5H2.5C2.33424%202.5%202.17527%202.56585%202.05806%202.68306C1.94085%202.80027%201.875%202.95924%201.875%203.125C1.875%203.29076%201.94085%203.44973%202.05806%203.56694C2.17527%203.68415%202.33424%203.75%202.5%203.75H12.5C12.6658%203.75%2012.8247%203.68415%2012.9419%203.56694C13.0592%203.44973%2013.125%203.29076%2013.125%203.125C13.125%202.95924%2013.0592%202.80027%2012.9419%202.68306C12.8247%202.56585%2012.6658%202.5%2012.5%202.5ZM6.25%202.5V1.875H8.75V2.5H6.25Z'%20fill='white'/%3e%3cpath%20d='M6.875%2010.625V6.25C6.875%206.08424%206.80915%205.92527%206.69194%205.80806C6.57473%205.69085%206.41576%205.625%206.25%205.625C6.08424%205.625%205.92527%205.69085%205.80806%205.80806C5.69085%205.92527%205.625%206.08424%205.625%206.25V10.625C5.625%2010.7908%205.69085%2010.9497%205.80806%2011.0669C5.92527%2011.1842%206.08424%2011.25%206.25%2011.25C6.41576%2011.25%206.57473%2011.1842%206.69194%2011.0669C6.80915%2010.9497%206.875%2010.7908%206.875%2010.625Z'%20fill='white'/%3e%3cpath%20d='M9.375%2010.625V6.25C9.375%206.08424%209.30915%205.92527%209.19194%205.80806C9.07473%205.69085%208.91576%205.625%208.75%205.625C8.58424%205.625%208.42527%205.69085%208.30806%205.80806C8.19085%205.92527%208.125%206.08424%208.125%206.25V10.625C8.125%2010.7908%208.19085%2010.9497%208.30806%2011.0669C8.42527%2011.1842%208.58424%2011.25%208.75%2011.25C8.91576%2011.25%209.07473%2011.1842%209.19194%2011.0669C9.30915%2010.9497%209.375%2010.7908%209.375%2010.625Z'%20fill='white'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.875%204.375C11.7092%204.375%2011.5503%204.44085%2011.4331%204.55806C11.3158%204.67527%2011.25%204.83424%2011.25%205V11.9944C11.2321%2012.3104%2011.09%2012.6066%2010.8547%2012.8184C10.6194%2013.0301%2010.3099%2013.1403%209.99375%2013.125H5.00625C4.69006%2013.1403%204.38061%2013.0301%204.14532%2012.8184C3.91002%2012.6066%203.76793%2012.3104%203.75%2011.9944V5C3.75%204.83424%203.68415%204.67527%203.56694%204.55806C3.44973%204.44085%203.29076%204.375%203.125%204.375C2.95924%204.375%202.80027%204.44085%202.68306%204.55806C2.56585%204.67527%202.5%204.83424%202.5%205V11.9944C2.51784%2012.642%202.79161%2013.2562%203.26136%2013.7024C3.73111%2014.1486%204.35855%2014.3905%205.00625%2014.375H9.99375C10.6415%2014.3905%2011.2689%2014.1486%2011.7386%2013.7024C12.2084%2013.2562%2012.4822%2012.642%2012.5%2011.9944V5C12.5%204.83424%2012.4342%204.67527%2012.3169%204.55806C12.1997%204.44085%2012.0408%204.375%2011.875%204.375Z'%20fill='white'/%3e%3cpath%20d='M12.5%202.5H10V1.25C10%201.08424%209.93415%200.925268%209.81694%200.808058C9.69973%200.690848%209.54076%200.625%209.375%200.625H5.625C5.45924%200.625%205.30027%200.690848%205.18306%200.808058C5.06585%200.925268%205%201.08424%205%201.25V2.5H2.5C2.33424%202.5%202.17527%202.56585%202.05806%202.68306C1.94085%202.80027%201.875%202.95924%201.875%203.125C1.875%203.29076%201.94085%203.44973%202.05806%203.56694C2.17527%203.68415%202.33424%203.75%202.5%203.75H12.5C12.6658%203.75%2012.8247%203.68415%2012.9419%203.56694C13.0592%203.44973%2013.125%203.29076%2013.125%203.125C13.125%202.95924%2013.0592%202.80027%2012.9419%202.68306C12.8247%202.56585%2012.6658%202.5%2012.5%202.5ZM6.25%202.5V1.875H8.75V2.5H6.25Z'%20fill='white'/%3e%3cpath%20d='M6.875%2010.625V6.25C6.875%206.08424%206.80915%205.92527%206.69194%205.80806C6.57473%205.69085%206.41576%205.625%206.25%205.625C6.08424%205.625%205.92527%205.69085%205.80806%205.80806C5.69085%205.92527%205.625%206.08424%205.625%206.25V10.625C5.625%2010.7908%205.69085%2010.9497%205.80806%2011.0669C5.92527%2011.1842%206.08424%2011.25%206.25%2011.25C6.41576%2011.25%206.57473%2011.1842%206.69194%2011.0669C6.80915%2010.9497%206.875%2010.7908%206.875%2010.625Z'%20fill='white'/%3e%3cpath%20d='M9.375%2010.625V6.25C9.375%206.08424%209.30915%205.92527%209.19194%205.80806C9.07473%205.69085%208.91576%205.625%208.75%205.625C8.58424%205.625%208.42527%205.69085%208.30806%205.80806C8.19085%205.92527%208.125%206.08424%208.125%206.25V10.625C8.125%2010.7908%208.19085%2010.9497%208.30806%2011.0669C8.42527%2011.1842%208.58424%2011.25%208.75%2011.25C8.91576%2011.25%209.07473%2011.1842%209.19194%2011.0669C9.30915%2010.9497%209.375%2010.7908%209.375%2010.625Z'%20fill='white'/%3e%3c/svg%3e");background-color:#fff}.user-management-page-container .list-container .action-button:not(.resign-button):hover{background-color:var(--gold)!important}.user-management-page-container .list-container .action-button.resign-button .remove-action{background-color:gray;opacity:.7;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.875%204.375C11.7092%204.375%2011.5503%204.44085%2011.4331%204.55806C11.3158%204.67527%2011.25%204.83424%2011.25%205V11.9944C11.2321%2012.3104%2011.09%2012.6066%2010.8547%2012.8184C10.6194%2013.0301%2010.3099%2013.1403%209.99375%2013.125H5.00625C4.69006%2013.1403%204.38061%2013.0301%204.14532%2012.8184C3.91002%2012.6066%203.76793%2012.3104%203.75%2011.9944V5C3.75%204.83424%203.68415%204.67527%203.56694%204.55806C3.44973%204.44085%203.29076%204.375%203.125%204.375C2.95924%204.375%202.80027%204.44085%202.68306%204.55806C2.56585%204.67527%202.5%204.83424%202.5%205V11.9944C2.51784%2012.642%202.79161%2013.2562%203.26136%2013.7024C3.73111%2014.1486%204.35855%2014.3905%205.00625%2014.375H9.99375C10.6415%2014.3905%2011.2689%2014.1486%2011.7386%2013.7024C12.2084%2013.2562%2012.4822%2012.642%2012.5%2011.9944V5C12.5%204.83424%2012.4342%204.67527%2012.3169%204.55806C12.1997%204.44085%2012.0408%204.375%2011.875%204.375Z'%20fill='%23858585'/%3e%3cpath%20d='M12.5%202.5H10V1.25C10%201.08424%209.93415%200.925268%209.81694%200.808058C9.69973%200.690848%209.54076%200.625%209.375%200.625H5.625C5.45924%200.625%205.30027%200.690848%205.18306%200.808058C5.06585%200.925268%205%201.08424%205%201.25V2.5H2.5C2.33424%202.5%202.17527%202.56585%202.05806%202.68306C1.94085%202.80027%201.875%202.95924%201.875%203.125C1.875%203.29076%201.94085%203.44973%202.05806%203.56694C2.17527%203.68415%202.33424%203.75%202.5%203.75H12.5C12.6658%203.75%2012.8247%203.68415%2012.9419%203.56694C13.0592%203.44973%2013.125%203.29076%2013.125%203.125C13.125%202.95924%2013.0592%202.80027%2012.9419%202.68306C12.8247%202.56585%2012.6658%202.5%2012.5%202.5ZM6.25%202.5V1.875H8.75V2.5H6.25Z'%20fill='%23858585'/%3e%3cpath%20d='M6.875%2010.625V6.25C6.875%206.08424%206.80915%205.92527%206.69194%205.80806C6.57473%205.69085%206.41576%205.625%206.25%205.625C6.08424%205.625%205.92527%205.69085%205.80806%205.80806C5.69085%205.92527%205.625%206.08424%205.625%206.25V10.625C5.625%2010.7908%205.69085%2010.9497%205.80806%2011.0669C5.92527%2011.1842%206.08424%2011.25%206.25%2011.25C6.41576%2011.25%206.57473%2011.1842%206.69194%2011.0669C6.80915%2010.9497%206.875%2010.7908%206.875%2010.625Z'%20fill='%23858585'/%3e%3cpath%20d='M9.375%2010.625V6.25C9.375%206.08424%209.30915%205.92527%209.19194%205.80806C9.07473%205.69085%208.91576%205.625%208.75%205.625C8.58424%205.625%208.42527%205.69085%208.30806%205.80806C8.19085%205.92527%208.125%206.08424%208.125%206.25V10.625C8.125%2010.7908%208.19085%2010.9497%208.30806%2011.0669C8.42527%2011.1842%208.58424%2011.25%208.75%2011.25C8.91576%2011.25%209.07473%2011.1842%209.19194%2011.0669C9.30915%2010.9497%209.375%2010.7908%209.375%2010.625Z'%20fill='%23858585'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.875%204.375C11.7092%204.375%2011.5503%204.44085%2011.4331%204.55806C11.3158%204.67527%2011.25%204.83424%2011.25%205V11.9944C11.2321%2012.3104%2011.09%2012.6066%2010.8547%2012.8184C10.6194%2013.0301%2010.3099%2013.1403%209.99375%2013.125H5.00625C4.69006%2013.1403%204.38061%2013.0301%204.14532%2012.8184C3.91002%2012.6066%203.76793%2012.3104%203.75%2011.9944V5C3.75%204.83424%203.68415%204.67527%203.56694%204.55806C3.44973%204.44085%203.29076%204.375%203.125%204.375C2.95924%204.375%202.80027%204.44085%202.68306%204.55806C2.56585%204.67527%202.5%204.83424%202.5%205V11.9944C2.51784%2012.642%202.79161%2013.2562%203.26136%2013.7024C3.73111%2014.1486%204.35855%2014.3905%205.00625%2014.375H9.99375C10.6415%2014.3905%2011.2689%2014.1486%2011.7386%2013.7024C12.2084%2013.2562%2012.4822%2012.642%2012.5%2011.9944V5C12.5%204.83424%2012.4342%204.67527%2012.3169%204.55806C12.1997%204.44085%2012.0408%204.375%2011.875%204.375Z'%20fill='%23858585'/%3e%3cpath%20d='M12.5%202.5H10V1.25C10%201.08424%209.93415%200.925268%209.81694%200.808058C9.69973%200.690848%209.54076%200.625%209.375%200.625H5.625C5.45924%200.625%205.30027%200.690848%205.18306%200.808058C5.06585%200.925268%205%201.08424%205%201.25V2.5H2.5C2.33424%202.5%202.17527%202.56585%202.05806%202.68306C1.94085%202.80027%201.875%202.95924%201.875%203.125C1.875%203.29076%201.94085%203.44973%202.05806%203.56694C2.17527%203.68415%202.33424%203.75%202.5%203.75H12.5C12.6658%203.75%2012.8247%203.68415%2012.9419%203.56694C13.0592%203.44973%2013.125%203.29076%2013.125%203.125C13.125%202.95924%2013.0592%202.80027%2012.9419%202.68306C12.8247%202.56585%2012.6658%202.5%2012.5%202.5ZM6.25%202.5V1.875H8.75V2.5H6.25Z'%20fill='%23858585'/%3e%3cpath%20d='M6.875%2010.625V6.25C6.875%206.08424%206.80915%205.92527%206.69194%205.80806C6.57473%205.69085%206.41576%205.625%206.25%205.625C6.08424%205.625%205.92527%205.69085%205.80806%205.80806C5.69085%205.92527%205.625%206.08424%205.625%206.25V10.625C5.625%2010.7908%205.69085%2010.9497%205.80806%2011.0669C5.92527%2011.1842%206.08424%2011.25%206.25%2011.25C6.41576%2011.25%206.57473%2011.1842%206.69194%2011.0669C6.80915%2010.9497%206.875%2010.7908%206.875%2010.625Z'%20fill='%23858585'/%3e%3cpath%20d='M9.375%2010.625V6.25C9.375%206.08424%209.30915%205.92527%209.19194%205.80806C9.07473%205.69085%208.91576%205.625%208.75%205.625C8.58424%205.625%208.42527%205.69085%208.30806%205.80806C8.19085%205.92527%208.125%206.08424%208.125%206.25V10.625C8.125%2010.7908%208.19085%2010.9497%208.30806%2011.0669C8.42527%2011.1842%208.58424%2011.25%208.75%2011.25C8.91576%2011.25%209.07473%2011.1842%209.19194%2011.0669C9.30915%2010.9497%209.375%2010.7908%209.375%2010.625Z'%20fill='%23858585'/%3e%3c/svg%3e")}.user-management-page-container .list-container .action-button.resign-button:hover .remove-action{background-color:#a0a0a0;opacity:1}.user-management-page-container .ant-list-item .ant-avatar{cursor:pointer}.user-management-page-container .pagination-container{display:flex;justify-content:center;align-items:center;margin-top:18px;margin-bottom:8px;background:transparent;border:none;box-shadow:none}.user-management-page-container .pagination-container .ant-pagination{display:flex;align-items:center;justify-content:center;gap:4px}.user-management-page-container .pagination-container .ant-pagination-item{border-radius:8px;border:1px solid #D9D9D9}.user-management-page-container .pagination-container .ant-pagination-item-active{background:var(--primary-color);border-color:var(--primary-color)}.user-management-page-container .pagination-container .ant-pagination-item-active a{color:#fff!important}.user-management-page-container .pagination-container .ant-pagination-item a,.user-management-page-container .pagination-container .ant-pagination-prev button,.user-management-page-container .pagination-container .ant-pagination-next button{font-family:Google Sans;font-weight:600;color:var(--primary-color)}.user-management-page-container .pagination-container .ant-pagination-jump-prev,.user-management-page-container .pagination-container .ant-pagination-jump-next{background:transparent!important;border:none!important}.user-management-page-container .pagination-container .ant-pagination-jump-prev .ant-pagination-item-link,.user-management-page-container .pagination-container .ant-pagination-jump-next .ant-pagination-item-link{border:none!important}.user-management-page-container .pagination-container .ant-pagination-jump-prev .ant-pagination-item-ellipsis,.user-management-page-container .pagination-container .ant-pagination-jump-next .ant-pagination-item-ellipsis{color:var(--primary-color)!important;font-family:Google Sans,sans-serif!important;font-weight:700!important}.user-management-page-container .pagination-container .ant-pagination-jump-prev .ant-pagination-item-link-icon,.user-management-page-container .pagination-container .ant-pagination-jump-next .ant-pagination-item-link-icon{color:var(--primary-color)!important}.user-management-page-container .profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;z-index:1000}.user-management-page-container .profile-overlay .profile-containt{display:flex;flex-direction:column;position:relative;justify-items:center;align-items:center;background-color:#fff;box-shadow:0 10px 15px #00000040;border-radius:20px;font-family:var(--font-family);font-size:var(--font-small);color:var(--secondary-color);padding:20px;z-index:1100}.user-management-page-container .profile-containt .close-icon{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;background:#0e3b39;display:flex;align-items:center;justify-content:center;cursor:pointer}.user-management-page-container .profile-containt .close-icon img{display:none}.user-management-page-container .profile-containt .close-icon:before,.user-management-page-container .profile-containt .close-icon:after{content:"";position:absolute;width:12px;height:2px;background:#fff;border-radius:1px}.user-management-page-container .profile-containt .close-icon:before{transform:rotate(45deg)}.user-management-page-container .profile-containt .close-icon:after{transform:rotate(-45deg)}.user-management-page-container .profile-containt .ant-avatar{margin:40px 100px 0}.user-management-page-container .profile-containt .profile-text{padding-top:10px;padding-bottom:30px;color:#000!important}.user-management-page-container .profile-containt .button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:0 0 10px 10px;width:100%;gap:10px;padding:10px;box-shadow:none;border-top:none}.user-management-page-container .profile-containt .button-container .button{padding:13px 10px;border-radius:8px;cursor:pointer;font-size:15px;font-family:Google Sans;font-weight:600;display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:40px!important}.user-management-page-container .profile-containt .button-container .button.green-button:not(.green-resign){background-color:var(--primary-color)!important;color:#fff!important;border:none!important;transition:background .2s}.user-management-page-container .profile-containt .button-container .button.green-resign{background-color:var(--shadow-and-border-color);color:#fff;cursor:default!important}.user-management-page-container .profile-containt .button-container .button.green-button:hover{background-color:#bebebe!important;color:#fff!important}.user-management-page-container .profile-containt .button-container .button.green-button{height:45px}.user-management-page-container .profile-containt .button-container .button.green-button .invisible-button{padding-left:28px}.user-management-page-container .profile-containt .button-container .button.white-button{border:1.5px solid var(--primary-color)!important;color:var(--primary-color)!important;margin-bottom:-3px;height:45px;font-size:13px!important;font-family:Google Sans;font-weight:600}.user-management-page-container .profile-containt .button-container .button.white-resign{border:1px solid var(--shadow-and-border-color);color:var(--shadow-and-border-color);cursor:default!important}.user-management-page-container .invisible-button{all:unset;width:100%;height:100%;font-size:13px;font-family:Google Sans;font-weight:600}.delete-modal .delete-modal-header h2{font-size:20px;font-weight:700;color:#111;margin:0;font-family:Google Sans}.setting-delete-modal-body h3{font-size:24px;font-weight:700;color:#111;margin:0 0 12px;font-family:Google Sans}.setting-delete-modal-body p{font-size:16px;color:#4b5563;margin:0 0 4px;font-weight:500;font-family:Google Sans}.setting-delete-modal-body .sub-text{color:#9ca3af;font-size:14px;font-family:Google Sans}.modal-btn{padding:12px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;border:none;font-family:Google Sans}.modal-cancel{background:none;border:1px solid #4b5563!important;color:#4b5563!important}.modal-delete{background:var(--primary-color)!important;color:#fff!important}.modal-delete:hover{background:#0d302f!important}.ant-popover .ant-popover-inner{padding:0;border-radius:20px!important;overflow:hidden;box-shadow:var(--shadow-lg)!important;min-width:380px}.resign-content{width:380px;min-width:380px;max-width:380px;font-family:Google Sans,sans-serif;background:#fff;border-radius:20px;display:flex;flex-direction:column}.resign-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #F0F0F0}.resign-title{font-size:16px;font-weight:700;color:#000;line-height:1.3;flex:1;padding-right:12px}.resign-close-icon{width:28px;height:28px;min-width:28px;border-radius:50%;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease-in-out}.resign-close-icon:hover{background-color:#bebebe}.resign-close-icon img{width:13px;height:13px;filter:brightness(0) invert(1)}.resign-body{padding:24px 24px 16px;display:flex;flex-direction:column}.resign-datepicker{display:flex;flex-direction:column}.resign-label{font-size:13px;font-weight:600;color:#000;margin-bottom:10px}.resign-datepicker .ant-picker{width:100%!important;height:48px!important;border-radius:12px!important;border:1px solid #D9D9D9!important;box-shadow:none!important;padding:0 14px!important;transition:border-color .25s ease!important}.resign-datepicker .ant-picker:hover,.resign-datepicker .ant-picker-focused{border-color:var(--primary-color)!important;box-shadow:none!important}.resign-datepicker .ant-picker.error-border{border-color:#d93025!important}.resign-datepicker .ant-picker .ant-picker-input input{font-family:Google Sans,sans-serif!important;font-size:13px!important;font-weight:500!important;color:#000!important}.resign-datepicker .ant-picker .ant-picker-input input::placeholder{color:#bebebe!important;font-weight:400!important}.resign-datepicker .ant-picker .ant-picker-suffix img{width:18px;height:18px}.resign-error{display:flex;align-items:center;gap:6px;margin-top:8px;color:#d93025;font-size:12px;font-weight:500}.resign-error .warning-icon{width:14px;height:14px;min-width:14px;background-color:#d93025;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_10685_239'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='35'%20height='35'%3e%3cpath%20d='M0%200H35V35H0V0Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_10685_239)'%3e%3cpath%20d='M5.46875%2032.5371H29.5312C31.7965%2032.5371%2033.6328%2030.7008%2033.6328%2028.4355C33.6328%2027.7061%2033.4424%2027.0211%2033.1086%2026.4276L21.0773%204.55263C20.3744%203.30309%2019.0358%202.45899%2017.5%202.45899C15.9642%202.45899%2014.6256%203.30309%2013.9227%204.55263L1.89144%2026.4276C1.55764%2027.0211%201.36719%2027.7061%201.36719%2028.4355C1.36719%2030.7008%203.20352%2032.5371%205.46875%2032.5371Z'%20stroke='%23103C3B'%20stroke-width='3'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M17.5%2012.0293V20.2324'%20stroke='%23103C3B'%20stroke-width='3'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18.8672%2025.7012C18.8672%2026.4563%2018.2551%2027.0684%2017.5%2027.0684C16.7449%2027.0684%2016.1328%2026.4563%2016.1328%2025.7012C16.1328%2024.9461%2016.7449%2024.334%2017.5%2024.334C18.2551%2024.334%2018.8672%2024.9461%2018.8672%2025.7012Z'%20fill='%23103C3B'/%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_10685_239'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='35'%20height='35'%3e%3cpath%20d='M0%200H35V35H0V0Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_10685_239)'%3e%3cpath%20d='M5.46875%2032.5371H29.5312C31.7965%2032.5371%2033.6328%2030.7008%2033.6328%2028.4355C33.6328%2027.7061%2033.4424%2027.0211%2033.1086%2026.4276L21.0773%204.55263C20.3744%203.30309%2019.0358%202.45899%2017.5%202.45899C15.9642%202.45899%2014.6256%203.30309%2013.9227%204.55263L1.89144%2026.4276C1.55764%2027.0211%201.36719%2027.7061%201.36719%2028.4355C1.36719%2030.7008%203.20352%2032.5371%205.46875%2032.5371Z'%20stroke='%23103C3B'%20stroke-width='3'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M17.5%2012.0293V20.2324'%20stroke='%23103C3B'%20stroke-width='3'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18.8672%2025.7012C18.8672%2026.4563%2018.2551%2027.0684%2017.5%2027.0684C16.7449%2027.0684%2016.1328%2026.4563%2016.1328%2025.7012C16.1328%2024.9461%2016.7449%2024.334%2017.5%2024.334C18.2551%2024.334%2018.8672%2024.9461%2018.8672%2025.7012Z'%20fill='%23103C3B'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.resign-button-box{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px 24px;flex-wrap:nowrap}.resign-button{width:150px;min-width:150px;max-width:150px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.resign-button.cancel-button{background-color:#fff!important;border:1.5px solid var(--primary-color)!important;color:var(--primary-color)!important;padding:0!important}.resign-button.cancel-button:hover{background-color:#f4f8f7!important}.resign-button.save-button{background-color:#0e3b39!important;border:none;padding:0!important;color:#fff}.resign-button.save-button:hover{background-color:#0b2e2d!important}.resign-button.close-mode-button{width:100%;min-width:unset;max-width:unset;background-color:#fff;border:1.5px solid var(--primary-color);color:var(--primary-color);padding:0!important}.resign-button.close-mode-button:hover{background-color:#f4f8f7}.col-id .resign{color:#9ca3af!important;font-style:italic}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected:not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background-color:var(--primary-color);color:#fff!important}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner{background:var(--gold)!important;color:#fff!important;border-radius:4px!important;box-shadow:none!important;position:relative;z-index:1}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{content:none!important}.ant-picker-dropdown .ant-picker-content th{color:var(--primary-color)!important}.ant-picker-dropdown .ant-picker-header-view button{color:#000!important}.ant-picker-dropdown .ant-picker-cell-in-view{color:var(--primary-color)!important}.ant-picker-dropdown .ant-picker-footer .ant-picker-now-btn{color:#000!important}.ant-picker-dropdown .ant-picker-footer .ant-picker-now-btn:hover{color:var(--primary-color)!important}.user-management-page-container .modal-overlay{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.user-management-page-container .modal-overlay .edit-user-container{width:90%;max-width:1000px;min-height:500px;background-color:var(--background-color);border-radius:20px;box-shadow:0 10px 15px #00000040}.user-management-page-container .modal-overlay .edit-user-container .ant-form{padding:0 24px}.user-management-page-container .edit-user-container .modal-header-container{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--shadow-and-border-color)}.user-management-page-container .modal-header-container .edit-user-title{font-family:var(--font-family);font-size:var(--font-normal);font-weight:var(--font-weight-bold);color:var(--primary-color)}.user-management-page-container .modal-header-container .exit-modal{width:30px;height:30px;background-color:var(--secondary-color);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='path2'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15%200C6.7215%200%200%206.7215%200%2015C0%2023.2785%206.7215%2030%2015%2030C23.2785%2030%2030%2023.2785%2030%2015C30%206.7215%2023.2785%200%2015%200ZM12.8775%2015L8.6355%2010.7565C8.0505%2010.1715%208.0505%209.2205%208.6355%208.6355C9.2205%208.0505%2010.1715%208.0505%2010.7565%208.6355L15%2012.879L19.242%208.6355C19.827%208.0505%2020.778%208.0505%2021.363%208.6355C21.9495%209.2205%2021.9495%2010.1715%2021.363%2010.7565L17.121%2015L21.363%2019.242C21.9495%2019.827%2021.9495%2020.778%2021.363%2021.363C20.778%2021.9495%2019.827%2021.9495%2019.242%2021.363L15%2017.121L10.7565%2021.363C10.1715%2021.9495%209.2205%2021.9495%208.6355%2021.363C8.0505%2020.778%208.0505%2019.827%208.6355%2019.242L12.8775%2015Z'%20fill='%2333998F'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='path2'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15%200C6.7215%200%200%206.7215%200%2015C0%2023.2785%206.7215%2030%2015%2030C23.2785%2030%2030%2023.2785%2030%2015C30%206.7215%2023.2785%200%2015%200ZM12.8775%2015L8.6355%2010.7565C8.0505%2010.1715%208.0505%209.2205%208.6355%208.6355C9.2205%208.0505%2010.1715%208.0505%2010.7565%208.6355L15%2012.879L19.242%208.6355C19.827%208.0505%2020.778%208.0505%2021.363%208.6355C21.9495%209.2205%2021.9495%2010.1715%2021.363%2010.7565L17.121%2015L21.363%2019.242C21.9495%2019.827%2021.9495%2020.778%2021.363%2021.363C20.778%2021.9495%2019.827%2021.9495%2019.242%2021.363L15%2017.121L10.7565%2021.363C10.1715%2021.9495%209.2205%2021.9495%208.6355%2021.363C8.0505%2020.778%208.0505%2019.827%208.6355%2019.242L12.8775%2015Z'%20fill='%2333998F'/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;cursor:pointer}.user-management-page-container .modal-header-container .exit-modal:hover{background-color:var(--primary-color)}.user-management-page-container .edit-user-container p{font-family:var(--font-family);font-size:var(--font-tiny);font-weight:var(--font-normal);color:var(--primary-color);margin:10px 0}.user-management-page-container .edit-user-container .ant-input,.user-management-page-container .edit-user-container input{font-family:var(--font-family);font-size:var(--font-tiny);font-weight:var(--font-normal);color:var(--font-input-color);border-radius:10px}.user-management-page-container .edit-user-container .ant-input:hover,.user-management-page-container .edit-user-container input:hover{border-color:var(--secondary-color)}.user-management-page-container .edit-user-container .ant-form-item{margin:0}.user-management-page-container .edit-user-container .modal-footer{border-bottom:1px solid var(--shadow-and-border-color);display:flex;justify-content:center;align-items:center;margin:24px 0 40px;padding-bottom:20px;width:100%;gap:25px}.user-management-page-container .edit-user-container .modal-footer .white-button,.user-management-page-container .edit-user-container .modal-footer .green-button{border:1px solid var(--secondary-color);border-radius:999px;width:20%;max-width:200px;height:40px;color:var(--primary-color);font-family:var(--font-family);font-size:var(--font-tiny)}.user-management-page-container .edit-user-container .modal-footer .green-button{background-color:var(--secondary-color);color:#fff}.user-management-page-container .edit-user-container .ant-select-selector{border-radius:10px;font-family:var(--font-family);font-size:var(--font-tiny);font-weight:var(--font-weight-normal);color:var(--font-input-color)}.user-management-page-container .edit-user-container .ant-select.ant-select-outlined:hover .ant-select-selector,.user-management-page-container .edit-user-container .ant-select-focused .ant-select-selector{border-color:var(--secondary-color)!important}.user-management-page-container .edit-user-container .ant-select-selection-placeholder{color:#9999!important;font-family:var(--font-family);font-size:var(--font-tiny);font-weight:var(--font-normal)}@media(min-width:768px)and (max-width:1024px){.user-management-page-container .text-box h1{font-size:30px}.user-management-page-container .text-box h2{font-size:18px}.user-management-page-container .list-container{width:96%;margin-bottom:30px}.user-management-page-container .list-container .top-action-container{flex-wrap:nowrap;gap:12px}.user-management-page-container .top-action-container .left-side,.user-management-page-container .top-action-container .right-side{width:auto}.user-management-page-container .top-action-container .left-side{flex:0 0 auto;flex-wrap:nowrap;min-width:0}.user-management-page-container .top-action-container .left-side .ant-select{width:170px!important}.user-management-page-container .top-action-container .right-side{flex:1 1 auto;min-width:220px}.user-management-page-container .top-action-container .right-side .search-input{width:min(100%,250px);max-width:250px}.user-management-page-container .list-container .therapist-list{height:auto;min-height:0;max-height:none}.user-management-page-container .list-container .therapist-item-list{height:auto;max-height:min(60vh,520px)}.user-management-page-container .list-container .top-action-container{flex-wrap:wrap;align-items:flex-start;gap:10px}.user-management-page-container .top-action-container .left-side{flex:0 0 100%;width:100%;flex-wrap:nowrap;min-width:0;gap:4px;font-size:12px;white-space:nowrap}.user-management-page-container .top-action-container .left-side>:first-child{flex:0 0 auto}.user-management-page-container .top-action-container .left-side .ant-select{flex:1 1 auto;width:auto!important;max-width:none;min-width:0}.user-management-page-container .top-action-container .right-side{flex:0 0 100%;width:100%;min-width:0;justify-content:flex-start;margin-top:4px}.user-management-page-container .top-action-container .right-side .search-input{width:100%;max-width:none}.user-management-page-container .top-action-container .ant-select-selector,.user-management-page-container .top-action-container .ant-select .ant-select-selection-item,.user-management-page-container .right-side .ant-input-affix-wrapper input{font-size:12px!important}.user-management-page-container .select-gender{width:150px!important}.user-management-page-container .select-gender .ant-select-selector,.user-management-page-container .select-gender .ant-select-selection-item{font-size:13px!important}.user-management-page-container .list-container .therapist-scroll-area{overflow-x:auto;overflow-y:auto}.user-management-page-container .list-container .therapist-table-content{width:max-content;min-width:960px}.user-management-page-container .list-container .list-header>.ant-row{min-width:924px!important;width:100%!important}.user-management-page-container .list-container .therapist-item-list .item-list{display:flex!important;flex-wrap:nowrap!important;min-width:924px!important;width:100%!important}}@media(max-width:767px){.ant-select{width:100%!important;max-width:100%!important;min-width:0!important}.ant-select-selector{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.ant-select-selection-item,.ant-select-selection-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.therapist-management-filter-wrapper,.therapist-management-header,.filter-section{min-width:0!important;overflow:hidden!important}.user-management-page-container .text-box h1{font-size:22px}.user-management-page-container .text-box h2{font-size:16px;margin-bottom:60px}.user-management-page-container .list-container{width:100%;margin-bottom:20px}.user-management-page-container>.footer{padding:28px 16px 36px;font-size:14px}.user-management-page-container .list-container .top-action-container{margin-bottom:12px;flex-wrap:wrap;align-items:flex-start;gap:6px}.user-management-page-container .top-action-container .left-side{flex:0 0 100%;width:100%;min-width:0;gap:6px;font-size:13.5px;white-space:nowrap;overflow:hidden}.user-management-page-container .top-action-container .left-side>:first-child{flex:0 0 auto;white-space:nowrap}.user-management-page-container .top-action-container .left-side .ant-select{flex:1 1 0!important;width:0!important;max-width:100%!important;min-width:0!important}.user-management-page-container .top-action-container .right-side{flex:0 0 100%;width:100%;min-width:0;display:flex;gap:8px!important;align-items:center;justify-content:flex-start;margin-top:8px}.user-management-page-container .top-action-container .right-side .search-input{flex:1!important;width:auto;max-width:none}.user-management-page-container .top-action-container .right-side button{flex:0 0 auto!important;height:38px!important;padding-inline:14px!important;font-size:13px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important}.user-management-page-container .top-action-container .ant-select-selector,.user-management-page-container .top-action-container .ant-select .ant-select-selection-item,.user-management-page-container .right-side .ant-input-affix-wrapper input{font-size:13.5px!important}.user-management-page-container .list-container .therapist-table-content{width:max-content;min-width:860px}.user-management-page-container .list-container .therapist-list{height:auto;min-height:0;max-height:none;overflow:hidden}.user-management-page-container .list-container .therapist-item-list{height:auto;max-height:calc(100vh - 250px);padding-bottom:8px;overflow-x:hidden}.user-management-page-container .list-container .therapist-scroll-area{overflow-x:auto;overflow-y:auto}.user-management-page-container .list-container .list-header{display:block;min-width:100%;width:100%;padding:14px 18px}.user-management-page-container .list-container .list-header>.ant-row{min-width:824px;width:100%}.user-management-page-container .list-container .ant-list-split .ant-list-item{padding:10px;min-width:100%;width:100%}.user-management-page-container .list-container .therapist-item-list .item-list{display:flex!important;flex-wrap:nowrap!important;min-width:824px;width:100%!important;row-gap:0;column-gap:0;align-items:center}.user-management-page-container .list-text,.user-management-page-container .select-gender .ant-select-selector{font-size:14px}.user-management-page-container .list-text.hidden-overflow-text{max-width:180px}.user-management-page-container .select-gender{width:150px!important}.user-management-page-container .list-container .action-button-container{justify-content:flex-start}.user-management-page-container .list-head-text{font-size:16px;white-space:nowrap}.user-management-page-container .delete-confirm-content{width:92vw}.user-management-page-container .delete-confirm-header span,.user-management-page-container .delete-confirm-Text-box .title-text{font-size:18px}.user-management-page-container .delete-confirm-Text-box .description-text{font-size:14px}.user-management-page-container .ant-list-item .ant-avatar{width:30px!important;height:30px!important}.user-management-page-container .profile-overlay .profile-containt{width:min(320px,calc(100vw - 22px));border-radius:16px;padding-top:6px}.user-management-page-container .profile-containt .close-icon{top:12px;right:12px;width:24px;height:24px}.user-management-page-container .profile-containt .ant-avatar{margin:28px 0 0;width:180px!important;height:180px!important}.user-management-page-container .profile-containt .profile-text{padding-top:8px;padding-bottom:22px;font-size:14px}.user-management-page-container .profile-containt .button-container{gap:8px;padding:8px 12px 12px}.user-management-page-container .profile-containt .button-container .button{min-width:104px;height:38px;padding:10px 8px;font-size:14px}}.therapist-skeleton{background:var(--skeleton-gradient);background-size:400% 100%;animation:therapist-shimmer 1.4s ease infinite}@keyframes therapist-shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}.therapist-skeleton-avatar{width:26px;height:26px;border-radius:50%;margin:0 auto}.therapist-skeleton-text{border-radius:4px;display:inline-block}.therapist-skeleton-btn{width:24px;height:24px;border-radius:50%}.add-therapist-modal .ant-modal-content{border-radius:18px!important;padding:0!important;box-shadow:var(--shadow-lg)!important;overflow:hidden}.add-therapist-modal .ant-modal-body{padding:0!important}.add-therapist-modal .ap2-modal-header{padding:10px 20px!important;box-shadow:0 4px 16px #103c3b14!important;border-bottom:none!important;background:#fff!important;position:relative!important;z-index:10!important}.add-therapist-modal .ant-form-item-label label{font-family:Google Sans!important;font-weight:600!important;font-size:14px!important;color:var(--primary-color)!important}.add-therapist-modal .ant-input,.add-therapist-modal .ant-select-selector{border-radius:8px!important;border:1px solid #BEBEBE!important;height:42px!important;font-family:Google Sans!important;font-weight:500!important;font-size:14px!important;color:var(--primary-color)!important}.add-therapist-modal .ant-select-single .ant-select-selector .ant-select-selection-item{line-height:40px!important;font-family:Google Sans!important;font-weight:600!important;color:var(--primary-color)!important}.add-therapist-modal .ant-input:focus,.add-therapist-modal .ant-input-focused,.add-therapist-modal .ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:none!important}.add-therapist-modal .ant-btn{height:42px!important;font-family:Google Sans!important;font-weight:600!important;border-radius:8px!important;font-size:14px!important;width:140px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s!important}.add-therapist-modal .ap2-btn-cancel{border:1px solid var(--primary-color)!important;color:var(--primary-color)!important;background:#fff!important}.add-therapist-modal .ap2-btn-cancel:hover{background:#efefef!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}.add-therapist-modal .ap2-btn-save{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.add-therapist-modal .ap2-btn-save:hover{background:#0d2e2d!important;border-color:#0d2e2d!important;color:#fff!important}.add-therapist-modal .ant-form-item{margin-bottom:12px!important}.report-page-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--gold);background:#fff;color:var(--gold);font-family:Google Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.report-page-btn:hover:not(:disabled){background:var(--gold);color:#fff}.report-page-btn:disabled{border-color:#d9d9d9;color:#00000040;background-color:#0000000a;cursor:not-allowed}.report-table-wrap-therapist{margin-top:16px;border:1px solid #AAAAAA;border-radius:12px;overflow-x:auto;overflow-y:hidden;position:relative;background:#fff}.report-table-wrap-therapist .report-table-scroll-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.report-table-wrap-therapist{scrollbar-width:thin;scrollbar-color:#9BA9A8 #E7ECEC}.report-table-wrap-therapist::-webkit-scrollbar{height:10px}.report-table-wrap-therapist::-webkit-scrollbar-track{background:#e7ecec;border-radius:999px}.report-table-wrap-therapist::-webkit-scrollbar-thumb{background:#9ba9a8;border-radius:999px;border:2px solid #E7ECEC}.report-table-wrap-therapist::-webkit-scrollbar-thumb:hover{background:#7f8c8b}.report-table-therapist{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.report-table-therapist th{background:var(--primary-color);color:#fff;text-align:left;padding:12px;font-size:16px;font-weight:600;white-space:nowrap;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #AAAAAA}.report-table-therapist td{padding:11px 12px;border-bottom:1px solid #AAAAAA;font-size:13px;font-weight:600;color:var(--primary-color);line-height:30px;white-space:nowrap;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;background:#fff}.report-table-therapist tbody tr:last-child td{border-bottom:none}.report-table-therapist tbody tr.resign-user:hover td,.report-table-therapist tbody tr.resign-user:hover .report-table-fixed-col{background-color:#eaeaea!important}.report-table-therapist .report-table-fixed-col{position:sticky;z-index:10;will-change:left}.report-table-therapist thead .report-table-fixed-col{background:var(--primary-color);z-index:12}.report-table-therapist tbody .report-table-fixed-col{background:#fff}.report-table-col-profile{left:0!important;width:78px!important;min-width:78px!important;max-width:78px!important;z-index:14!important;text-align:center!important;display:table-cell}.report-table-col-name{left:78px!important;width:140px!important;min-width:140px!important;max-width:140px!important;z-index:13!important}.report-table-fixed-last-col:after{content:"";position:absolute;top:0;right:-1px;width:10px;height:100%;pointer-events:none;opacity:0;transition:opacity .2s ease;background:linear-gradient(to right,#103c3b2e,#103c3b14 45%,#103c3b00);z-index:15}.report-table-col-gender{width:100px;min-width:100px;max-width:100px}.report-table-col-doc-no{width:160px;min-width:160px;max-width:160px}.report-table-col-phone{width:140px;min-width:140px;max-width:140px}.report-table-col-nationality{width:120px;min-width:120px;max-width:120px}.report-table-col-line{width:150px;min-width:150px;max-width:150px}.report-table-col-action{width:120px;min-width:120px;max-width:120px;text-align:center!important}.report-table-therapist tbody tr.resign-user td,.report-table-therapist tbody tr.resign-user .report-table-fixed-col{background-color:var(--background-input-color)!important}.report-table-empty-cell{text-align:center;background:#fff!important}.report-table-therapist .ant-avatar{cursor:pointer;border:1px solid #E5ECEC}@media(max-width:1024px){.ant-tooltip{display:none!important}.report-table-therapist tbody tr:hover td,.report-table-therapist tbody tr:hover .report-table-fixed-col{background-color:#fff!important}.report-table-therapist tbody tr.resign-user:hover td,.report-table-therapist tbody tr.resign-user:hover .report-table-fixed-col{background-color:var(--background-input-color)!important}.user-management-page-container .list-container .action-button:hover:not(.resign-button){background-color:#f5f5f5;border-color:#e2e2e2!important}.user-management-page-container .list-container .action-button:not(.resign-button):hover .remove-action{filter:none!important;background-color:transparent}.user-management-page-container .list-container .action-button:not(.resign-button):hover .edit-action{filter:none!important;background-color:transparent!important}.user-management-page-container .list-container .action-button:not(.resign-button):hover .resign-action{filter:none!important;background-color:transparent!important}.report-page-btn:hover:not(:disabled){background:#fff;color:var(--gold);border:1px solid var(--gold)!important}.report-page-btn.active:hover:not(:disabled){background:var(--primary-color)!important;color:#fff!important;border:1px solid var(--primary-color)!important}}.custom-select:has(option[value=""][disabled][hidden]:checked){color:#bebebe!important}.setting-page-container select option[value=""][disabled][hidden]{color:#bebebe!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select-selection-item-content{color:#000!important}.setting-page-container .content-container .content-4 .list-item .popover .save-button{position:sticky;bottom:0;left:0;width:37%;margin-top:24px;align-self:flex-end;z-index:2;background:var(--gold)!important;color:#fff!important;border-radius:8px;box-shadow:var(--shadow-sm);transition:background .2s;font-size:13px!important}.setting-page-container .content-container .content-4 .list-item .popover .save-button:hover{background:#bebebe!important;color:#fff!important}.setting-page-container .content-container .containt-list.popover-open{overflow-y:auto!important}.setting-page-container input[type=number],.setting-page-container input[type=text],.setting-page-container .ant-picker-input input,.setting-page-container .ant-picker-time-panel-cell-inner,.setting-page-container .ant-picker-time-panel-column,.setting-page-container .ant-picker-content,.setting-page-container .ant-picker-time-panel,.setting-page-container .ant-select-selection-item,.setting-page-container .ant-select-selection-search-input,.setting-page-container .ant-select-selection-item-content{font-size:13px!important}.ant-picker-input input,.ant-picker-time-panel-cell-inner,.ant-picker-time-panel-column,.ant-picker-content,.ant-picker-time-panel{font-family:Google Sans!important}.setting-page-container .popover .ant-select-disabled .ant-select-selector,.setting-page-container .Add-layout .ant-select-disabled .ant-select-selector{background-color:#f3f3f3!important;color:#bebebe!important;border-color:#c9c9c9!important}.setting-page-container .popover input:disabled,.setting-page-container .popover select:disabled,.setting-page-container .popover .currency-input:disabled{background-color:#f3f3f3!important;color:#bebebe!important;border-color:#e0e0e0!important}.setting-page-container .popover .grid-row{display:flex!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px!important}.setting-page-container .popover .span-7,.setting-page-container .popover .span-5,.setting-page-container .popover .span-3{width:100%!important;margin-bottom:0!important}@media(min-width:768px){.setting-page-container .popover .grid-row{flex-direction:row;gap:16px}.setting-page-container .popover .span-7,.setting-page-container .popover .span-5,.setting-page-container .popover .span-3{flex:1!important}}.setting-page-container .popover{font-family:Google Sans!important;font-size:15px!important;color:var(--secondary-color)!important;background:#fff!important;border-radius:10px!important;box-shadow:0 0 4px 0 var(--shadow-and-border-color)!important;padding:40px 20px 10px!important;display:flex!important;flex-direction:column!important;max-width:550px!important}.setting-page-container .popover label{margin-bottom:10px!important;font-size:14px!important;font-weight:500!important;color:#222!important}.setting-page-container .popover input[type=text]{height:37px!important;font-size:15px!important;padding:10px 16px!important;border-radius:10px!important;margin-bottom:20px!important}.setting-page-container .popover input[type=text]::placeholder{color:#bebebe!important;padding-right:15px!important}.setting-page-container .Add-layout input#bed-name,.setting-page-container .Add-layout input#treatment-name,.setting-page-container .Add-layout input#package-name{padding-left:5px!important;border:#AAAAAA 1px solid!important}.setting-page-container .Add-layout input[type=text]{height:37px!important;font-size:15px!important;padding:10px 16px!important}.setting-page-container .Add-layout label{margin-bottom:10px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-duration{top:15px!important;bottom:15px!important;left:15px!important;right:15px!important;max-height:130px!important}.select-multiple-custom .ant-select-selection-item{color:var(--primary-color)!important;font-weight:400;--secondary-color: var(--primary-color)}.ant-select-dropdown .ant-select-item-option-selected{background-color:var(--gold)!important}.ant-select-dropdown .ant-select-item-option-selected .ant-select-selected-icon{color:var(--gold)!important;fill:var(--gold)!important}.ant-select-dropdown .ant-select-item{color:var(--primary-color)!important}.ant-select-selection-placeholder{margin-left:-18px!important;margin-top:4px}.ant-select-selection-placeholder{font-family:Google Sans;font-size:15px;color:#bebebe!important;font-weight:400!important}input::placeholder{color:#bebebe!important;opacity:1}.custom-select-wrapper{position:relative;width:100%}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--shadow-and-border-color);border-radius:10px;font-family:Google Sans;font-size:15px;color:var(--secondary-color);padding:5px 36px 5px 10px;box-sizing:border-box;width:100%;height:38px;background-color:#fff;cursor:pointer}.custom-select:focus,.custom-select:focus-visible{border:1px solid var(--secondary-color);outline:none}.custom-select:disabled{background-color:var(--background-input-color);color:var(--font-input-color);border-color:var(--shadow-and-border-color);cursor:not-allowed}.custom-arrow-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;pointer-events:none;filter:none;color:#aaa;fill:#aaa}.spa-success-popup{position:fixed;top:32px;right:32px;z-index:9999;background:#fff;border-radius:16px;box-shadow:var(--shadow-md);padding:18px 32px;min-width:320px;max-width:95vw;display:flex;align-items:center;font-size:1.15em;color:var(--secondary-color);font-family:Google Sans;font-weight:500;animation:spa-slide-in-right .7s cubic-bezier(.68,-.55,.27,1.55) forwards}.spa-success-popup.slide-out{animation:spa-slide-out-right .7s cubic-bezier(.68,-.55,.27,1.55) forwards}.error-popup{position:fixed;top:32px;right:32px;z-index:9999;background:#fff;border-radius:16px;box-shadow:var(--shadow-md);padding:18px 32px;min-width:320px;max-width:95vw;display:flex;align-items:center;font-size:1.15em;color:#dc3545;font-family:Google Sans;font-weight:500;animation:spa-slide-in-right .7s cubic-bezier(.68,-.55,.27,1.55) forwards}.error-popup.slide-out{animation:spa-slide-out-right .7s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes spa-slide-in-right{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes spa-slide-out-right{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}.setting-page-container .content-container .content-1{height:284px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:800px;border-radius:20px;background-color:var(--background-color);border:1px solid #AAAAAA;margin-bottom:16px;display:flex;flex-direction:column}.setting-page-container .content-container .content-1::-webkit-scrollbar{width:0px;height:0px;display:none}.setting-page-container .content-container .content-2{height:424px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:800px;border-radius:20px;background-color:var(--background-color);margin-bottom:16px;display:flex;flex-direction:column;border:1px solid #AAAAAA}.setting-page-container .content-container .content-2{overflow:hidden!important}.setting-page-container .content-container .content-2 .containt-list{overflow-y:auto!important;overscroll-behavior:auto!important;min-height:0!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.setting-page-container .content-container .content-2 .containt-list .list-content{max-height:none!important;overflow:visible!important;flex:0 0 auto!important}.setting-page-container .content-container .content-2 .containt-list::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.setting-page-container .content-container .content-2::-webkit-scrollbar{width:0px;height:0px;display:none}.setting-page-container{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;--setting-list-visible-rows: 5;--setting-list-row-height-tablet: 50px;--setting-list-row-height-mobile: 44px;--setting-list-gap-tablet: 14px;--setting-list-gap-mobile: 12px;background-color:var(--background-color);min-height:100vh;padding-bottom:40px}.treatment-card-grid{position:relative}.treatment-card-grid.loading{min-height:400px}.spa-setting-grid-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;z-index:20;border-radius:20px}.spa-setting-loading-spinner{width:72px;height:72px;object-fit:contain;margin-bottom:16px}.spa-setting-grid-loading-overlay p{color:var(--primary-color);font-family:Google Sans;font-size:15px;font-weight:500;margin:0}.treatment-empty-state-grid-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;grid-column:1 / -1;padding:60px 0;text-align:center}.treatment-empty-state-grid-overlay img{width:80px;height:80px;margin-bottom:8px;opacity:.7}.treatment-empty-state-grid-overlay p{color:var(--primary-color);font-weight:600;font-size:15px}.setting-page-container .green-button{background-color:var(--primary-color);font-family:Google Sans;color:var(--background-color);font-size:var(--font-tiny)}.setting-page-container .green-button:hover{background-color:#bebebe}.setting-page-container .text-box{font-family:Google Sans;color:var(--secondary-color);text-align:center}.setting-page-container .text-box h1{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0%;margin:60px 10px 10px;color:#000}.setting-page-container .text-box h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;margin:10px 10px 60px;color:#000}.setting-page-container .content-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;align-items:flex-start}.setting-page-container .content-container.ant-row{margin-left:0!important;margin-right:0!important}.setting-page-container .content-container .content-3,.setting-page-container .content-container .content-4{min-height:auto;height:auto;max-height:none;width:100%;max-width:100%;margin:0 0 16px;border-radius:20px;background-color:var(--background-color);display:flex;flex-direction:column;border:1px solid #AAAAAA;overflow-y:auto}.setting-page-container .content-container .content-3{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.setting-page-container .content-container .content-3::-webkit-scrollbar{width:0px;height:0px;display:none}.setting-page-container .content-container .content-4{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.setting-page-container .content-container .content-4::-webkit-scrollbar{width:0px;height:0px;display:none}.setting-page-container .content-container>.ant-col{display:flex;flex-direction:column;align-items:center;padding-left:0!important;padding-right:0!important}.setting-page-container .content-container .content-1,.setting-page-container .content-container .content-2,.setting-page-container .content-container .content-3,.setting-page-container .content-container .content-4{width:100%!important;max-width:none!important;margin-left:0!important}.setting-page-container .content-container .header-1,.setting-page-container .content-container .header-2,.setting-page-container .content-container .header-3,.setting-page-container .content-container .header-4{background:var(--primary-color);border-top-left-radius:20px;border-top-right-radius:20px;min-height:64px;display:flex;align-items:center;box-sizing:border-box;padding:0 32px 0 24px;position:sticky;top:0;z-index:5}.setting-page-container .content-container .header-1:after,.setting-page-container .content-container .header-2:after,.setting-page-container .content-container .header-3:after,.setting-page-container .content-container .header-4:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#c6c6c6;pointer-events:none}.setting-page-container .content-container .header-1 .header-title,.setting-page-container .content-container .header-2 .header-title,.setting-page-container .content-container .header-3 .header-title,.setting-page-container .content-container .header-4 .header-title{font-family:Google Sans;font-size:14px;color:#000;font-weight:500}.setting-page-container .content-container .header-1 .header-amout,.setting-page-container .content-container .header-2 .header-amout,.setting-page-container .content-container .header-3 .header-amout,.setting-page-container .content-container .header-4 .header-amout{font-family:Google Sans;font-size:var(--font-small);border-radius:10px;padding:0 10px;background:var(--gold);color:#fff!important}.setting-page-container .content-container .containt-list{position:relative;height:auto;border-radius:0 0 20px 20px;flex-grow:1;display:flex;flex-direction:column;padding-bottom:24px}.setting-page-container .content-container .containt-list .no-data{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;text-align:center;font-family:Google Sans;color:var(--shadow-and-border-color);font-size:15px;font-weight:600}.setting-page-container .content-container .containt-list .no-data img{width:80px;height:80px;margin-bottom:8px;opacity:.7}.setting-page-container .content-container .containt-list .no-data span{color:var(--primary-color);line-height:3;font-weight:600}.setting-page-container .content-container .containt-list .add-button{border:none;border-radius:10px;padding:10px 20px;display:flex;flex-direction:row;cursor:pointer;transition:background .2s;font-size:12px;font-weight:500}.setting-page-container .content-container .containt-list .add-button img{height:10.76px;padding-right:8px;vertical-align:middle;position:relative;top:3.5px}.setting-page-container .content-container .containt-list .close-icon{position:absolute;top:10px;right:10px;cursor:pointer}.setting-page-container .content-container .containt-list .Add-layout{display:flex;flex-direction:column;position:absolute;top:15px;right:15px;left:15px;bottom:15px;background-color:var(--background-color);padding:40px 20px 30px;border-radius:10px;box-shadow:0 0 4px 0 var(--shadow-and-border-color);font-family:Google Sans;font-size:var(--font-tiny);color:var(--secondary-color);z-index:10;max-height:220px;overflow-y:auto}.setting-page-container .content-container .containt-list .Add-layout.add-layout-bed{top:15px!important;bottom:15px!important;left:15px!important;right:15px!important;max-height:220px!important;height:124px!important;max-width:550px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment{top:15px!important;bottom:15px!important;left:15px!important;right:15px!important;max-height:230px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment label{font-size:13px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment input::placeholder{font-size:13px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment .ant-select-selection-placeholder,.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment select,.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment select option,.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment .ant-select-selection-item,.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment .ant-select-item,.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment .ant-select-item-option-content{font-size:13px!important}.setting-page-container .Add-layout.add-layout-treatment input#treatment-name,.setting-page-container .Add-layout.add-layout-treatment input#treatment-price,.setting-page-container .Add-layout.add-layout-treatment input#therapist-fee,.setting-page-container .Add-layout.add-layout-treatment select,.setting-page-container .Add-layout.add-layout-treatment .ant-select:not(.select-multiple-custom) .ant-select-selector{border-radius:6px!important;height:37px!important;min-height:37px!important;line-height:37px!important;border:1px solid #C9C9C9!important}.setting-page-container .Add-layout.add-layout-treatment .custom-arrow-icon{right:6px!important;top:10px!important}.setting-page-container .Add-layout.add-layout-treatment .ant-select-selection-item{line-height:37px!important;height:37px!important}.ant-select-dropdown .ant-select-item,.ant-select-dropdown .ant-select-item-option-content{font-size:13px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package{top:15px!important;bottom:15px!important;left:15px!important;right:15px!important;max-height:230px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package input#package-name,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package input[id^=package-name-]{border-radius:6px!important;height:37px!important;min-height:37px!important;line-height:37px!important;border:1px solid #C9C9C9!important;font-size:13px!important;font-weight:600!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package input#package-name:focus,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package input#package-name:focus-visible,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package input[id^=package-name-]:focus{border:1px solid var(--primary-color)!important;outline:none!important;transition:border-color .12s,box-shadow .12s!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package select,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select:not(.select-multiple-custom):not(.ant-select-multiple) .ant-select-selector{border-radius:6px!important;height:37px!important;min-height:37px!important;line-height:37px!important;border:1px solid #C9C9C9!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select:not(.select-multiple-custom).ant-select-focused .ant-select-selector,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select .ant-select-selector:focus,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package select:focus,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select .ant-select-selector:focus-within{border:1px solid var(--primary-color)!important;box-shadow:none!important;outline:none!important;transition:border-color .12s,box-shadow .12s!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select.ant-select-multiple .ant-select-selector{border-radius:6px!important;height:37px!important;min-height:37px!important;line-height:37px!important;display:flex!important;align-items:center!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select.ant-select-multiple .ant-select-clear{right:16px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select.ant-select-multiple .ant-select-selection-overflow{position:relative!important;top:4px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select#package-duration .ant-select-selection-item,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select#package-duration .ant-select-selection-placeholder{height:37px!important;line-height:37px!important;font-size:13px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select.ant-select-multiple .ant-select-selection-item,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select.ant-select-multiple .ant-select-selection-overflow-item-rest{font-size:13px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select.ant-select-multiple .ant-select-selection-item-content{font-size:10px!important;color:#000!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select .ant-select-arrow{top:15px!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-clear{right:16px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select.ant-select-multiple .ant-select-selection-placeholder{top:64%!important;transform:translateY(-50%)!important;margin-top:2px!important;margin-left:-33px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package label{font-size:13px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package input[type=text]::placeholder{font-size:13px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package input#package-name::placeholder,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package input[id^=package-name-]::placeholder{font-weight:500!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select-selection-placeholder{font-size:13px!important}.setting-page-container .content-container .containt-list .Add-layout .add-content{display:flex;flex-direction:column;margin-bottom:10px;width:100%;box-sizing:border-box}.setting-page-container .content-container .containt-list .save-button{align-self:flex-end;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;transition:background .2s;background-color:var(--gold)!important;color:#fff!important;font-weight:600;font-size:13px!important}.setting-page-container .content-container .containt-list .save-button:hover{background-color:#bebebe!important;color:#fff!important}.setting-page-container input{border:1px solid var(--shadow-and-border-color);border-radius:10px;font-family:Google Sans;font-size:var(--font-tiny);color:var(--secondary-color);padding:5px;box-sizing:border-box;width:100%}.setting-page-container input:focus,.setting-page-container input:focus-visible{border:1px solid var(--secondary-color);outline:none}.setting-page-container input:disabled{background-color:var(--background-input-color);color:var(--font-input-color);border-color:var(--shadow-and-border-color)}.setting-page-container .content-container .containt-list .grid-row{display:grid;grid-template-columns:repeat(10,1fr);gap:16px;margin-bottom:20px}.setting-page-container .content-container .containt-list .grid-item{display:flex;flex-direction:column}.setting-page-container .span-3{grid-column:span 3}.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment .grid-item.span-3,.setting-page-container .content-container .content-3 .list-item .popover .grid-item.span-3,.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .grid-item.span-3,.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-3{min-width:118px}.setting-page-container .span-5{grid-column:span 5}.setting-page-container .span-7{grid-column:span 7}.setting-page-container .span-10{grid-column:span 10;width:100%}.setting-page-container .content-container .containt-list .list-content{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 0;-ms-overflow-style:none;flex-grow:1}.setting-page-container .content-container .containt-list .list-content::-webkit-scrollbar{width:0px;height:0px;display:none}.setting-page-container .content-container .list-content .list-item{margin:7px;padding:12px;border-radius:10px;border:1px solid #AAAAAA;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-family:Google Sans;font-size:15px;font-weight:500;color:var(--primary-color);min-height:45px;position:relative;gap:8px;width:100%;cursor:pointer}@media(min-width:768px){.setting-page-container .content-container .list-content .list-item{flex-direction:row;align-items:center;padding:0 10px}}.setting-page-container .content-container .content-2 .list-content .list-item .shift-duration-label{color:#000!important}.setting-page-container .content-container .content-2 .list-content .list-item .shift-duration-time{color:var(--gold)!important;margin-left:0}.setting-page-container .content-container .content-2 .list-content .list-item{font-size:14px!important}.setting-page-container .content-container .list-content .list-item.popover-open{border-bottom-left-radius:1px!important;border-bottom-right-radius:1px!important}.setting-page-container .content-container .list-content .list-item.popover-expanded{margin-bottom:calc(var(--popover-reserved-space, 0px) + 7px);border-bottom-left-radius:1px!important;border-bottom-right-radius:1px!important}.setting-page-container .content-container .list-content .list-item:has(.popover){border-bottom-left-radius:1px!important;border-bottom-right-radius:1px!important}.setting-page-container .containt-list .spa-operation-time-block{margin:10px 10px 20px;padding:15px;border-radius:10px;border:1px solid var(--shadow-and-border-color);box-shadow:0 3px 4px #c9c9c980;display:flex;flex-direction:column;gap:15px;background-color:#fff;position:relative;transition:background-color .3s ease}.setting-page-container .containt-list .spa-operation-time-block.open{background-color:#eee;margin-bottom:20px!important}.setting-page-container .containt-list .spa-operation-time-block .header-title-small{font-family:Google Sans;font-size:14px;font-weight:600;color:#000}.setting-page-container .containt-list .spa-operation-time-block .grid-row-spa-op{display:flex;flex-direction:column;gap:12px;width:100%}@media(min-width:768px){.setting-page-container .containt-list .spa-operation-time-block .grid-row-spa-op{flex-direction:row;gap:16px}}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op{display:flex;flex-direction:column;width:100%}@media(min-width:768px){.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op{flex:1}}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op label{font-family:Google Sans;font-size:13px!important;font-weight:600;color:#000;margin-bottom:5px}.setting-page-container .time-picker-custom{width:100%!important;border-radius:10px!important;border:1px solid var(--shadow-and-border-color)!important;font-family:var(--font-family)!important;font-size:var(--font-tiny)!important;color:var(--secondary-color)!important;height:40px!important;min-height:40px!important;line-height:40px!important;padding:4px 11px!important;box-sizing:border-box!important}.setting-page-container .containt-list .spa-operation-time-block .time-picker-custom,.setting-page-container .containt-list .spa-operation-time-block .select-multiple-custom .ant-select-selector{border-radius:6px!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child .select-multiple-custom,.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child .select-multiple-custom .ant-select-selector,.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child .select-multiple-custom .ant-select-selection-overflow{width:100%!important;max-width:100%!important;min-width:100%!important}.spa-op-timepicker-popup .ant-picker-time-panel-cell-inner{font-size:13px!important;color:var(--gold)!important}.spa-op-timepicker-popup .ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,.spa-op-timepicker-popup .ant-picker-time-panel-cell-inner:hover{color:var(--gold)!important}.duration-timepicker-popup .ant-picker-time-panel-cell-inner{font-size:13px!important;color:var(--gold)!important}.duration-timepicker-popup .ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,.duration-timepicker-popup .ant-picker-time-panel-cell-inner:hover{color:var(--gold)!important}.duration-timepicker-popup .ant-picker-now,.duration-timepicker-popup .ant-picker-now .ant-picker-now-btn,.duration-timepicker-popup .ant-picker-ok .ant-btn,.duration-timepicker-popup .ant-picker-ok button,.spa-op-timepicker-popup .ant-picker-now,.spa-op-timepicker-popup .ant-picker-now .ant-picker-now-btn,.spa-op-timepicker-popup .ant-picker-ok .ant-btn,.spa-op-timepicker-popup .ant-picker-ok button{font-family:Google Sans!important;font-size:14px!important}.setting-page-container .containt-list .spa-operation-time-block .time-picker-custom .ant-picker-input>input{font-size:13px!important;font-weight:600!important;color:var(--gold)!important}.setting-page-container .content-container .list-content .list-item .popover .time-picker-custom .ant-picker-input>input,.setting-page-container .content-container .Add-layout.add-layout-duration .time-picker-custom .ant-picker-input>input{font-size:13px!important;font-weight:600!important;color:var(--gold)!important}.setting-page-container .content-container .list-content .list-item .popover .time-picker-custom,.setting-page-container .content-container .Add-layout.add-layout-duration .time-picker-custom{border-radius:6px!important}.setting-page-container .content-container .list-content .list-item .popover .time-picker-custom .ant-picker-input>input::placeholder,.setting-page-container .content-container .Add-layout.add-layout-duration .time-picker-custom .ant-picker-input>input::placeholder{font-size:13px!important;color:var(--gold)!important}.setting-page-container .select-multiple-custom .ant-select-selector{border-radius:10px!important;border:1px solid var(--shadow-and-border-color)!important;font-family:Google Sans!important;font-size:12px!important;color:var(--secondary-color)!important;height:40px!important;min-height:40px!important;line-height:40px!important;padding:10px 11px!important;box-sizing:border-box!important;background-color:#f9f9f9!important}.setting-page-container .select-multiple-custom .ant-select-selection-overflow{margin-left:0!important;padding-left:10px!important}.setting-page-container .shift-select .ant-select-selection-placeholder{color:#bebebe!important;font-family:Google Sans!important;font-size:13px!important;font-weight:400!important;margin-left:-20px!important;margin-top:3px!important}.setting-page-container .containt-list .spa-operation-time-block .select-multiple-custom .ant-select-selection-placeholder{font-size:13px!important;margin-left:-20px!important;margin-top:3px!important}.setting-page-container .select-multiple-custom .ant-select-selection-item{color:var(--primary-color)!important}.setting-page-container .containt-list .spa-operation-time-block .select-multiple-custom .ant-select-selection-item{font-size:13px!important;font-weight:600!important}.setting-page-container .select-multiple-custom.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:none!important;outline:none!important}.setting-page-container .time-picker-custom.ant-picker-focused{box-shadow:none!important;outline:none!important}.setting-page-container .containt-list .spa-operation-time-block .time-picker-custom.ant-picker:hover,.setting-page-container .containt-list .spa-operation-time-block .time-picker-custom.ant-picker-focused,.setting-page-container .containt-list .spa-operation-time-block .time-picker-custom.ant-picker:focus-within{border-color:var(--gold)!important;box-shadow:none!important;outline:none!important}.setting-page-container .time-picker-custom .ant-picker-input>input:focus{border:none!important;box-shadow:none!important;outline:none!important}.setting-page-container .select-multiple-custom.ant-select-disabled .ant-select-selector,.setting-page-container .time-picker-custom.ant-picker-disabled{background-color:#f3f3f3!important;color:var(--font-input-color)!important;border-color:var(--shadow-and-border-color)!important;cursor:not-allowed!important}.setting-page-container .content-container .list-item .action-button-container{background-color:transparent;display:flex;flex-direction:row;align-items:center;gap:5px}.setting-page-container .content-container .list-item .action-button,.setting-page-container .content-container .list-item .action-button-color{fill:#858585;cursor:pointer;width:17px;height:17px;position:relative}.setting-page-container .content-container .list-item .popover{width:100%;position:absolute;top:47px;left:0;background-color:var(--background-color);border:1px solid #C9C9C9;border-radius:1px 1px 10px 10px!important;padding:28px 10px 10px;box-sizing:border-box;z-index:4;max-height:60vh;overflow-y:auto;overscroll-behavior:auto;transition:top .2s ease}.setting-page-container .content-container .list-item .popover:before{content:"";position:absolute;bottom:100%;right:25px;border-width:0 10px 10px 10px;border-style:solid;border-color:transparent transparent var(--background-color) transparent;z-index:1}.setting-page-container .content-container .list-item .popover:after{content:"";position:absolute;bottom:100%;right:24px;border-width:0 11px 11px 11px;border-style:solid;border-color:transparent transparent #C9C9C9 transparent;z-index:0}.setting-page-container .content-container .content-1 .list-item .popover,.setting-page-container .content-container .content-2 .list-item .popover,.setting-page-container .content-container .content-3 .list-item .popover,.setting-page-container .content-container .content-4 .list-item .popover{left:0!important;right:0!important;width:100%!important;max-width:100%!important}.setting-page-container .content-container .content-3 .list-item .popover .grid-item.span-3 .ant-select:not(.select-multiple-custom) .ant-select-selector{height:37px!important;min-height:37px!important;line-height:37px!important;display:flex!important;align-items:center!important;padding-right:34px!important}.setting-page-container .content-container .content-3 .list-item .popover .grid-item.span-3 .ant-select-selection-item,.setting-page-container .content-container .content-3 .list-item .popover .grid-item.span-3 .ant-select-selection-placeholder{line-height:35px!important}.setting-page-container .content-container .content-3 .list-item .popover .grid-item.span-3 .custom-arrow-icon{right:12px!important;top:50%!important;transform:translateY(-50%)!important}.setting-page-container .content-container .content-3 .list-item .popover .grid-item.span-3 .ant-select-arrow{right:12px!important;top:50%!important;transform:translateY(-50%)!important;margin-top:0!important}.setting-page-container .content-container .list-item .popover .popover-button-container{width:100%;display:flex;justify-content:flex-end;gap:8px}.setting-page-container .content-container .list-item .popover .popover-edit{fill:var(--secondary-color);width:30px;height:30px;cursor:pointer}.setting-page-container .content-container .list-item .popover .popover-edit:hover{fill:var(--primary-color)}.setting-page-container select{border:1px solid var(--shadow-and-border-color);border-radius:10px;font-family:Google Sans;font-size:var(--font-tiny);color:var(--secondary-color);padding:5px;box-sizing:border-box;width:100%;height:38px;background-color:#fff;cursor:pointer}.setting-page-container select:focus,.setting-page-container select:focus-visible{border:1px solid var(--secondary-color);outline:none}.setting-page-container select:disabled{background-color:var(--background-input-color);color:var(--font-input-color);border-color:var(--shadow-and-border-color);cursor:not-allowed}.currency-input-container{position:relative;width:100%;max-width:100%;overflow:hidden;display:flex;align-items:stretch}.currency-input{flex:1 1 auto;padding-left:50px;padding-right:12px;box-sizing:border-box;text-align:left;height:36px;font-size:var(--font-tiny);border:1px solid #C9C9C9;border-radius:10px;font-family:Google Sans;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;outline:none}.currency-input::-webkit-inner-spin-button,.currency-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-placeholder{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#bebebe;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:var(--font-tiny);font-family:Google Sans}.currency-suffix{flex:0 0 50px;display:flex;position:relative;align-items:center;justify-content:center;color:var(--primary-color)!important;font-size:18px!important;font-weight:400!important;border-top-right-radius:6px;border-bottom-right-radius:6px;margin-left:-50px;pointer-events:none;box-sizing:border-box}.currency-suffix:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:#c9c9c9}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package input#total-price+.currency-suffix{margin-left:0;flex:0 0 40px;background-color:#f5f5f5;border-left:1px solid #C9C9C9;border-top-right-radius:6px;border-bottom-right-radius:6px}.setting-page-container .content-container .list-item .popover .currency-suffix{margin-left:0!important;flex:0 0 40px!important;background-color:#f5f5f5!important;border-left:1px solid #C9C9C9!important;border-top-right-radius:6px!important;border-bottom-right-radius:6px!important}.setting-page-container .Add-layout.add-layout-package .custom-placeholder{font-size:13px;color:#bebebe}.currency-input-container .currency-input{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.grid-row{display:grid;grid-template-columns:repeat(10,1fr);gap:16px;margin-bottom:16px;align-items:flex-end}.grid-item{display:flex;flex-direction:column}.grid-row-spa-op{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:10px}.grid-item-spa-op{display:flex;flex-direction:column}.setting-page-container .Add-layout .grid-item,.setting-page-container .popover .grid-item{width:100%}.spa-operation-time-block .arrow-icon{transition:transform .3s ease;display:inline-block;font-size:16px;color:#000!important;fill:#000!important}.arrow-icon--small{font-size:12px!important;width:12px!important;height:12px!important}.arrow-icon--medium{font-size:18px!important;width:18px!important;height:18px!important;padding:4px!important}.arrow-icon--large{font-size:24px!important;width:24px!important;height:24px!important;color:#000;margin-left:8px}.spa-operation-time-block .arrow-icon.open{transform:rotate(180deg)}.spa-operation-time-block .spa-header-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:var(--primary-color);color:#fff;padding:12px 16px;border-radius:8px;margin:-15px;border-bottom:none}.spa-operation-time-block .spa-header-row.open{background-color:var(--primary-color);color:#fff;margin-bottom:10px;border-bottom-left-radius:1px!important;border-bottom-right-radius:1px!important}.spa-operation-time-block .spa-header-row .header-title-small{color:#fff!important}.spa-operation-time-block .spa-header-row .arrow-icon{color:#fff!important;fill:#fff!important}.spa-operation-time-block .spa-header-row.open .header-title-small{color:#fff!important}.spa-operation-time-block .spa-header-row.open .arrow-icon{color:#fff!important;fill:#fff!important}.spa-operation-time-block .button-row{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.spa-operation-time-block .button-row .save-button{align-self:auto!important}.spa-operation-time-block .save-button{width:80px!important;height:36px!important;padding:8px 16px!important;border-radius:5px!important;box-sizing:border-box!important}.save-button{background:var(--gold)!important;border:none!important;color:#fff!important;height:38px!important;font-family:Google Sans!important;font-weight:600!important;font-size:15px!important;padding:10px 20px!important;border-radius:10px!important;cursor:pointer}.cancel-button{background:none!important;border:var(--gold) 1px solid!important;color:var(--gold)!important;font-family:Google Sans!important;font-size:15px!important;font-weight:600!important;padding:10px 24px!important;border-radius:12px!important;box-sizing:border-box!important;cursor:pointer}.save-button.disabled-button{background:#ccc!important;color:#666!important;cursor:not-allowed}.input-error{border:1px solid #ff4d4f!important}.error-text{color:#ff4d4f;font-size:12px;margin-top:4px}.delete-modal{width:560px;max-width:90%;background:#fff;border-radius:28px;box-shadow:var(--shadow-lg)}.delete-modal .delete-modal-header{display:flex;justify-content:space-between;align-items:center;padding:0 22px 0 28px;box-shadow:var(--shadow-sm)}.delete-modal-header h2{font-size:22px;font-weight:700;color:#111}.close-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;font-size:18px;cursor:pointer}.delete-modal{text-align:center;margin-bottom:0}.setting-delete-modal-body{padding:0 14px}.setting-delete-modal-body h3,.setting-delete-modal-body p{color:#000}.delete-modal-body h3{font-size:28px;font-weight:700;margin-bottom:6px;margin-top:12px;color:#111}.delete-modal-body p{font-size:16px;color:#444;line-height:1.6;font-weight:600}.sub-text{color:#777}.delete-modal-actions{display:flex;justify-content:center;gap:10px;padding:24px 0 36px}.duplicate-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:99999}.duplicate-modal{width:520px;background:#fff;border-radius:28px;overflow:hidden}.duplicate-modal-header h2{color:#000;font-size:22px}.duplicate-modal-body p{color:#000}.duplicate-modal img{width:28px;height:28px;object-fit:contain}.duplicate-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-shadow:var(--shadow-sm)}.duplicate-modal-body{text-align:center;padding:32px 40px}.duplicate-icon-circle{width:70px;height:70px;border-radius:50%;background:#fdeaea;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.duplicate-text{font-size:18px;font-weight:500}.modal-btn{min-width:120px;height:44px;padding:0 24px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:15px;font-weight:500;cursor:pointer}.modal-cancel{border:1px solid #1f3f3e;background:#fff;color:#1f3f3e}.modal-delete{background:#163c3a;color:#fff;border:1px solid #163c3a}.spa-operation-time-block .cancel-button{background:#fff!important;border:2px solid var(--gold)!important;color:var(--gold)!important;font-family:Google Sans!important;font-weight:600!important;font-size:13px!important;padding:8px 16px!important;border-radius:5px!important;width:80px!important;height:36px!important;cursor:pointer!important}.spa-operation-time-block .cancel-button:hover{background:#bebebe!important;color:#fff!important}.select-multiple-custom .ant-select-selection-overflow{display:flex;flex-wrap:nowrap;overflow:visible;text-overflow:ellipsis;white-space:nowrap}.select-multiple-custom .ant-select-selection-overflow-item{flex-shrink:0}.select-multiple-custom .ant-select-selection-item{flex-shrink:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.select-multiple-custom .ant-select-selection-item{background-color:#fff!important;color:var(--secondary-color);border-radius:8px;border:1px solid var(--shadow-and-border-color);padding:2px 8px;font-size:var(--font-tiny);font-family:Google Sans;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.select-multiple-custom .ant-select-selection-item{background-color:#fff!important;color:var(--secondary-color);font-size:15px!important;font-family:Google Sans;padding:2px 6px;border-radius:8px;max-width:70px;overflow:visible;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;min-height:26px;height:auto;line-height:1.4}.select-multiple-custom .ant-select-selection-overflow-item{max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.select-multiple-custom .ant-select-selection-overflow-item .ant-select-selection-overflow-item-count{white-space:nowrap;font-size:11px;color:var(--secondary-color);padding-left:4px}.select-multiple-custom .ant-select-selection-item-remove{width:15px;height:25px;line-height:14px;font-size:15px;margin-left:4px;color:#888}.select-multiple-custom .ant-select-selection-search-input{min-width:30px!important}.select-multiple-custom .ant-select-selection-overflow-item .ant-select-selection-overflow-item-count{white-space:nowrap;font-size:12px;color:var(--secondary-color);padding-left:2px;margin-left:0}.setting-page-container label[for^=bed-name],.setting-page-container label[for^=treatment-name],.setting-page-container label[for^=treatment-duration],.setting-page-container label[for^=treatment-price],.setting-page-container label[for^=therapist-fee],.setting-page-container label[for^=shift-start-time],.setting-page-container label[for^=shift-end-time],.setting-page-container label[for^=edit-shift-start-time],.setting-page-container label[for^=edit-shift-end-time],.setting-page-container label[for^=package-name],.setting-page-container label[for^=package-duration],.setting-page-container label[for^=treatment],.setting-page-container label[for^=total-price],.setting-page-container label[for^=treatment] span{color:#000!important}.setting-page-container .content-container .list-content .list-item .popover label[for^=edit-shift-start-time],.setting-page-container .content-container .list-content .list-item .popover label[for^=edit-shift-end-time],.setting-page-container label[for=bed-name],.setting-page-container label[for^=bed-name]{font-size:13px!important}.setting-page-container input#bed-name::placeholder,.setting-page-container input[id^=bed-name-]::placeholder{font-size:13px!important;font-weight:500!important}.setting-page-container input#bed-name,.setting-page-container input[id^=bed-name-]{font-size:13px!important;font-weight:600!important}.setting-page-container .Add-layout.add-layout-bed input#bed-name,.setting-page-container .Add-layout.add-layout-bed input[id^=bed-name-],.setting-page-container .popover input#bed-name,.setting-page-container .popover input[id^=bed-name-]{border-radius:6px!important;height:37px!important;min-height:37px!important;line-height:37px!important;border:1px solid #C9C9C9!important}.setting-page-container input#bed-name:focus,.setting-page-container input#bed-name:focus-visible,.setting-page-container input[id^=bed-name-]:focus,.setting-page-container input[id^=bed-name-]:focus-visible{border:1px solid var(--primary-color)!important;outline:none!important}.setting-page-container .time-picker-custom .ant-picker-input>input::placeholder{color:var(--primary-color)!important;opacity:1}.setting-page-container .containt-list .spa-operation-time-block .time-picker-custom .ant-picker-input>input::placeholder{color:var(--gold)!important}.select-multiple-custom .ant-select-selection-search-input{pointer-events:none!important;caret-color:transparent!important}.select-multiple-custom .ant-select-selection-search{pointer-events:none!important}.setting-page-container .content-container .header-1 .add-button,.setting-page-container .content-container .header-2 .add-button,.setting-page-container .content-container .header-3 .add-button,.setting-page-container .content-container .header-4 .add-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:10px;padding:12px 24px;cursor:pointer;font-family:Google Sans;font-size:14px;font-weight:500;width:100%;margin-bottom:16px}@media(min-width:768px){.setting-page-container .content-container .header-1 .add-button,.setting-page-container .content-container .header-2 .add-button,.setting-page-container .content-container .header-3 .add-button,.setting-page-container .content-container .header-4 .add-button{width:auto;padding:8px 16px;margin-bottom:0}}@media(min-width:768px){.setting-page-container .content-container .containt-list .add-button{width:auto;padding:8px 16px;margin-top:0;position:absolute;bottom:15px;right:15px}}.setting-page-container .content-container .header-1 .add-button:hover,.setting-page-container .content-container .header-2 .add-button:hover,.setting-page-container .content-container .header-3 .add-button:hover,.setting-page-container .content-container .header-4 .add-button:hover{background-color:#bebebe}.setting-page-container .content-container .header-1 .add-button img,.setting-page-container .content-container .header-2 .add-button img,.setting-page-container .content-container .header-3 .add-button img,.setting-page-container .content-container .header-4 .add-button img{height:10.76px;width:auto}.setting-page-container .content-container .list-content .header-amout{font-family:Google Sans;font-size:14px;border-radius:10px;padding:4px 12px;background:#fff;color:#cbcbcb!important;margin:10px 10px 0;align-self:flex-start;display:inline-block;width:fit-content;font-weight:600}.setting-page-container .content-container .containt-list .add-button,.setting-page-container .content-container .header-1 .header-amout,.setting-page-container .content-container .header-2 .header-amout,.setting-page-container .content-container .header-3 .header-amout,.setting-page-container .content-container .header-4 .header-amout{display:none!important}.setting-page-container .content-container .header-1 .green-button,.setting-page-container .content-container .header-2 .green-button,.setting-page-container .content-container .header-3 .green-button,.setting-page-container .content-container .header-4 .green-button{background-color:var(--primary-color)!important;color:#fff!important;border:none!important;border-radius:100px!important;padding:10px 16px!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;transition:background-color .2s!important;font-size:12px!important;font-weight:600!important;font-family:Google Sans!important;position:relative!important;width:auto!important;height:auto!important;min-height:auto!important}.setting-page-container .content-container .header-1 .green-button:hover,.setting-page-container .content-container .header-2 .green-button:hover,.setting-page-container .content-container .header-3 .green-button:hover,.setting-page-container .content-container .header-4 .green-button:hover{background-color:#bebebe!important}.setting-page-container .content-container .header-1 .green-button img,.setting-page-container .content-container .header-2 .green-button img,.setting-page-container .content-container .header-3 .green-button img,.setting-page_container .content-container .header-4 .green-button img{height:12px!important;width:auto!important;margin-right:0!important;padding-right:0!important;filter:brightness(0) invert(1)!important}#total-price.currency-input{font-weight:600!important}.setting-page-container .content-container .content-2 .containt-list>.header-amout{font-family:Google Sans!important;font-size:14px!important;font-weight:600!important;border-radius:10px!important;padding:6px 12px!important;background:#fff!important;color:#cbcbcb!important;margin:10px 10px 5px!important;align-self:flex-start!important;display:inline-block!important;width:fit-content!important}.setting-page-container .content-container .list-content>.header-amout:first-child{font-family:Google Sans!important;font-size:14px!important;font-weight:600!important;border-radius:10px!important;padding:6px 12px!important;background:#fff!important;color:#cbcbcb!important;margin:10px 10px 5px!important;align-self:flex-start!important;display:inline-block!important;width:fit-content!important}.setting-page-container .content-container .header-1,.setting-page-container .content-container .header-2,.setting-page-container .content-container .header-3,.setting-page-container .content-container .header-4{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 24px!important;background:#fff!important;border-top-left-radius:20px!important;border-top-right-radius:20px!important;min-height:64px!important;position:sticky!important;top:0!important;z-index:5!important}.setting-page-container .content-container .header-1 .header-title,.setting-page-container .content-container .header-2 .header-title,.setting-page-container .content-container .header-3 .header-title,.setting-page-container .content-container .header-4 .header-title{font-family:Google Sans!important;font-size:20px!important;color:#000!important;font-weight:600!important;margin:0!important}.setting-page-container .content-container .list-content{display:flex!important;flex-direction:column!important;width:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;flex-grow:1!important;padding-bottom:10px!important}.setting-page-container .content-container .list-content::-webkit-scrollbar{width:0px;height:0px;display:none}.setting-page-container .content-container .containt-list{position:relative!important;height:auto!important;border-radius:0 0 20px 20px!important;flex-grow:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;padding-bottom:20px!important}.setting-page-container .content-container .list-content{min-height:0!important}.setting-page-container .content-container .containt-list.popover-open .list-content{overflow-y:auto!important;overscroll-behavior:auto!important}.setting-page-container .containt-list .spa-operation-time-block{margin:10px 10px 15px!important;padding:15px!important;border-radius:10px!important;border:1px solid #AAAAAA!important;box-shadow:0 3px 4px #c9c9c980!important;background-color:#fff!important}.setting-page-container .content-container .containt-list .Add-layout{position:absolute!important;bottom:15px!important;right:15px!important;left:15px!important;background-color:var(--background-color)!important;padding:40px 20px 30px!important;border-radius:10px!important;z-index:10!important}@media(max-width:767px){.setting-page-container .content-container>.ant-col{flex:0 0 100%!important;max-width:100%!important;align-items:stretch}.setting-page-container .content-container .header-1 .green-button,.setting-page-container .content-container .header-2 .green-button,.setting-page-container .content-container .header-3 .green-button,.setting-page-container .content-container .header-4 .green-button{padding:8px 12px!important;font-size:12px!important}.setting-page-container .content-container .header-1 .green-button img,.setting-page-container .content-container .header-2 .green-button img,.setting-page-container .content-container .header-3 .green-button img,.setting-page-container .content-container .header-4 .green-button img{height:10px!important}}@media(max-width:767px){.setting-page-container .content-container .header-1,.setting-page-container .content-container .header-2,.setting-page-container .content-container .header-3,.setting-page-container .content-container .header-4{font-size:16px!important;padding:8px 12px!important}.setting-page-container .content-container .list-content{padding:10px!important}}.bed-section .treatment-card-footer{display:none!important}.bed-section .bed-content-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.bed-section .bed-content-row h4{margin:4px 4px 4px 0!important}.treatment-form-actions{align-self:flex-end!important}.bed-section .bed-actions{display:flex!important;align-items:center!important;gap:8px!important}.bed-section.treatment-card-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;min-height:272px!important;align-content:start}@media(min-width:768px)and (max-width:1024px){.bed-section.treatment-card-grid{grid-template-columns:repeat(2,1fr);min-height:480px}}@media(max-width:767px){.bed-section.treatment-card-grid{grid-template-columns:repeat(1,1fr);min-height:unset}}.bed-section .bed-edit-btn{border:none;border-radius:20px;padding:4px 12px;font-size:12px;cursor:pointer;background-color:var(--gold);color:#fff}.bed-section .bed-delete-btn{border:none;border-radius:20px;padding:4px 12px;font-size:12px;cursor:pointer;background:#e8e8e8;color:#8f8f8f;transition:all .2s ease}.bed-section .bed-delete-btn:active{transform:scale(.96)}.setting-page-container .green-button{background-color:var(--primary-color)!important;font-family:Google Sans!important;color:var(--background-color)!important;font-size:15px!important;font-weight:500;border-radius:10px;padding:10px 24px;cursor:pointer}.disabled-button{background:#ccc;color:#666;cursor:not-allowed;border:none;font-family:Google Sans;font-weight:500;font-size:15px;padding:10px 20px;border-radius:10px}.setting-page-container .content-container .list-item .popover label{font-size:13px!important}.currency-input:focus+.currency-suffix{border-color:var(--primary-color)!important}.setting-page-container .green-button:hover{background-color:#051818!important}.currency-input-container .currency-input{border-radius:10px!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package .ant-select.ant-select-multiple .ant-select-selector{border:1px solid #C9C9C9!important}.setting-page-container .popover .ant-select:not(.select-multiple-custom) .ant-select-selector,.setting-page-container .Add-layout .ant-select:not(.select-multiple-custom) .ant-select-selector{border-radius:10px!important;border:1px solid #AAAAAA!important;margin-left:0!important;margin-right:0!important;background:#fff!important;margin-top:-5px;min-width:0!important;width:100%!important;display:flex!important;align-items:center!important;padding:0 34px 0 10px!important}.setting-page-container .Add-layout .select-dropdown-custom,.setting-page-container .content-container .list-item .popover .select-dropdown-custom{width:100%!important;min-width:118px!important}.setting-page-container .content-container .containt-list .Add-layout .ant-select:not(.select-multiple-custom).ant-select-focused .ant-select-selector,.setting-page-container .content-container .list-item .popover .ant-select:not(.select-multiple-custom).ant-select-focused .ant-select-selector,.setting-page-container .Add-layout .ant-select:not(.select-multiple-custom).ant-select-focused .ant-select-selector{border:1px solid var(--primary-color)!important;outline:none!important;transition:border-color .12s,box-shadow .12s!important}.setting-page-container .Add-layout label[for*=duration],.setting-page-container .popover label[for*=duration]{display:block;margin-bottom:6px!important;margin-top:0!important;position:relative;top:-10px!important}.setting-page-container .Add-layout input#treatment-price,.setting-page-container .Add-layout input#therapist-fee{border:1.5px solid #C9C9C9!important;border-radius:10px!important;font-size:13px!important;font-weight:600!important}.setting-page-container .content-container .containt-list .Add-layout input#treatment-price.currency-input:focus,.setting-page-container .content-container .containt-list .Add-layout input#treatment-price.currency-input:focus-visible,.setting-page-container .content-container .containt-list .Add-layout .currency-input:focus,.setting-page-container .content-container .containt-list .Add-layout .ant-input#treatment-price:focus{border:1.5px solid var(--primary-color)!important;outline:none!important;transition:border-color .12s,box-shadow .12s!important}.setting-page-container .content-container .containt-list .Add-layout .currency-input:focus+.currency-suffix,.setting-page-container .content-container .containt-list .Add-layout input#treatment-price.currency-input:focus+.currency-suffix{border-left:1px solid var(--primary-color)!important}.setting-page-container .content-container .list-item .popover input#treatment-price.currency-input:focus,.setting-page-container .content-container .list-item .popover input#treatment-price.currency-input:focus-visible,.setting-page-container .content-container .list-item .popover .currency-input:focus{border:1.5px solid var(--primary-color)!important;outline:none!important;transition:border-color .12s,box-shadow .12s!important}.setting-page-container .content-container .list-item .popover input#treatment-price.currency-input:focus+.currency-suffix,.setting-page-container .content-container .list-item .popover input#treatment-price.currency-input:focus-visible+.currency-suffix,.setting-page-container .content-container .list-item .popover .currency-input:focus+.currency-suffix{border-color:var(--primary-color)!important;border-left:1px solid var(--primary-color)!important;color:var(--primary-color)!important;background:#fff!important}.setting-page-container .content-container .containt-list .Add-layout input#therapist-fee.currency-input:focus,.setting-page-container .content-container .containt-list .Add-layout input#therapist-fee.currency-input:focus-visible,.setting-page-container .content-container .containt-list .Add-layout .currency-input#therapist-fee:focus,.setting-page-container .content-container .containt-list .Add-layout .ant-input#therapist-fee:focus{border:1.5px solid var(--primary-color)!important;outline:none!important;transition:border-color .12s,box-shadow .12s!important}.setting-page-container .content-container .containt-list .Add-layout .currency-input#therapist-fee:focus+.currency-suffix,.setting-page-container .content-container .containt-list .Add-layout input#therapist-fee.currency-input:focus+.currency-suffix{border-left:1px solid var(--primary-color)!important}.setting-page-container .Add-layout input#treatment-name{font-size:13px!important;font-weight:600!important}.setting-page-container .content-container .containt-list .Add-layout input#treatment-name:focus,.setting-page-container .content-container .containt-list .Add-layout input#treatment-name:focus-visible,.setting-page-container .content-container .containt-list .Add-layout .ant-input#treatment-name:focus{border:1px solid var(--primary-color)!important;outline:none!important;transition:border-color .12s,box-shadow .12s!important}.setting-page-container .Add-layout input#treatment-name::placeholder,.setting-page-container .Add-layout input#treatment-price::placeholder,.setting-page-container .Add-layout input#therapist-fee::placeholder{font-size:13px!important;font-weight:500!important}.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment{max-height:220px!important;height:220px!important;padding-top:24px!important;padding-bottom:20px!important;overflow-y:auto!important}.setting-page-container .content-container .content-3 .list-item .popover label{font-size:13px!important}.setting-page-container .content-container .content-3 .list-content .list-item,.setting-page-container .content-container .content-1 .list-content .list-item{font-size:14px!important;color:#000!important}.setting-page-container .content-container .list-item .popover input[type=text],.setting-page-container .content-container .list-item .popover input[type=number],.setting-page-container .content-container .list-item .popover .ant-input,.setting-page-container .content-container .list-item .popover .currency-input,.setting-page-container .content-container .list-item .popover .ant-picker-input input{font-size:13px!important;font-weight:600!important}.setting-page-container .content-container .list-item .popover .ant-select .ant-select-selection-item,.setting-page-container .content-container .list-item .popover .ant-select .ant-select-selection-placeholder{font-size:13px!important;line-height:37px!important;height:37px!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.setting-page-container .content-container .list-item .popover .ant-select:not(.select-multiple-custom) .ant-select-selector{height:37px!important;min-height:37px!important;line-height:37px!important}.setting-page-container .content-container .list-item .popover select,.setting-page-container .content-container .list-item .popover select option{font-size:13px!important}.setting-page-container .content-container .list-item .popover select{height:37px!important;line-height:37px!important}.setting-page-container .content-container .list-item .popover input::placeholder,.setting-page-container .content-container .list-item .popover .ant-picker-input>input::placeholder{font-size:13px!important;font-weight:500!important}.setting-page-container .content-container .list-item .popover .ant-select-selection-placeholder{font-size:13px!important;font-weight:500!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-item,.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-item-content,.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-overflow-item-rest,.setting-page-container .content-container .content-3 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-item,.setting-page-container .content-container .content-3 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-item-content,.setting-page-container .content-container .content-3 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-overflow-item-rest{font-size:13px!important}.setting-page-container .content-container .list-item .popover .custom-placeholder{font-size:13px!important;font-weight:500!important}.setting-page-container .content-container .list-item .popover .cancel-button{background:#fff!important;border:2px solid var(--gold)!important;color:var(--gold)!important;font-family:Google Sans!important;font-weight:600!important;font-size:13px!important;padding:8px 16px!important;border-radius:5px!important;margin-right:8px!important;width:80px!important;box-sizing:border-box!important;cursor:pointer!important;transition:background .2s,color .2s,border-color .2s!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.setting-page-container .content-container .list-item .popover .cancel-button:hover{background:#bebebe!important;color:#fff!important}.setting-page-container .content-container .list-item .popover input,.setting-page-container .content-container .list-item .popover select,.setting-page-container .content-container .list-item .popover .ant-input,.setting-page-container .content-container .list-item .popover .ant-select .ant-select-selector,.setting-page-container .content-container .list-item .popover .ant-picker,.setting-page-container .content-container .list-item .popover .currency-input,.setting-page-container .content-container .list-item .popover .currency-suffix{border-radius:6px!important}.setting-page-container .content-container .list-item .popover .currency-suffix{border-radius:1px 6px 6px 1px!important}.setting-page-container .content-container .list-item .popover input[type=text],.setting-page-container .content-container .list-item .popover input[type=number],.setting-page-container .content-container .list-item .popover .ant-input,.setting-page-container .content-container .list-item .popover select,.setting-page-container .content-container .list-item .popover .ant-select .ant-select-selector,.setting-page-container .content-container .list-item .popover .currency-input,.setting-page-container .content-container .list-item .popover .currency-suffix{border:1px solid #C9C9C9!important}.setting-page-container .content-container .list-item .popover .currency-suffix{border-left:1px solid #C9C9C9!important}.setting-page-container .content-container .list-item .popover .ant-select.ant-select-disabled .ant-select-selector{background-color:#f3f3f3!important;border-color:#c9c9c9!important;color:#bebebe!important;cursor:not-allowed!important}.setting-page-container .content-container .list-item .popover .ant-select.ant-select-disabled .ant-select-selection-item,.setting-page-container .content-container .list-item .popover .ant-select.ant-select-disabled .ant-select-selection-placeholder,.setting-page-container .content-container .list-item .popover .ant-select.ant-select-disabled .ant-select-arrow{color:#bebebe!important;fill:#bebebe!important}.setting-page-container .content-container .content-4 .list-item .popover .cancel-button{height:34px!important;padding-top:6px!important;padding-bottom:6px!important}.setting-page-container .content-container .list-item .popover .save-button{width:80px!important;height:36px!important;padding:8px 16px!important;border-radius:5px!important;box-sizing:border-box!important}.setting-page-container .content-container .content-4 .list-content .list-item{font-size:14px!important;color:#000!important}.setting-page-container .content-container .content-4 .list-item .popover .custom-arrow-icon{right:3px!important;top:10%!important;transform:translateY(-50%)!important;margin-top:0!important;width:18px!important;height:18px!important;pointer-events:none!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-item,.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-item-content,.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-overflow-item-rest,.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-placeholder{font-size:10px!important;color:#000!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-overflow-item-rest{padding:0 8px!important;height:26px!important;line-height:26px!important;border-radius:6px!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select-selection-item-content{font-size:10px!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select-selector{min-height:34px!important}.setting-page-container .content-container .list-item .popover label[for=treatment]{position:relative;top:-25px;margin-bottom:6px!important}.setting-page-container .content-container .content-4 .list-item .popover label[for=treatment]+.ant-select.ant-select-multiple .ant-select-selector,.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-7 label[for=treatment]+.ant-select.ant-select-multiple .ant-select-selector{transform:translateY(-18px)!important;margin-top:-5px!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-item,.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-overflow-item-rest{height:25px!important;line-height:22px!important;padding:0 6px!important;font-size:12px!important;border-radius:6px!important;min-width:0!important;max-width:180px!important;box-sizing:border-box!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-item-content{padding:0!important;height:100%!important;display:inline-flex!important;align-items:center!important;font-size:10px!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-item-remove{width:16px!important;height:16px!important;line-height:16px!important;margin-left:6px!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selector{align-items:center!important;min-height:34px!important;padding:4px 8px!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selection-item-remove{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;line-height:16px!important;font-size:9px!important;margin-left:6px!important;transform:translateY(5px)!important;vertical-align:middle!important;padding:0!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-placeholder,.setting-page-container .content-container .content-4 .list-item .popover #edit-treatment .ant-select-selection-placeholder{font-size:13px!important;font-weight:500!important;line-height:37px!important;color:#bebebe!important;display:inline-flex;align-items:center;padding-left:8px}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-clear{transform:translateY(-4px)!important;right:18px!important;top:1px!important}.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-7 .ant-select.ant-select-multiple .ant-select-selector{align-items:center!important;min-height:34px!important;height:auto!important}.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-7 .ant-select.ant-select-multiple .ant-select-selection-overflow{width:100%!important;flex-wrap:nowrap!important;align-items:center!important}.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-7 .ant-select.ant-select-multiple .ant-select-selection-overflow-item:first-child{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 52px)!important}.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-7 .ant-select.ant-select-multiple .ant-select-selection-overflow-item:first-child .ant-select-selection-item{width:100%!important;max-width:100%!important}.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-7 .ant-select.ant-select-multiple .ant-select-selection-overflow-item-rest{flex:0 0 auto!important;margin-left:6px!important}.setting-page-container .content-container .list-item .popover input#bed-name:focus,.setting-page-container .content-container .list-item .popover input#bed-name:focus-visible,.setting-page-container .Add-layout.add-layout-bed input#bed-name:focus,.setting-page-container .Add-layout.add-layout-bed input#bed-name:focus-visible{border:1px solid var(--primary-color)!important;outline:none!important}.setting-page-container .content-container .list-item .popover input#treatment-name:focus,.setting-page-container .content-container .list-item .popover input#treatment-name:focus-visible,.setting-page-container .content-container .list-item .popover input[id^=treatment-name-]:focus,.setting-page-container .content-container .list-item .popover input[id^=treatment-name-]:focus-visible,.setting-page-container .content-container .list-item .popover .ant-input#treatment-name:focus{border:1px solid var(--primary-color)!important;outline:none!important;transition:border-color .12s,box-shadow .12s!important}.setting-page-container .content-container .list-item .popover input#bed-name:focus,.setting-page-container .content-container .list-item .popover input#bed-name:focus-visible,.setting-page-container .content-container .list-item .popover input[id^=bed-name-]:focus,.setting-page-container .content-container .list-item .popover input[id^=bed-name-]:focus-visible,.setting-page-container .content-container .list-item .popover .ant-input[id^=bed-name-]:focus{border:1px solid var(--primary-color)!important;outline:none!important;transition:border-color .12s,box-shadow .12s!important}.setting-page-container .content-container .list-item .popover input#package-name:focus,.setting-page-container .content-container .list-item .popover input#package-name:focus-visible,.setting-page-container .content-container .list-item .popover input[id^=package-name-]:focus,.setting-page-container .content-container .list-item .popover input[id^=package-name-]:focus-visible,.setting-page-container .content-container .list-item .popover .ant-input#package-name:focus{border:1px solid var(--primary-color)!important;outline:none!important;transition:border-color .12s,box-shadow .12s!important}@media(min-width:1025px){.setting-page-container{overflow-x:hidden}.setting-page-container .content-container{width:100%;max-width:100%;gap:16px;padding:20px;align-items:stretch}.setting-page-container .content-container>.ant-col:nth-child(1),.setting-page-container .content-container>.ant-col:nth-child(2),.setting-page-container .content-container>.ant-col:nth-child(3){flex:0 1 calc((100% - 32px) / 3)!important;max-width:calc((100% - 32px) / 3)!important;min-width:0!important}.setting-page-container .content-container .content-1,.setting-page-container .content-container .content-2,.setting-page-container .content-container .content-3,.setting-page-container .content-container .content-4{width:100%!important;max-width:100%!important;margin-left:0!important}.setting-page-container .content-container .content-1{height:300px}.setting-page-container .content-container .content-2{height:409px}.setting-page-container .content-container .content-3,.setting-page-container .content-container .content-4{height:726px!important}.setting-page-container .content-container .content-2 .list-content .list-item .shift-duration-time{margin-left:0}}@media(min-width:768px)and (max-width:1024px){.setting-page-container .content-container>.ant-col{flex:0 0 100%!important;max-width:100%!important}.setting-page-container .content-container .content-1,.setting-page-container .content-container .content-2,.setting-page-container .content-container .content-3,.setting-page-container .content-container .content-4{width:100%!important;max-width:100%!important}.setting-page-container .content-container .content-3,.setting-page-container .content-container .content-4{height:560px!important}.setting-page-container .containt-list .spa-operation-time-block .grid-row-spa-op{grid-template-columns:repeat(2,minmax(0,1fr))!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child{grid-column:1 / -1;width:100%!important;max-width:100%!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child .select-multiple-custom,.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child .select-multiple-custom .ant-select-selector,.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child .select-multiple-custom .ant-select-selection-overflow{width:100%!important;max-width:100%!important;min-width:100%!important}}@media(min-width:768px)and (max-width:1024px){.setting-page-container .text-box h1{font-size:30px}.setting-page-container .text-box h2{font-size:18px}.setting-page-container .content-container{padding:12px;gap:12px}.setting-page-container .content-container .header-1,.setting-page-container .content-container .header-2,.setting-page-container .content-container .header-3,.setting-page-container .content-container .header-4{min-height:56px!important;padding:0 16px!important}.setting-page-container .content-container .header-1 .header-title,.setting-page-container .content-container .header-2 .header-title,.setting-page-container .content-container .header-3 .header-title,.setting-page-container .content-container .header-4 .header-title{font-size:18px!important}.setting-page-container .content-container .content-1,.setting-page-container .content-container .content-2,.setting-page-container .content-container .content-3,.setting-page-container .content-container .content-4{border-radius:16px!important;height:440px!important;min-height:440px!important;padding:0 36px 0 12px!important;overflow:hidden!important}.setting-page-container .content-container .content-1 .setting-page-container .Add-layout .ant-select:not(.select-multiple-custom) .ant-select-selection-item,.setting-page-container .content-container .content-1 .setting-page-container .Add-layout .ant-select:not(.select-multiple-custom) .ant-select-selection-placeholder,.setting-page-container .content-container .content-1 .setting-page-container .content-container .list-item .popover .ant-select:not(.select-multiple-custom) .ant-select-selection-item,.setting-page-container .content-container .content-1 .setting-page-container .content-container .list-item .popover .ant-select:not(.select-multiple-custom) .ant-select-selection-placeholder,.setting-page-container .content-container .content-2 .setting-page-container .Add-layout .ant-select:not(.select-multiple-custom) .ant-select-selection-item,.setting-page-container .content-container .content-2 .setting-page-container .Add-layout .ant-select:not(.select-multiple-custom) .ant-select-selection-placeholder,.setting-page-container .content-container .content-2 .setting-page-container .content-container .list-item .popover .ant-select:not(.select-multiple-custom) .ant-select-selection-item,.setting-page-container .content-container .content-2 .setting-page-container .content-container .list-item .popover .ant-select:not(.select-multiple-custom) .ant-select-selection-placeholder,.setting-page-container .content-container .content-3 .setting-page-container .Add-layout .ant-select:not(.select-multiple-custom) .ant-select-selection-item,.setting-page-container .content-container .content-3 .setting-page-container .Add-layout .ant-select:not(.select-multiple-custom) .ant-select-selection-placeholder,.setting-page-container .content-container .content-3 .setting-page-container .content-container .list-item .popover .ant-select:not(.select-multiple-custom) .ant-select-selection-item,.setting-page-container .content-container .content-3 .setting-page-container .content-container .list-item .popover .ant-select:not(.select-multiple-custom) .ant-select-selection-placeholder,.setting-page-container .content-container .content-4 .setting-page-container .Add-layout .ant-select:not(.select-multiple-custom) .ant-select-selection-item,.setting-page-container .content-container .content-4 .setting-page-container .Add-layout .ant-select:not(.select-multiple-custom) .ant-select-selection-placeholder,.setting-page-container .content-container .content-4 .setting-page-container .content-container .list-item .popover .ant-select:not(.select-multiple-custom) .ant-select-selection-item,.setting-page-container .content-container .content-4 .setting-page-container .content-container .list-item .popover .ant-select:not(.select-multiple-custom) .ant-select-selection-placeholder{display:block;width:100%;padding-inline-end:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0}.setting-page-container .content-container .content-1 .setting-page-container .Add-layout .custom-arrow-icon,.setting-page-container .content-container .content-1 .setting-page-container .content-container .list-item .popover .custom-arrow-icon,.setting-page-container .content-container .content-2 .setting-page-container .Add-layout .custom-arrow-icon,.setting-page-container .content-container .content-2 .setting-page-container .content-container .list-item .popover .custom-arrow-icon,.setting-page-container .content-container .content-3 .setting-page-container .Add-layout .custom-arrow-icon,.setting-page-container .content-container .content-3 .setting-page-container .content-container .list-item .popover .custom-arrow-icon,.setting-page-container .content-container .content-4 .setting-page-container .Add-layout .custom-arrow-icon,.setting-page-container .content-container .content-4 .setting-page-container .content-container .list-item .popover .custom-arrow-icon{right:10px;top:50%;transform:translateY(-50%)}.setting-page-container .content-container .content-1 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-selection-item,.setting-page-container .content-container .content-1 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-selection-placeholder,.setting-page-container .content-container .content-1 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-selection-item,.setting-page-container .content-container .content-1 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-selection-placeholder,.setting-page-container .content-container .content-1 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-item-option-content,.setting-page-container .content-container .content-1 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-item-option-content,.setting-page-container .content-container .content-2 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-selection-item,.setting-page-container .content-container .content-2 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-selection-placeholder,.setting-page-container .content-container .content-2 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-selection-item,.setting-page-container .content-container .content-2 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-selection-placeholder,.setting-page-container .content-container .content-2 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-item-option-content,.setting-page-container .content-container .content-2 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-item-option-content,.setting-page-container .content-container .content-3 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-selection-item,.setting-page-container .content-container .content-3 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-selection-placeholder,.setting-page-container .content-container .content-3 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-selection-item,.setting-page-container .content-container .content-3 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-selection-placeholder,.setting-page-container .content-container .content-3 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-item-option-content,.setting-page-container .content-container .content-3 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-item-option-content,.setting-page-container .content-container .content-4 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-selection-item,.setting-page-container .content-container .content-4 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-selection-placeholder,.setting-page-container .content-container .content-4 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-selection-item,.setting-page-container .content-container .content-4 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-selection-placeholder,.setting-page-container .content-container .content-4 .setting-page-container .Add-layout .select-dropdown-custom .ant-select-item-option-content,.setting-page-container .content-container .content-4 .setting-page-container .content-container .list-item .popover .select-dropdown-custom .ant-select-item-option-content{text-overflow:clip}.setting-page-container .content-container .content-1 .ant-select-dropdown .ant-select-item-option-content,.setting-page-container .content-container .content-2 .ant-select-dropdown .ant-select-item-option-content,.setting-page-container .content-container .content-3 .ant-select-dropdown .ant-select-item-option-content,.setting-page-container .content-container .content-4 .ant-select-dropdown .ant-select-item-option-content{white-space:nowrap}.setting-page-container .content-container .content-2{height:500px;min-height:500px!important}.setting-page-container .content-container .content-1 .containt-list .list-content,.setting-page-container .content-container .content-3 .containt-list .list-content,.setting-page-container .content-container .content-4 .containt-list .list-content{max-height:calc((var(--setting-list-row-height-tablet) * var(--setting-list-visible-rows)) + (var(--setting-list-gap-tablet) * (var(--setting-list-visible-rows) - 1)) + 14px)!important;overflow-y:auto!important}.setting-page-container .content-container .content-2 .containt-list .list-content{max-height:calc((var(--setting-list-row-height-tablet) * var(--setting-list-visible-rows)) + (var(--setting-list-gap-tablet) * (var(--setting-list-visible-rows) - 1)) + 2px);overflow-y:auto!important}.setting-page-container .content-container .list-content .list-item{min-height:48px;height:auto!important}.setting-page-container .content-container .content-2 .list-content .list-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:8px!important;row-gap:0!important;min-height:42px!important;padding:0 10px!important}.setting-page-container .content-container .content-2 .list-content .list-item .shift-duration-label,.setting-page-container .content-container .content-2 .list-content .list-item .shift-duration-time{margin-left:0!important;white-space:nowrap!important}.setting-page-container .content-container .content-2 .list-content .list-item .shift-duration-label{overflow:hidden!important;text-overflow:ellipsis!important}.setting-page-container .content-container .content-2 .list-content .list-item .shift-duration-time{justify-self:end!important}.setting-page-container .content-container .content-2 .list-content .list-item .action-button-container{justify-self:end!important;gap:0!important}.setting-page-container .content-container .content-2 .list-content .list-item.popover-expanded{margin:7px 7px calc(var(--popover-reserved-space, 0px) + 7px) 7px!important}.setting-page-container .content-container .list-item .popover{left:-1px;right:-1px!important;width:auto;max-width:none!important;margin:2px 0 -1px!important;padding:18px 14px 14px;z-index:4}.setting-page-container .content-container .content-1 .list-item .popover,.setting-page-container .content-container .content-2 .list-item .popover,.setting-page-container .content-container .content-3 .list-item .popover,.setting-page-container .content-container .content-4 .list-item .popover{left:-1px!important;right:-1px!important;width:auto!important;max-width:none!important}.setting-page-container .content-container .list-item .popover:before{right:20px}.setting-page-container .content-container .list-item .popover:after{right:19px}.setting-page-container .containt-list .spa-operation-time-block .grid-row-spa-op{grid-template-columns:1fr!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child,.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child .select-multiple-custom,.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child .select-multiple-custom .ant-select-selector{width:100%!important;max-width:100%!important;min-width:100%!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op:last-child .select-multiple-custom .ant-select-selection-overflow{width:100%!important}}@media(max-width:767px){.setting-page-container .text-box h1{font-size:22px}.setting-page-container .text-box h2{font-size:16px}.setting-page-container .content-container{padding:8px;gap:10px}.setting-page-container .content-container .content-1,.setting-page-container .content-container .content-3,.setting-page-container .content-container .content-4{height:396px!important;min-height:396px!important;overflow:hidden!important}.setting-page-container .content-container .content-2{height:456px;min-height:456px!important;overflow:hidden}.setting-page-container .content-container .header-1,.setting-page-container .content-container .header-2,.setting-page-container .content-container .header-3,.setting-page-container .content-container .header-4{min-height:52px!important;padding:0 12px!important}.setting-page-container .content-container .header-1 .green-button,.setting-page-container .content-container .header-2 .green-button,.setting-page-container .content-container .header-3 .green-button,.setting-page-container .content-container .header-4 .green-button{padding:7px 10px!important;font-size:11px!important;border-radius:999px!important}.setting-page-container .content-container .header-1 .green-button img,.setting-page-container .content-container .header-2 .green-button img,.setting-page-container .content-container .header-3 .green-button img,.setting-page-container .content-container .header-4 .green-button img{height:9px!important;padding-right:4px!important}.setting-page-container .content-container .containt-list{padding-bottom:56px}.setting-page-container .content-container .containt-list .no-data img{margin-top:8px!important}.setting-page-container .content-container .list-content .list-item,.setting-page-container .content-container .content-2 .list-content .list-item{font-size:13px!important;line-height:1.25!important;padding:0 8px!important}.setting-page-container .content-container .content-2 .list-content .list-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;column-gap:6px!important;row-gap:0!important;min-height:40px!important;margin:6px!important}.setting-page-container .content-container .content-2 .list-content .list-item.popover-expanded{margin:6px 6px calc(var(--popover-reserved-space, 0px) + 6px) 6px!important}.setting-page-container .content-container .content-1 .containt-list .list-content,.setting-page-container .content-container .content-3 .containt-list .list-content,.setting-page-container .content-container .content-4 .containt-list .list-content{max-height:calc((var(--setting-list-row-height-mobile) * var(--setting-list-visible-rows)) + (var(--setting-list-gap-mobile) * (var(--setting-list-visible-rows) - 1)) + 12px)!important;overflow-y:auto!important}.setting-page-container .content-container .content-2 .containt-list .list-content{max-height:calc((var(--setting-list-row-height-mobile) * var(--setting-list-visible-rows)) + (var(--setting-list-gap-mobile) * (var(--setting-list-visible-rows) - 1)) + 2px);overflow-y:auto!important}.setting-page-container .content-container .list-content .list-item .shift-duration-label,.setting-page-container .content-container .list-content .list-item .shift-duration-time{font-size:13px!important;white-space:nowrap!important}.setting-page-container .content-container .content-2 .list-content .list-item .shift-duration-label{overflow:hidden!important;text-overflow:ellipsis!important}.setting-page-container .content-container .content-2 .list-content .list-item .shift-duration-time,.setting-page-container .content-container .content-2 .list-content .list-item .action-button-container{justify-self:end!important}.setting-page-container .content-container .content-2 .list-content .list-item .action-button-container{gap:0!important}.setting-page-container .content-container .content-2 .list-content .list-item .action-button,.setting-page-container .content-container .content-2 .list-content .list-item .action-button-color{width:15px!important;height:15px!important}.setting-page-container .content-container .containt-list .grid-row,.setting-page-container .content-container .list-item .popover .grid-row,.setting-page-container .content-container .containt-list .Add-layout .grid-row{grid-template-columns:1fr!important;gap:10px!important}.setting-page-container .span-3,.setting-page-container .span-5,.setting-page-container .span-7,.setting-page-container .span-10{grid-column:span 1!important;width:100%!important}.setting-page-container .content-container .list-item .popover{left:-1px;right:-1px!important;width:auto;flex-basis:auto!important;margin:2px 0 -1px!important;max-width:none!important;padding:16px 12px 12px}.setting-page-container .content-container .list-item .popover:before{right:18px}.setting-page-container .content-container .list-item .popover:after{right:17px}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op,.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op .select-multiple-custom{width:100%!important;max-width:100%!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op .select-multiple-custom .ant-select-selector{width:100%!important;max-width:100%!important;min-width:100%!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op .select-multiple-custom .ant-select-selection-overflow{width:100%!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op .select-multiple-custom .ant-select-selection-overflow-item:first-child{flex:1 1 auto!important;max-width:none!important;min-width:0!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op .select-multiple-custom .ant-select-selection-overflow-item:first-child .ant-select-selection-item{display:flex!important;width:100%!important;max-width:none!important;min-width:0!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op .select-multiple-custom .ant-select-selection-item-content{flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.setting-page-container .containt-list .spa-operation-time-block .grid-item-spa-op .select-multiple-custom .ant-select-selection-overflow-item-rest{flex:0 0 auto!important;max-width:none!important;margin-left:4px!important}.setting-page-container .content-container .containt-list .Add-layout{left:10px;right:10px;bottom:10px;max-height:calc(100% - 20px)}.setting-page-container .content-container .list-item .popover .button-row,.setting-page-container .content-container .list-item .popover .popover-button-container,.setting-page-container .containt-list .spa-operation-time-block .button-row{display:flex!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}.setting-page-container .content-container .content-3 .list-item .popover label[for*=duration],.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment label[for*=duration]{top:0!important;margin-top:6px!important;margin-bottom:8px!important}.setting-page-container .content-container .content-3 .list-item .popover .grid-item.span-3,.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment .grid-item.span-3{margin-top:4px!important;width:100%!important}.setting-page-container .content-container .content-3 .list-item .popover .grid-item.span-3 .ant-select,.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment .grid-item.span-3 .ant-select,.setting-page-container .content-container .content-3 .list-item .popover .grid-item.span-3 .ant-select-selector,.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment .grid-item.span-3 .ant-select-selector{width:100%!important;min-width:100%!important;max-width:100%!important}.setting-page-container .content-container .content-3 .list-item .popover .grid-item.span-3 .ant-select .ant-select-selector,.setting-page-container .content-container .containt-list .Add-layout.add-layout-treatment .grid-item.span-3 .ant-select .ant-select-selector{margin-top:0!important;margin-right:0!important}.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-3{margin-top:4px!important;width:100%!important}.setting-page-container .content-container .content-4 .list-item .popover{max-height:none!important;overflow-y:visible!important;overflow:visible!important}.setting-page-container .content-container .content-4 .list-item .popover label[for=package-duration],.setting-page-container .content-container .content-4 .list-item .popover label[for=total-price]{display:inline-block!important;margin-top:6px!important;margin-bottom:8px!important}.setting-page-container .content-container .content-4 .list-item .popover label[for=total-price]{margin-top:14px!important}.setting-page-container .content-container .content-4 .list-item .popover label[for=treatment]{top:-10px!important;margin-top:10px!important;margin-bottom:10px!important}.setting-page-container .content-container .content-4 .list-item .popover label[for=treatment]+.ant-select.ant-select-multiple .ant-select-selector,.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-7 label[for=treatment]+.ant-select.ant-select-multiple .ant-select-selector{transform:none!important;margin-top:-5px!important}.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-3 .ant-select,.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-3 .ant-select-selector,.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-3 .currency-input-container,.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-3 .currency-input{width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important}.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-3 .ant-select .ant-select-selector{margin-right:0!important}.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-3 .currency-input-container{display:flex!important}.setting-page-container .content-container .content-4 .list-item .popover .grid-item.span-3 .currency-input{flex:1 1 auto!important}.setting-page-container .content-container .content-4 .list-item .popover .button-row{align-items:center!important;flex-wrap:nowrap!important}.setting-page-container .content-container .content-4 .list-item .popover .button-row .save-button{position:static!important;bottom:auto!important;left:auto!important;margin-top:0!important;align-self:auto!important;box-shadow:none!important}.setting-page-container .content-container .content-4 .list-item .popover .ant-select.ant-select-multiple .ant-select-clear{top:50%;right:12px;transform:translateY(-50%)}}.setting-page-container .spa-setting-redesign{width:100%;max-width:1296px;margin-inline:auto;box-sizing:border-box;padding-inline:48px}.setting-page-container .spa-setting-tabs{display:flex;gap:18px;border-bottom:1px solid #e6e6e6;margin-bottom:16px}.setting-page-container .spa-setting-tab{border:none;background:transparent;padding:10px 0;color:#9d9d9d;font-size:15px;cursor:pointer;font-family:Google Sans}.setting-page-container .spa-setting-tab.active{color:#111;font-weight:500;border-bottom:3px solid var(--gold)}.setting-page-container .treatment-form-card{background:#f6f6f6;border-radius:16px;padding:20px}.duration-input-container{position:relative;flex:1;min-width:0;max-width:100%;overflow:hidden;display:flex;align-items:stretch}.duration-input{flex:1 1 auto;padding-left:50px;padding-right:12px;box-sizing:border-box;text-align:left;height:36px;border:1px solid #C9C9C9;border-radius:10px;font-family:Google Sans;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;outline:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.duration-input::-webkit-inner-spin-button,.duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-suffix{flex:0 0 50px;display:flex;position:relative;align-items:center;justify-content:center;color:var(--primary-color)!important;font-size:15px!important;border-top-right-radius:6px;border-bottom-right-radius:6px;margin-left:-50px;pointer-events:none;box-sizing:border-box}.duration-suffix:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:1px;background:#c9c9c9}@media(max-width:767px){.duration-suffix:before{top:40%;bottom:auto;transform:translateY(-50%);height:55%}.duration-suffix{padding-bottom:12px}}.duration-input-row{display:flex;gap:10px;width:100%;align-items:center}.duration-input-container .duration-input{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.setting-page-container .treatment-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;align-items:start}.duration-suggestions{display:flex;flex-direction:row;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px;flex-basis:100%}.suggestion-btn{border:1px solid #d7d7d7;background:#f4f4f4;border-radius:20px;padding:6px 14px;font-size:13px;color:#a7a7a7;cursor:pointer;transition:all .2s ease;font-family:Google Sans;font-weight:200;white-space:nowrap;height:26px;display:flex;align-items:center;justify-content:center}.suggestion-btn:hover{background:#b0b0b0;border-color:#ebebeb;color:#fff}.suggestion-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.treatment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;align-items:end}.bed-form-grid{display:grid!important;grid-template-columns:1fr auto!important;gap:16px;align-items:end}.bed-form-button{display:flex;align-items:flex-end;align-self:flex-end}.bed-form-button button{height:48px;padding:0 24px;white-space:nowrap}.setting-page-container .treatment-form-field input{width:100%!important}@media(max-width:768px){.bed-form-grid{grid-template-columns:1fr}}.bed-form-button{display:flex;align-items:flex-end;justify-content:flex-end}.treatment-form-field{width:100%;display:flex;flex-direction:column}.form-hint{color:#888;font-size:12px;font-weight:400;margin-top:6px;display:block}.treatment-form-field.full{grid-column:1 / -1}.treatment-form-field.left{grid-column:1}.treatment-form-field.right{grid-column:2}.setting-page-container .treatment-form-field label{display:block;margin-bottom:10px;font-size:14px;font-weight:500}.setting-page-container .treatment-form-field input{width:100%;height:42px;border:1px solid #e5e5e5;padding:8px 12px;background:#f9f9f9;height:42px!important;color:#111!important}.setting-page-container .duration-input-row{display:flex;gap:10px;width:100%;align-items:center;flex-wrap:wrap}.setting-page-container .duration-input-row span{color:#777;font-size:14px}.setting-page-container .treatment-form-actions{margin-top:20px;display:flex;justify-content:right;gap:12px}.setting-page-container .treatment-list-section{margin-top:24px;margin-bottom:40px}.setting-page-container .treatment-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.setting-page-container .treatment-list-header h3{margin:0;color:#000;align-content:center}.search-input-container{position:relative}.search-icon-img{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}.search-input-container{position:relative;flex:1;max-width:300px}.search-input-container input{padding-right:40px}.setting-page-container .treatment-list-header input,.setting-page-container .shift-list-header input{width:100%;height:40px;border:1px solid #d9d9d9;border-radius:20px;padding:0 12px;font-size:14px;outline:none;transition:all .3s ease}.setting-page-container .treatment-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start!important;align-content:start;min-height:510px;border:1px solid #ebebeb;border-radius:16px;padding:20px;background:#fff}.setting-page-container .treatment-card{border-radius:14px;background:#fff;padding:14px;box-shadow:var(--shadow-sm)}.setting-page-container .treatment-card h4{margin:0 0 8px;font-size:16px;color:var(--primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setting-page-container .treatment-card p{font-size:13px;color:#252525;font-weight:600}.setting-page-container .treatment-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:#666;font-weight:400;border-top:1px solid #eee;padding-top:14px;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.treatment-card-footer.empty-footer{justify-content:flex-start!important}.treatment-card-footer.empty-footer p{margin:3px 0}.dayoff-text{margin:12px 0;font-size:12px}.dayoff-label{font-weight:600;color:#252525;margin-right:4px}.dayoff-value{font-weight:400;color:#6b7280}.setting-page-container .shift-list-section .treatment-card h4{text-align:left}.setting-page-container .shift-list-section .treatment-card p{text-align:left;display:flex;align-items:center;gap:6px}.setting-page-container .shift-list-section .treatment-card-footer{justify-content:flex-end}.setting-page-container .shift-list-section .treatment-card-grid{min-height:420px!important}@media(min-width:768px)and (max-width:1024px){.setting-page-container .shift-list-section .treatment-card-grid{min-height:548px}}@media(max-width:767px){.setting-page-container .shift-list-section .treatment-card-grid{min-height:auto}}.price-value{color:#9e9e9e;font-weight:500}.duration-with-icon{display:flex;align-items:center;gap:6px;color:#777;font-size:12px}.clock-icon{width:14px;height:14px;opacity:.7}.setting-page-container .treatment-card-actions{display:flex;gap:8px}.setting-page-container .treatment-card-actions button{border:none;border-radius:20px;padding:4px 12px;font-size:12px;cursor:pointer}.setting-page-container .treatment-card-actions button:first-child{background:var(--gold);color:#fff}.setting-page-container .treatment-card-actions button:last-child{background:#e8e8e8;color:#8f8f8f}.setting-page-container .treatment-empty-state{border:1px solid #ebebeb;border-radius:16px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a3a3a3;gap:6px}.setting-page-container .shift-list-section .treatment-empty-state{border:none}.setting-page-container .treatment-empty-state img{width:52px;opacity:.5}.shift-top-grid{display:flex;gap:24px;margin-bottom:20px;width:100%}.shift-card{background:#f6f6f6;border-radius:16px;box-shadow:var(--shadow-sm);flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.shift-card-header{padding:20px 24px 0}.shift-card-header h3{margin:0 0 8px;font-family:Google Sans;font-size:18px;font-weight:600;color:#000;text-decoration:none;border-bottom:none}.shift-card-subtitle{margin:0;font-family:Google Sans;font-size:14px;font-weight:400;color:#666;line-height:1.4}.shift-card-body{padding:10px 24px;flex:1;display:flex;flex-direction:column;gap:8px}.row-label{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}.row-label span{font-family:Google Sans;font-size:15px;font-weight:600;color:#000}.row-input{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:center}.select-wrapper{position:relative;width:100%}.select-overlay{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-family:Google Sans;font-size:14px;color:#000;pointer-events:none;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px)}.select-wrapper:has(.select-overlay:not(:empty)) .ant-select-selection-placeholder{opacity:0}.no-tags .ant-select-selection-item,.no-tags .ant-select-selection-overflow{display:none}.row-top{display:flex;justify-content:space-between;gap:8px}.row-top .left{display:flex;flex-direction:column;gap:8px;flex:1}.row-top .right{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex:1}.row-top .time-picker-custom,.row-top input[type=time]{width:100%}.row-top .left label{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-top .left label .checkbox-inline{font-size:13px!important;font-weight:800;text-align:right;margin-left:auto}.row-top .right label{align-self:flex-start;flex:1 1}.row-2-equal{display:grid;grid-template-columns:1fr 1fr;gap:16px}.time-picker-custom{width:100%;background-color:#f9f9f9}.shift-card .time-picker-custom,.shift-card .shift-time-input,.shift-card .shift-text-input,.shift-card .select-custom,.shift-card input[type=time]{background-color:#f9f9f9;border:1px solid #e5e5e5;padding:8px 12px}.shift-card .time-picker-custom,.shift-card .shift-time-input,.shift-card .shift-text-input,.shift-card .select-custom,.shift-card input[type=time]{background-color:#f9f9f9!important;border:1px solid #BEBEBE!important;padding:8px 12px!important}.shift-card .select-wrapper .select-custom,.shift-card .select-wrapper .ant-select-selector{background-color:#f9f9f9;border:1px solid #e5e5e5;padding:8px 12px;cursor:pointer!important}.shift-card .select-wrapper{cursor:pointer!important}.shift-card .ant-picker,.shift-card .ant-picker:hover,.shift-card .ant-picker:focus,.shift-card .ant-picker-input,.shift-card .ant-picker-input input{cursor:pointer!important}.shift-card .ant-picker-input input:focus,.shift-card .ant-picker-input input{outline:none!important;box-shadow:none!important;border:none!important;color:#111!important}.shift-card .ant-picker-focused,.shift-card .ant-picker:hover,.shift-card .ant-picker:focus{box-shadow:0 0 0 2px #103c3b1a!important}.shift-card .ant-picker{outline:none!important;box-shadow:none!important;cursor:pointer!important}.shift-card,.ant-picker-input{outline:none!important;box-shadow:none!important}.shift-time-input.ant-picker:focus,.shift-time-input.ant-picker:hover{box-shadow:none!important;border:1px solid #e5e5e5!important}.checkbox-inline.center{justify-content:center}.dayoff-header{display:flex;justify-content:space-between;align-items:center}.shift-time-row-3{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start}.shift-time-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.shift-checkbox-inline{display:flex;align-items:flex-end;justify-content:center}.shift-checkbox-inline .shift-checkbox-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.shift-checkbox-inline .shift-checkbox-wrapper label{text-align:center;margin:0;font-size:14px;font-weight:500}.shift-dayoff-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}.dayoff-row{display:flex;gap:16px;align-items:center}.select-custom,.dayoff-row .ant-select{width:100%}.dayoff-row .ant-select-selector{height:44px;border-radius:12px;display:flex;align-items:center}.checkbox-inline{display:flex;align-items:center;gap:6px;font-size:15px;font-family:Google Sans;font-weight:600;color:#000;cursor:pointer}.checkbox-inline input{width:14px;height:14px;cursor:pointer;margin:0}.shift-card-footer{padding:0 24px 20px;display:flex;justify-content:flex-end;gap:10px}.shift-form-row{display:flex;flex-direction:column;gap:8px}.shift-form-row label{font-family:Google Sans;font-size:15px;font-weight:600;color:#000;margin:0}.shift-time-input,.shift-text-input{width:100%;height:40px;border:1px solid #ddd;border-radius:8px;padding:0 12px;font-family:Google Sans;font-size:14px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.shift-time-input:focus,.shift-text-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #103c3b1a}.shift-time-input::placeholder,.shift-text-input::placeholder{color:#999;font-weight:400}.shift-time-input.ant-picker{width:100%!important;height:40px!important;border-radius:8px!important;border:1px solid #BEBEBE!important}.shift-time-input.ant-picker:hover,.shift-time-input.ant-picker:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #103c3b1a!important}.shift-select-input{width:100%!important;height:40px!important}.shift-select-input .ant-select-selector{height:40px!important;border:1px solid #ddd!important;border-radius:8px!important;background:#fff!important;padding:0 12px!important;font-family:Google Sans!important;font-size:14px!important}.shift-select-input .ant-select-selection-placeholder{color:#999!important;font-weight:400!important}.shift-card .ant-select-selector{border:none!important;box-shadow:none!important}.shift-select-input:hover .ant-select-selector,.shift-select-input.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #103c3b1a!important}.shift-select-native{width:100%;height:40px;border:1px solid #ddd;border-radius:8px;padding:0 12px;font-family:Google Sans;font-size:14px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.shift-select-native:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #103c3b1a}.shift-checkbox-wrapper{display:flex;align-items:center;gap:8px}.shift-checkbox{width:16px;height:16px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.shift-checkbox-wrapper label{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.shift-dayoff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.shift-dayoff-item{display:flex;align-items:center;gap:6px}.shift-dayoff-item .shift-checkbox{width:14px;height:14px}.shift-dayoff-item label{margin:0;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.gold-button{background-color:var(--gold);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-family:Google Sans;font-size:15px;font-weight:500;cursor:pointer}.green-button{background-color:var(--primary-color)!important;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-family:Google Sans;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #103c3b33}.green-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.shift-list-section{margin-bottom:40px}.shift-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px}.shift-list-header h3{margin:0;font-family:Google Sans;color:#000;align-content:center}.shift-search-wrapper{position:relative;width:100%}.shift-search-input{width:100%;height:44px;border:1px solid #ddd;border-radius:8px;padding:0 16px;font-size:16px;font-family:Google Sans;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}@media(min-width:768px){.shift-search-input{height:40px;font-size:14px}}.shift-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #103c3b1a}.shift-search-input::placeholder{color:#999;font-weight:400}.shift-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6;pointer-events:none}.shift-edit-btn,.shift-delete-btn{padding:6px 16px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-family:Google Sans;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.shift-edit-btn:hover{background:#f8f9fa;border-color:var(--primary-color);color:var(--primary-color)}.shift-delete-btn:hover{background:#fff5f5;border-color:#dc3545;color:#dc3545}.shift-empty-state{text-align:center;padding:60px 20px;color:#666}.shift-empty-state img{width:80px;height:80px;margin-bottom:16px;opacity:.5}.shift-empty-state p{margin:0;font-family:Google Sans;font-size:16px;color:#666}@media(max-width:767px){.shift-top-grid{flex-direction:column;gap:20px}.shift-time-row-3{grid-template-columns:1fr;gap:16px}.shift-time-row-2{gap:16px}.row-3,.row-2-equal,.row-label,.row-input{grid-template-columns:1fr;gap:16px}.dayoff-header{flex-direction:row;gap:12px;align-items:stretch}.shift-dayoff-row{grid-template-columns:1fr;gap:16px}.dayoff-row{flex-direction:column;gap:12px;align-items:stretch}.shift-checkbox-inline,.checkbox-inline{justify-content:flex-start}.shift-search-wrapper{width:100%}.shift-list-header{flex-direction:row;gap:40px;align-items:stretch}.shift-dayoff-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px)and (max-width:1024px){.setting-page-container .treatment-card-grid{grid-template-columns:repeat(3,1fr);min-height:auto}}@media(max-width:767px){.setting-page-container .treatment-form-grid{grid-template-columns:1fr}.setting-page-container .treatment-card-grid{grid-template-columns:repeat(2,1fr)}.setting-page-container .treatment-list-header{flex-direction:row;align-items:stretch;gap:40px}.search-input-container{flex:1;max-width:none}.setting-page-container .treatment-list-header input{width:100%}.setting-page-container .treatment-card-grid{grid-template-columns:1fr;gap:20px;min-height:auto}.shift-top-grid{flex-direction:column;gap:20px}.shift-card-grid{grid-template-columns:1fr}}.package-grid-list.treatment-card-grid{min-height:600px!important;align-content:start}@media(min-width:768px)and (max-width:1024px){.package-grid-list.treatment-card-grid{min-height:840px}}@media(max-width:767px){.package-grid-list.treatment-card-grid{min-height:auto}}.package-section .select-multiple-custom .ant-select-selector,.package-section .select-multiple-custom{width:100%!important}.package-section .ant-select-selector{height:37px!important;display:flex;align-items:center}.package-section .ant-select-selection-item,.package-section .ant-select-selection-placeholder{line-height:37px!important}.package-section .treatment-form-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:12px;gap:10px}.package-section .select-multiple-custom .ant-select-selector{height:37px!important;min-height:37px!important;display:flex!important;align-items:center!important}.package-section .select-multiple-custom .ant-select-selection-placeholder{line-height:37px!important;display:flex;align-items:center}.package-section .treatment-form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:22px}.package-section .package-price-row{display:flex;width:100%;gap:12px;align-items:end}.package-section .price-field{flex:1;width:100%}.package-section .treatment-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:0}.package-section .select-multiple-custom,.package-section .select-multiple-custom .ant-select-selector{width:100%!important}.package-section .input-field,.package-section .select-multiple-custom .ant-select-selector{height:42px!important;display:flex;align-items:center}.package-section .input-field:disabled{background-color:#ebebeb!important;color:#4b5563!important;border:1px solid #d1d5db!important;cursor:not-allowed;opacity:1;border-radius:10px}.package-section .input-field:disabled::placeholder{color:#9ca3af}.setting-page-container .Add-layout.add-layout-package .select-multiple-custom{width:100%!important}.setting-page-container .Add-layout.add-layout-package .select-multiple-custom .ant-select-selector{width:100%!important;height:37px!important;min-height:37px!important;display:flex!important;align-items:center!important;padding:0 11px!important}.setting-page-container .Add-layout.add-layout-package .select-multiple-custom .ant-select-selection-placeholder{position:static!important;transform:none!important;margin:0!important;line-height:37px!important}.setting-page-container .Add-layout.add-layout-package .select-multiple-custom .ant-select-selection-overflow{align-items:center!important}.setting-page-container .Add-layout.add-layout-package .select-multiple-custom *{font-size:13px!important}.currency-input-container{position:relative;display:flex;align-items:center}.currency-input-container input{width:100%;flex:1;padding-right:40px}.currency-suffix{position:absolute;right:0;height:100%;width:40px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:13px;background:transparent}.shift-select .ant-select-selector{height:auto!important;min-height:37px!important;display:flex!important;align-items:center!important;padding:2px 11px!important}.shift-select .ant-select-selection-placeholder{line-height:37px!important}.shift-select .ant-select-selection-overflow{align-items:center!important}.shift-select,.shift-select .ant-select-selector{width:100%!important}.package-grid-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;border:1px solid #ebebeb;border-radius:16px}.package-card{display:flex!important;flex-direction:column!important;justify-content:space-between;padding:16px;border-radius:16px;background:#fff;border:1px solid #E0E0E0;box-shadow:var(--shadow-sm);min-height:160px}@media(min-width:768px){.setting-page-container .package-grid .list-item{flex-direction:column!important}}.package-card h3{font-size:16px;font-weight:600;color:var(--primary-color);margin-bottom:8px}.package-card-body{font-size:13px;color:#555;line-height:1.5}.package-divider{height:1px;background:#e5e5e5;margin:12px 0}.package-duration{font-size:12px;color:#888}.edit-btn{background:var(--gold);color:#fff;border:none;padding:6px 14px;border-radius:20px;cursor:pointer}.delete-btn{background:#e0e0e0;color:#666;border:none;padding:6px 14px;border-radius:20px;cursor:pointer}@media(min-width:768px)and (max-width:1024px){.package-grid-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.package-grid-list{grid-template-columns:repeat(2,1fr)}}.search-box{position:relative;width:250px}.search-input{width:100%;height:37px;padding:0 36px 0 12px;border-radius:20px;font-size:13px}.search-input::placeholder{color:#bebebe}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;opacity:.6;pointer-events:none}.package-grid .action-button-container{width:100%;justify-content:flex-end;margin-top:auto}.package-grid .list-item h3{margin:0 0 8px;font-size:16px;color:var(--primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.package-label{font-weight:600;color:#252525}.treatment-detail-section{grid-column:1 / -1;width:100%}.treatment-detail-section label{display:block;margin-bottom:8px;font-weight:600;color:var(--primary-color)}.treatment-detail-container{padding:12px;font-size:14px;color:#333}.treatment-detail-header{display:grid;grid-template-columns:40px 2fr 1fr 1fr 1fr;gap:10px;font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.treatment-detail-header .treatment-col{display:flex;align-items:center}.treatment-detail-row{display:grid;grid-template-columns:40px 2fr 1fr 1fr 1fr;gap:10px;width:100%;align-items:center;margin-bottom:8px;font-size:14px;font-weight:400;color:#333}.treatment-detail-row:last-child{margin-bottom:0}.treatment-col.index{font-weight:600;color:var(--primary-color);text-align:center}.treatment-detail-row input{font-size:14px;font-weight:400;color:#333;background:#f9f9f9;border-radius:8px}.treatment-col.name input{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;background-color:#f9f9f9;white-space:normal;word-break:break-word}.treatment-col.duration input,.treatment-col.price input{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;background-color:#f9f9f9}.treatment-col.fee .currency-input-container{width:100%}.treatment-col.fee .currency-input-container input{width:100%;padding:6px 30px 6px 8px;border:1px solid #d9d9d9;border-radius:10px;background-color:#fff;color:#333;font-size:14px}.treatment-col.fee .currency-input-container input:focus{border-color:var(--primary-color);outline:none}.treatment-mobile-bottom-row{display:contents}.treatment-mobile-field>label{display:none}.treatment-title-row{display:none}@media(max-width:767px){.treatment-detail-section,.treatment-detail-container{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;margin-top:40px}.duration-suggestions{margin-top:0}.treatment-detail-container{padding:4px;margin-top:10px}.setting-page-container .treatment-form-field input{margin-bottom:10px}.form-hint{margin-top:0}.package-section .input-field,.package-section .select-multiple-custom .ant-select-selector{margin-bottom:10px}.setting-page-container .content-container .containt-list .Add-layout.add-layout-package{padding:20px 12px 12px!important}.treatment-detail-header{display:none}.treatment-detail-row{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:30px;width:100%;align-self:stretch;box-sizing:border-box;grid-template-columns:unset}.treatment-detail-row>.treatment-col{width:100%;display:flex;flex-direction:column}.treatment-detail-row:last-child{margin-bottom:0}.treatment-detail-row .treatment-col.index{display:none}.treatment-title-row{display:flex;align-items:center;gap:6px;margin-bottom:10px}.treatment-title-row .treatment-index{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:var(--primary-color);flex-shrink:0}.treatment-title-row label{margin:0}.treatment-mobile-field>label{display:block;font-size:12px;font-weight:600;color:var(--primary-color);margin-bottom:10px}.treatment-mobile-field{display:flex;flex-direction:column;width:100%}.treatment-mobile-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.treatment-mobile-bottom-row .treatment-col{min-width:0;width:100%}.treatment-detail-row input,.treatment-detail-row .currency-input-container,.treatment-detail-row .currency-input-container input{width:100%;min-width:0}.treatment-detail-row .ant-input,.treatment-detail-row .ant-input-affix-wrapper,.treatment-detail-row .ant-input-number,.treatment-detail-row .ant-input-number-affix-wrapper,.treatment-detail-row .ant-input-number-input-wrap,.treatment-detail-row .ant-select,.treatment-detail-row .ant-select-selector{width:100%!important;min-width:0!important;box-sizing:border-box}.treatment-detail-row .ant-select{display:flex}.treatment-detail-row .ant-select-selector{display:flex;align-items:center}}.empty-text{color:#999;text-align:center;padding:20px;margin:0}input.input-field{font-family:inherit}.package-card-body{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#666}.package-divider{position:relative;height:1px;background-color:#e0e0e0;margin:10px 0}.package-divider:before{content:"";position:absolute;left:-16px;right:-16px;height:1px;background-color:#e0e0e0;top:0}.package-card-footer{display:flex;justify-content:space-between;align-items:center}.package-duration{font-size:12px;color:#999;display:flex;align-items:center;gap:6px}.package-actions{display:flex;gap:8px}.package-actions .edit-btn{background:var(--gold);color:#fff;border-radius:20px;padding:4px 12px;font-size:12px}.package-actions .delete-btn{background:#eaeaea;color:#888;border-radius:20px;padding:4px 12px;font-size:12px}.package-info p{margin:0;font-size:13px;color:#6b7280}.package-info .label{font-weight:500;color:#111827}.package-info .value,.package-info .discount{color:#9ca3af}.package-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9}.actions{display:flex;gap:8px}.btn-edit{background:#b8821f;color:#fff;border:none;padding:6px 14px;border-radius:12px;cursor:pointer}.btn-delete{background:#e5e7eb;color:#6b7280;border:none;padding:6px 14px;border-radius:12px;cursor:not-allowed}@media(min-width:768px)and (max-width:1024px){.package-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.package-grid{grid-template-columns:1fr}.package-section .treatment-form-grid{grid-template-columns:1fr;gap:0}}@media(min-width:768px)and (max-width:1024px){.setting-page-container .spa-setting-redesign{padding-inline:48px}}@media(max-width:767px){.setting-page-container .spa-setting-redesign{padding-inline:24px}}.setting-page-container .select-multiple-custom.shift-select .ant-select-selector{height:42px!important;min-height:42px!important;padding:0 11px!important;display:flex!important;align-items:center!important;background-color:#f9f9f9!important;box-sizing:border-box!important}.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-wrap{display:flex!important;align-items:center!important;width:100%!important;overflow:hidden!important;height:100%!important}.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-overflow{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;height:100%!important}.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-overflow-item,.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-overflow-item-rest,.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-overflow-item-suffix{max-width:calc(100% - 30px)!important;overflow:hidden!important;flex-shrink:1!important;display:flex!important;align-items:center!important}.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-overflow-item-suffix,.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-overflow-item-rest{max-width:none!important;flex-shrink:0!important}.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-item{height:auto!important;max-width:100%!important;line-height:1.5!important;padding:2px 8px!important;margin:0!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;background-color:#fff!important;color:var(--secondary-color)!important;border-radius:8px!important;box-sizing:border-box!important;font-size:15px!important;font-family:Google Sans!important}.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-item-remove{width:15px!important;height:25px!important;line-height:14px!important;font-size:10px!important;margin-left:4px!important;color:#888!important;display:inline-flex!important;align-items:center!important}.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-item-remove:hover{color:#0f2927!important}.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-placeholder{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;left:-10px!important;line-height:normal!important}.setting-page-container .select-multiple-custom.shift-select .ant-select-selection-item-content{overflow:hidden!important;line-height:1.5!important;max-width:100%!important;text-overflow:ellipsis!important;white-space:nowrap!important}.package-section .select-multiple-custom .ant-select-selector{height:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;padding:0 11px!important;overflow:hidden!important}.package-section .select-multiple-custom .ant-select-selection-wrap{display:flex!important;align-items:center!important;width:100%!important;overflow:hidden!important}.package-section .select-multiple-custom .ant-select-selection-overflow{flex-wrap:nowrap!important;align-items:center!important;overflow:hidden!important;width:100%!important}.package-section .select-multiple-custom .ant-select-selection-overflow-item,.package-section .select-multiple-custom .ant-select-selection-overflow-item-rest,.package-section .select-multiple-custom .ant-select-selection-overflow-item-suffix{max-width:calc(100% - 30px)!important;overflow:hidden!important;flex-shrink:1!important;display:flex!important;align-items:center!important}.package-section .select-multiple-custom .ant-select-selection-overflow-item-suffix,.package-section .select-multiple-custom .ant-select-selection-overflow-item-rest{max-width:none!important;flex-shrink:0!important}.package-section .select-multiple-custom .ant-select-selection-item{height:auto!important;max-width:100%!important;line-height:1.5!important;padding:2px 8px!important;margin:0!important;overflow:hidden!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important}.package-section .select-multiple-custom .ant-select-selection-item-content{overflow:hidden!important;line-height:1.5!important;max-width:100%!important;text-overflow:ellipsis!important;white-space:nowrap!important}.package-section .select-multiple-custom .ant-select-selection-placeholder{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;left:-10px!important;line-height:normal!important;color:#bebebe!important;font-family:Google Sans!important;font-size:13px!important;font-weight:400!important}.skeleton-pulse{background:var(--skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.treatment-card.skeleton-card,.list-item.package-card.skeleton-card{border-color:#e2e8f0!important;background-color:#fff!important;box-shadow:none!important;pointer-events:none;cursor:default}@media(max-width:1280px){.row-top{flex-direction:column!important;gap:16px}.row-top .right{align-items:flex-start}.shift-time-row-2{grid-template-columns:1fr;gap:16px}}@media(max-width:767px){.package-section .select-multiple-custom .ant-select-arrow{margin-top:-8px!important;top:50%!important}.package-section .select-multiple-custom .select-arrow-icon{transform:translateY(-4px)!important}.currency-suffix:before{transform:translateY(-4px)!important}.currency-suffix{padding-bottom:6px!important}}.footer-prompt{position:fixed;bottom:0;left:50%;transform:translate(-50%);background-color:#f8f9fa;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;padding:10px 20px;z-index:1000;animation:slideUp .5s ease-out,fadeOut .5s ease-out 4.5s forwards;border-top-left-radius:10px;border-top-right-radius:10px;max-width:600px;width:90%}.footer-prompt .prompt-content{display:flex;align-items:center;flex-grow:1}.footer-prompt .app-icon{width:40px;height:40px;margin-right:15px}.footer-prompt .prompt-text{flex-grow:1;width:100%}.footer-prompt h2{margin:0 0 5px;font-size:18px}.footer-prompt p{margin:0;font-size:14px}.footer-prompt .install-button{background-color:var(--secondary-color);color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;white-space:nowrap;margin-left:20px}.footer-prompt .install-button:hover{background-color:var(--primary-color)}@keyframes slideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media(max-width:480px){.footer-prompt{flex-direction:column;align-items:stretch;width:100%;border-radius:0}.footer-prompt .prompt-content{margin-bottom:10px}.footer-prompt .install-button{margin-left:0;align-self:flex-end}}@media(max-width:425px){.footer-prompt{flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:60px;padding:5px 10px;border-radius:0}.footer-prompt .prompt-content{display:flex;align-items:center;flex-grow:1;overflow:hidden}.footer-prompt .app-icon{width:35px;height:35px;margin-right:8px;flex-shrink:0}.footer-prompt .prompt-text{flex-grow:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-prompt h2{font-size:14px;margin:0}.footer-prompt p{font-size:12px;margin:0}.footer-prompt .install-button{height:40px;padding:5px 10px;font-size:14px;white-space:nowrap;flex-shrink:0}}body{font-family:"M PLUS Rounded 1c",sans-serif;color:var(--secondary-color)}.therapist-schedule-page-container{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;background-color:#fff;min-height:120vh;padding-bottom:40px;color:#4a4540}.therapist-schedule-page-content{width:100%;max-width:1200px;margin-inline:auto;margin-bottom:40px;box-sizing:border-box;flex-grow:1;display:flex;flex-direction:column;align-items:stretch;color:var(--secondary-color)}.page-title-section{text-align:center}.page-title-section h1{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0%;margin:60px 10px 10px;color:#000}.page-title-section h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;margin:10px 10px 60px;color:#000}.calendar-main-wrapper{width:100%;max-width:1200px;min-height:auto;background-color:transparent;padding:0;box-sizing:border-box;height:auto;position:relative;margin-top:10px;z-index:1}.calendar-inner-container{width:100%;flex-grow:1;box-sizing:border-box;color:var(--secondary-color);position:relative;z-index:1;display:flex;flex-direction:column;min-height:600px;background:#fff;border:none;border-radius:28px;overflow:visible;box-shadow:none}.custom-calendar-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;flex-wrap:nowrap;gap:16px;background-color:#fff}.header-title-nav-group{display:flex;align-items:center;gap:20px;min-width:0}.calendar-title-picker{position:relative;display:flex;align-items:center;width:260px;flex-shrink:0}.calendar-month-big-title{font-size:32px!important;font-family:Google Sans;font-weight:700;line-height:1;color:#000;background:transparent;border:none;cursor:pointer;padding:0}.calendar-month-big-title:hover{color:var(--primary-color)}.title-arrow-group{display:flex;align-items:center;gap:6px}.header-nav-right-group{display:flex;align-items:center;gap:12px!important;margin-left:auto;flex-wrap:nowrap}.fc{border:none!important;font-family:Google Sans;color:#111;background:transparent!important;width:100%!important}.fc .fc-scrollgrid{border:none!important;border-collapse:separate!important;border-spacing:0!important;background:transparent!important;width:calc(100% + 2px)!important;margin:-1px -1px 0!important;border-radius:28px!important}.fc .fc-scrollgrid-section-header th:first-child,.fc .fc-scrollgrid-section-header th:first-child .fc-scrollgrid-sync-inner,.fc .fc-col-header-cell:first-child{border-top-left-radius:28px!important}.fc .fc-scrollgrid-section-header th:last-child,.fc .fc-scrollgrid-section-header th:last-child .fc-scrollgrid-sync-inner,.fc .fc-col-header-cell:last-child{border-top-right-radius:28px!important}.fc .fc-scrollgrid-section-body>td,.fc .fc-scrollgrid-section-body>td>.fc-scroller-harness,.fc .fc-scrollgrid-section-body>td>.fc-scroller-harness>.fc-scroller,.fc .fc-daygrid-body,.fc-scrollgrid-sync-table{border-bottom-left-radius:28px!important;border-bottom-right-radius:28px!important}.fc-scrollgrid-sync-table tbody tr:last-child td:first-child,.fc-scrollgrid-sync-table tbody tr:last-child td:first-child .fc-daygrid-day-frame,.fc-scrollgrid-sync-table tbody tr:last-child td:first-child .fc-daygrid-day-bg{border-bottom-left-radius:28px!important}.fc-scrollgrid-sync-table tbody tr:last-child td:last-child,.fc-scrollgrid-sync-table tbody tr:last-child td:last-child .fc-daygrid-day-frame,.fc-scrollgrid-sync-table tbody tr:last-child td:last-child .fc-daygrid-day-bg{border-bottom-right-radius:28px!important}.fc .fc-scrollgrid-section-sticky>*{position:static!important;top:unset!important}.fc .fc-scrollgrid-section-header .fc-scroller{overflow:hidden!important}.fc-theme-standard td,.fc-theme-standard th{border:1px solid #ECE8E1!important}.fc-col-header,.fc-col-header th,.fc-col-header td,.fc-col-header-cell{border-radius:0}.fc .fc-col-header{border-top-left-radius:27px!important;border-top-right-radius:27px!important;overflow:hidden!important}.fc .fc-col-header-cell:first-child{border-top-left-radius:27px!important;border-left:none!important}.fc .fc-daygrid-day:first-child{border-left:none!important}.fc .fc-col-header-cell:last-child{border-top-right-radius:27px!important;border-right:none!important}.fc .fc-daygrid-day:last-child{border-right:none!important}.fc .fc-daygrid-body tr:last-child td:first-child{border-bottom-left-radius:27px!important}.fc .fc-daygrid-body tr:last-child td:last-child{border-bottom-right-radius:27px!important}.fc .fc-daygrid-day-frame{border-radius:0!important;aspect-ratio:1 / 1!important;min-height:unset!important}.fc .fc-daygrid-body tr{height:auto!important}.fc-col-header,.fc-daygrid-header,.fc-scrollgrid-section-header,.fc .fc-col-header-cell{background-color:var(--primary-color)!important;font-size:20px;font-family:Google Sans;font-weight:600;padding-top:10px!important;padding-bottom:10px!important;color:#fff!important;border-left:none!important;border-right:none!important}.fc-col-header,.fc-col-header th,.fc-col-header td,.fc-col-header-cell{border-radius:0!important}.fc-daygrid-day{position:relative;padding:6px;background-color:#fff}.fc .fc-daygrid-body tr:last-child .fc-daygrid-day:first-child{border-bottom-left-radius:28px!important;border-left:none!important}.fc .fc-daygrid-body tr:last-child .fc-daygrid-day:last-child{border-bottom-right-radius:28px!important;border-right:none!important}.fc .fc-daygrid-body tr:last-child td{border-bottom:none!important}.fc-daygrid-day:nth-child(7n+1){border-left:none}.fc-day-other{background-color:#efefef!important}.fc-day-today{background-color:#fff!important}.fc-day-today .fc-daygrid-day-number{background-color:#e6e6e6;color:#000;border-radius:50%;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.fc-event{border:none!important;background:transparent!important;padding:0!important;margin:4px 6px!important;cursor:pointer}.custom-calendar-event{display:flex;align-items:center;gap:10px;width:100%;min-height:32px;padding:6px 14px;border-radius:12px;font-family:Google Sans;color:#000;font-weight:700;text-shadow:none;overflow:hidden;box-sizing:border-box;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.03);box-shadow:none;cursor:pointer;opacity:1}.custom-calendar-event.finished-event,.custom-calendar-event.finished-event .event-title-text{opacity:.25!important;color:#000!important;box-shadow:none!important;border:1px solid transparent!important}.custom-calendar-event:hover{opacity:.85;filter:brightness(.98);z-index:10}.fc-theme-standard td,.fc-theme-standard th{border:1px solid #F3F4F6!important}.fc .fc-daygrid-day-top{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;padding-top:8px!important;padding-left:12px!important}.fc .fc-daygrid-day-number{font-size:15px!important;font-weight:600!important;color:#111!important;padding:0!important;margin:0!important}.fc-daygrid-event-harness{margin-top:4px}.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-top:6px;margin-bottom:6px}.fc,.fc-view-harness,.fc-daygrid,.fc-scrollgrid,.fc-scroller,.fc-scroller-liquid{overflow:visible!important}.fc-popover{z-index:99999!important;overflow:visible!important;box-shadow:var(--shadow-lg)!important}.fc-more-popover{z-index:99999!important}.add-schedule-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:42px!important;border-radius:100px!important;font-family:Google Sans!important;font-weight:600!important;font-size:15px!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important}.calendar-left-controls .today-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:42px!important;padding:0 16px!important;border-radius:100px!important;background-color:#f1e6c4!important;color:#cd9e11!important;font-family:Google Sans,sans-serif!important;font-weight:600!important;font-size:13px!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important;flex:0 0 auto!important}.add-schedule-btn{background-color:var(--primary-color)!important;color:#fff!important;padding:0 24px!important}.title-arrow-group .ant-btn{width:40px;height:40px;background-color:#e2e2e2!important;border-radius:50%;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;box-shadow:none!important;color:#000!important;padding:0!important}.title-arrow-group .ant-btn .anticon{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}.title-arrow-group .ant-btn .anticon svg{display:block!important}.title-arrow-group .ant-btn:hover,.title-arrow-group .ant-btn:focus{background-color:#e2e2e2!important;color:#000!important;border:none!important;box-shadow:none!important}.calendar-month-datepicker{position:absolute;visibility:hidden;pointer-events:none;width:0;height:0;overflow:hidden;border:none!important;padding:0!important}.title-datepicker-popup{z-index:2000!important}.title-datepicker-popup .ant-picker-panel-container{border-radius:16px!important;box-shadow:var(--shadow-lg)!important;border:1px solid #f0f0f0!important;overflow:hidden}.title-datepicker-popup .ant-picker-header{border-bottom:1px solid #f5f5f5;padding:8px 12px}.title-datepicker-popup .ant-picker-content{padding:12px}.title-datepicker-popup .ant-picker-month-panel .ant-picker-content,.title-datepicker-popup .ant-picker-year-panel .ant-picker-content{width:280px}.title-datepicker-popup .ant-picker-cell-inner{border-radius:8px!important;transition:all .2s ease}.title-datepicker-popup .ant-picker-cell-selected .ant-picker-cell-inner{background:var(--primary-color)!important}.title-datepicker-popup .ant-picker-cell:hover .ant-picker-cell-inner{background:#f0f7f7!important}.calendar-month-datepicker-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;overflow:hidden!important}.calendar-month-datepicker-hidden .ant-picker{border:none!important;padding:0!important;background:transparent!important;box-shadow:none!important}@media(min-width:1024px){.therapist-schedule-page-content{padding:0 48px}}@media(max-width:1024px){.therapist-schedule-page-container{min-height:auto;flex-grow:0!important}.therapist-schedule-page-content{padding:0 48px;min-height:auto!important;flex-grow:0}.calendar-main-wrapper{min-height:auto;flex-grow:0!important;margin-bottom:0!important}.page-title-section h1{font-size:35px}.page-title-section h2{font-size:20px}.custom-calendar-header{flex-wrap:nowrap;gap:16px}.header-title-nav-group{order:unset!important;flex-basis:auto!important;justify-content:flex-start!important;margin-bottom:0!important}.header-nav-right-group{order:unset!important;flex-basis:auto!important;justify-content:flex-end!important;gap:12px}}@media(max-width:767px){.therapist-schedule-page-content{padding:12px 12px 24px}.calendar-main-wrapper{min-height:600px}.page-title-section h1{font-size:28px}.page-title-section h2,.therapist-schedule-page-subtitle{font-size:16px;margin:10px 10px 60px!important}.calendar-month-big-title{font-size:20px}.calendar-title-picker{width:170px}.custom-calendar-header{padding:0 0 8px;gap:8px}.title-arrow-group .ant-btn{width:32px;height:32px}.add-schedule-btn{height:36px;font-size:13px;padding:0 12px}.fc{border:1px solid #AAAAAA;border-radius:16px!important}.fc .fc-daygrid-day-frame{min-height:60px}.fc .fc-col-header-cell{font-size:16px;padding-top:8px!important;padding-bottom:8px!important}.custom-calendar-event{min-height:24px;padding:3px 6px;font-size:10px;gap:4px}.custom-calendar-event div{font-size:9px;line-height:9px}.error-banner{padding:10px 12px;margin-bottom:12px}.error-message{font-size:13px}.calendar-loading-overlay p{font-size:14px}.loading-spinner{width:32px;height:32px;border-width:3px}}.fc .fc-popover{border:1px solid #E5E7EB!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-shadow:var(--shadow-lg)!important;z-index:99999!important}.fc .fc-popover-header{background:#fff!important;color:#111!important;padding:10px 10px 0!important;font-weight:600!important;border:none!important;box-shadow:0 2px 6px #10b98140}.fc .fc-popover-body{padding:10px!important;background:#fff!important}.fc-more-popover .custom-calendar-event{width:100%!important}.fc-popover .fc-daygrid-day-top,.fc-popover .fc-day-number-custom{display:none!important}.fc .fc-daygrid-day-bottom{margin:0 10px!important}.fc-event.finished-event .event-time-text,.fc-event.finished-event .event-title-text{color:#fff}.calendar-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffc7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:24px;opacity:0;visibility:hidden;transition:opacity .2s ease;pointer-events:none}.calendar-loading-overlay.visible{opacity:1;visibility:visible;pointer-events:all}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:14px}.spinner-container p{margin:0;font-size:15px;font-weight:600;color:var(--primary-color);font-family:Google Sans,sans-serif}.error-banner{display:flex;align-items:center;gap:12px;background-color:#fee;border:1px solid #fcc;border-radius:12px;padding:12px 16px;margin-bottom:16px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:18px;flex-shrink:0}.error-message{flex:1;font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;color:#c33;line-height:1.4}.error-close-btn{background:none;border:none;font-size:20px;color:#c33;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.error-close-btn:hover{background-color:#c333331a}.event-time-text{font-weight:500;font-size:11px;line-height:1;opacity:.8;flex-shrink:0;letter-spacing:-.01em}.event-title-text{font-weight:700;font-size:13px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.calendar-controls-row{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 0;border-top:1px solid #ECE8E1;box-sizing:border-box}.calendar-left-controls{display:flex;align-items:center;gap:12px;flex:1}@media(max-width:767px){.calendar-left-controls{flex-direction:column;align-items:stretch}}.therapist-filter-container{flex:1;max-width:300px}.therapist-select-dropdown{width:100%!important;max-width:300px}.therapist-select-dropdown .ant-select-selector{height:42px!important;padding:0 16px!important;background-color:#fff!important;border:1px solid #9CA3AF!important;border-radius:20px!important;display:flex!important;align-items:center!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:var(--shadow-sm)!important}.therapist-select-dropdown.ant-select-focused .ant-select-selector,.therapist-select-dropdown.ant-select-open .ant-select-selector{border-color:#d1d5db!important;box-shadow:none!important;outline:none!important}.therapist-select-dropdown .ant-select-selection-item{font-family:Google Sans,sans-serif!important;font-size:15px!important;font-weight:600!important;color:#111827!important;line-height:46px!important}.therapist-select-dropdown .ant-select-arrow{color:#4b5563!important;right:14px!important;font-size:14px!important;font-weight:800!important}.therapist-select-dropdown:hover .ant-select-selector{border-color:#6b7280!important;background-color:#fff!important}.therapist-select-popup{padding:8px 0!important;background:#fff!important;border:1px solid #D1D5DB!important;box-shadow:0 14px 32px #75b94d1f!important;border-radius:16px!important;overflow:hidden!important}.therapist-select-popup .ant-select-item{min-height:42px!important;border-radius:10px!important;font-family:Google Sans,sans-serif!important;font-size:15px!important;font-weight:500!important;color:#242424!important;transition:all .2s ease!important;display:flex!important;align-items:center!important}.therapist-select-popup .ant-select-item-option-content{line-height:1.2!important}.therapist-select-popup .ant-select-item-option-active{background-color:#f3f4f6!important;color:#212121!important}.therapist-select-popup .ant-select-item-option-selected{background-color:#cacaca!important;color:#171717!important;font-weight:600!important}.therapist-select-popup .rc-virtual-list-scrollbar-thumb{background:transparent!important;width:4px!important;border-radius:10px!important}.therapist-select-popup .rc-virtual-list-scrollbar{width:8px!important;right:2px!important}.custom-segmented-toggle{display:flex;background-color:transparent;padding:0;border-radius:0;gap:10px}.toggle-btn{height:42px;padding:0 24px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;color:var(--primary-color);background-color:#fff;border:1px solid var(--primary-color);border-radius:100px;cursor:pointer;white-space:nowrap}.toggle-btn:hover{background-color:#e5e7eb;color:#111827}.toggle-btn.active{background-color:#eaeaea;color:var(--primary-color);border-radius:100px;border:none}.schedule-list-view{display:flex;flex-direction:column;gap:0;width:100%;background-color:#fff;border-radius:28px;overflow-y:auto;overflow-x:hidden;max-height:72vh;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.schedule-list-view::-webkit-scrollbar{display:none}.list-date-group{display:flex;flex-direction:column;scroll-margin-top:24px}.list-date-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px 30px;background-color:#f6f6f6;border-bottom:1px solid #E5E7EB;z-index:5}.is-today .list-date-header{padding:18px 32px;background-color:#fff;box-shadow:var(--shadow-sm);z-index:2}.is-today .list-date-header:before{width:6px;background:var(--secondary-color);border-top-left-radius:12px;border-bottom-left-radius:12px}.header-date{font-family:Google Sans,sans-serif;font-size:20px;font-weight:700;color:#374151;letter-spacing:-.01em}.is-today .header-date{font-size:24px;color:#343434;letter-spacing:-.02em}.header-day{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:30px;padding:0 12px;border-radius:999px;color:#111827;font-family:Google Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.is-today .header-day{min-width:100px;height:36px;color:#111827;font-size:13px;letter-spacing:.1em;border:none}.list-date-content{display:flex;flex-direction:column}.list-schedule-item{display:flex;align-items:flex-start;padding:16px 32px;min-height:60px;height:auto;box-sizing:border-box;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #F3F4F6;gap:16px}.list-schedule-item:last-child{border-bottom:none}.list-schedule-item:hover{background-color:#fbfbfb}.schedule-time-range{font-family:Google Sans,sans-serif;font-size:16px;font-weight:500;color:#4b5563;flex-shrink:0;width:140px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.therapist-info-column{display:flex;flex-direction:column;flex:1}.schedule-therapist-info{display:flex;align-items:center;gap:12px;min-width:0}.therapist-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #00000005}.therapist-name{font-family:Google Sans,sans-serif;font-size:17px;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.list-schedule-item.finished{background-color:#ececec;opacity:1}.list-schedule-item.finished:hover{background-color:#e3e3e3}.list-schedule-item.finished .schedule-time-range{color:#6b7280}.list-schedule-item.finished .therapist-name{color:#4b5563;text-decoration:none}.list-view-empty-state{display:flex;justify-content:center;align-items:center;padding:120px 24px;text-align:center;background-color:#fff}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:.6}.empty-icon{font-size:56px;filter:grayscale(1)}.empty-state-content p{margin:0;font-family:Google Sans,sans-serif;font-size:18px;font-weight:500;color:#6b7280;max-width:240px;line-height:1.5}@media(max-width:767px){.therapist-schedule-page-container{padding-bottom:12px;min-height:auto}.therapist-schedule-page-content{padding:0 28px}.list-date-header,.is-today .list-date-header{padding:12px 16px}.list-schedule-item{padding:12px 10px}.schedule-time-range{width:70px;font-size:12px;line-height:1.3!important}.page-title-section h1{font-size:22px;line-height:1.08;margin:60px 10px 10px}.page-title-section h2{font-size:16px;margin:0;opacity:.8}.calendar-main-wrapper{min-height:auto;margin-top:0}.calendar-inner-container{min-height:auto;border-radius:12px;overflow:hidden;border:none}.fc{border-radius:12px!important;border:none;overflow:hidden}.fc-scrollgrid{border-radius:12px!important;overflow:hidden!important;border:1px solid #ECE8E1!important}.custom-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px}.header-title-nav-group{gap:6px;flex:1;min-width:0}.calendar-month-big-title{font-size:16px;white-space:nowrap}.title-arrow-group{gap:3px}.title-arrow-group .ant-btn{width:24px;height:24px;min-width:24px;padding:0;display:flex;align-items:center;justify-content:center}.title-arrow-group .ant-btn .anticon{font-size:10px;display:flex;align-items:center;justify-content:center;margin:0;width:10px!important;height:10px!important}.title-arrow-group .ant-btn .anticon svg{display:block;width:10px!important;height:10px!important}.add-schedule-btn{height:30px;padding:0 10px;font-size:11px;border-radius:999px;white-space:nowrap}.calendar-controls-row{display:flex;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;gap:8px;padding:12px 0;height:58px!important;box-sizing:border-box}.calendar-left-controls{display:flex;flex-direction:row!important;align-items:center;gap:8px;flex:1;height:34px!important}.therapist-filter-container{flex:1;height:34px!important}.therapist-select-dropdown{width:100%;height:34px!important}.therapist-select-dropdown .ant-select-selector{height:34px;border-radius:999px;padding:0 12px;background:#fff!important;border:1px solid #D1D5DB;display:flex;align-items:center;box-shadow:none}.therapist-select-dropdown .ant-select-arrow{top:18px!important}.therapist-select-dropdown .ant-select-selection-item{font-size:11px;line-height:32px;color:#4a5568;display:flex!important;align-items:center!important}.calendar-left-controls .today-btn{height:30px;padding:0 12px;font-size:11px;font-weight:600;border-radius:999px;background-color:#f1e6c4;color:#cd9e11;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0!important}.view-toggle-container{display:flex!important;align-items:center!important;height:34px!important;flex-shrink:0!important}.custom-segmented-toggle{display:flex;align-items:center!important;height:34px!important;background:transparent!important;padding:0;border-radius:0;gap:8px;border:none!important}.toggle-btn{height:34px;padding:0 16px;font-size:11px;font-weight:600;border-radius:999px;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;background:#fff!important;color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:none!important}.toggle-btn.active{background:#eaeaea!important;color:var(--primary-color);border:none;box-shadow:var(--shadow-sm)!important}.fc{border-radius:12px!important}.fc-scrollgrid{border-radius:12px!important;overflow:hidden!important}.fc .fc-col-header-cell{font-size:10px!important;padding-top:7px!important;padding-bottom:7px!important}.fc .fc-daygrid-day{padding:0!important}.fc .fc-daygrid-day-frame{min-height:58px;aspect-ratio:unset;padding:2px!important}.fc .fc-daygrid-day-top{padding-top:4px;padding-left:4px}.fc .fc-daygrid-day-number{font-size:10px;font-weight:700}.fc-day-today .fc-daygrid-day-number{width:18px;height:18px;font-size:9px}.fc-event{margin:1px 2px}.fc-daygrid-event-harness{margin-top:1px}.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-top:1px;margin-bottom:0}.custom-calendar-event{min-height:13px;padding:1px 4px;border-radius:999px;gap:2px}.event-title-text{font-size:6px;line-height:1;font-weight:700}.event-time-text{display:none!important}.fc-daygrid-day-bottom{display:block!important;text-align:left!important;width:100%!important}.fc .fc-daygrid-day-bottom{margin:0}.fc-daygrid-more-link{font-size:8px!important;display:block!important;text-align:left!important;width:100%!important;font-weight:700!important;color:var(--secondary-color)!important;margin-top:2px!important}.fc .fc-popover{width:90%!important;left:5%!important;right:5%!important;transform:none!important}.footer{margin-top:14px!important}.footer p{font-size:11px!important}.therapist-info-column{min-width:0!important}.service-tags-dropdown.expanded{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.service-tags-dropdown.expanded::-webkit-scrollbar{display:none!important}.service-tags-container{display:flex;flex-wrap:nowrap;gap:8px;width:max-content!important;padding-right:32px!important}.service-tag{white-space:nowrap!important;flex-shrink:0!important;font-size:10px;padding:2px 6px}}.fc-popover{background:#fff!important;border:1px solid #ECE8E1!important;border-radius:16px!important;box-shadow:none!important;z-index:1000!important;overflow:visible!important}.fc-popover-header{background:#f8f7f4!important;border-bottom:1px solid #ECE8E1!important;padding:10px 15px!important;border-radius:16px 16px 0 0!important}.fc-popover-title{font-family:Google Sans!important;font-weight:700!important;color:#4a4540!important}.fc-popover-body{padding:15px!important}.service-tags-dropdown{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease}.service-tags-dropdown.expanded{max-height:1000px;opacity:1;margin-top:8px}.service-tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-left:22px}.service-tag{font-family:Google Sans,sans-serif;font-size:11px;font-weight:500;padding:4px 10px;border-radius:999px;background-color:#e8f5f2;color:var(--primary-color)}.list-item-actions{display:flex;gap:12px;margin-left:auto;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;align-items:center;height:24px}.list-schedule-item:hover .list-item-actions{opacity:1;visibility:visible}.action-icon-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.action-icon-btn:hover{background:#f0f0f0}.action-icon-btn img{width:16px;height:16px;opacity:.5;transition:opacity .2s ease}.action-icon-btn:hover img{opacity:1}.list-chevron{font-size:18px;color:#9ca3af;margin-left:6px;transition:transform .2s ease;display:inline-block;line-height:1}.list-chevron.open{transform:rotate(90deg)}@media(max-width:767px){.list-item-actions{opacity:1;visibility:visible}}.delete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:99999}.delete-modal{width:560px;max-width:90%;background:#fff;border-radius:28px;box-shadow:var(--shadow-lg);overflow:hidden;text-align:center}.delete-modal .delete-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px!important;border-bottom:1px solid #f0f0f0}.delete-modal-header h2{font-size:20px;font-weight:700;color:#111;margin:0}.delete-modal .close-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:0}.setting-delete-modal-body{padding:32px 24px}.delete-icon-circle{width:70px;height:70px;border-radius:50%;background:#e5ecec;display:flex;align-items:center;justify-content:center;margin:20px auto}.delete-icon-img{width:28px;height:28px;object-fit:contain}.setting-delete-modal-body h3{font-size:24px;font-weight:700;color:#111;margin:0 0 12px}.setting-delete-modal-body p{font-size:16px;color:#4b5563;margin:0 0 4px;font-weight:500}.setting-delete-modal-body .sub-text{color:#9ca3af;font-size:14px}.delete-modal-actions{display:flex;justify-content:center;gap:12px;padding:0 24px 32px}.modal-btn{padding:12px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;border:none}.modal-cancel{background:none;border:1px solid #4b5563;color:#4b5563}.modal-cancel:hover{background:#f5f5f5}.modal-delete{background:var(--primary-color);color:#fff}.modal-delete:hover{background:#0d302f}.schedule-list-view.loading-skeleton{pointer-events:none}.skeleton-pulse{background:linear-gradient(90deg,#f1f1f1 25%,#e7e7e7 37%,#f1f1f1 63%);background-size:400% 100%;animation:scheduleSkeletonLoading 1.4s ease infinite}.skel-header-date{width:150px;height:24px;border-radius:6px}.skel-header-day{width:90px;height:26px;border-radius:999px}.skel-time-range{width:130px;height:20px;border-radius:6px}.skel-color-dot{width:10px;height:10px;border-radius:50%}.skel-therapist-name{width:110px;height:20px;border-radius:6px}.service-tag.skeleton-pulse{background-color:transparent!important;color:transparent!important;box-shadow:none!important;border:none!important;padding:0!important}.skel-service-tag-1{width:160px;height:22px;border-radius:999px;display:inline-block}.skel-service-tag-2{width:120px;height:22px;border-radius:999px;display:inline-block}@keyframes scheduleSkeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}.more-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:99999;display:flex;align-items:center;justify-content:center;animation:moreModalFadeIn .18s ease}@keyframes moreModalFadeIn{0%{opacity:0}to{opacity:1}}.more-modal{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:moreModalSlideUp .22s cubic-bezier(.22,1,.36,1);margin:16px}@keyframes moreModalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.more-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;flex-shrink:0;box-shadow:var(--shadow-sm)!important}.more-modal-title{font-family:Google Sans,sans-serif;font-size:22px;font-weight:700;color:#111;letter-spacing:-.02em}.more-modal-close-btn{width:32px;height:32px;border-radius:50%;background:var(--primary-color);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;transition:background .2s ease;flex-shrink:0;line-height:1}.more-modal-close-btn:hover{background:#0a2a29}.more-modal-body{overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.more-modal-body::-webkit-scrollbar{display:none}.more-modal-time-group{padding:20px 30px;border-bottom:2px solid #e9e9e9}.more-modal-time-label{font-family:Google Sans,sans-serif;font-size:18px;font-weight:700;color:#111;margin-bottom:10px;letter-spacing:-.01em}.more-modal-chips{display:flex;flex-wrap:wrap;gap:8px}.more-modal-chip{display:inline-flex;align-items:center;padding:8px 18px;border-radius:999px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;color:#111;cursor:pointer;transition:filter .18s ease,transform .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.more-modal-chip:hover{filter:brightness(.92)}.more-modal-chip.chip-finished{background-color:#e5e7eb!important;color:#9ca3af;cursor:default}.more-modal-chip.chip-finished:hover{filter:none;transform:none}.more-modal-divider{border:none;margin:0}.fc-more-popover{display:none!important}.therapist-modal-card,.therapist-modal-overlay,.confirm-delete-modal,.unable-popup-modal{font-family:Google Sans,"M PLUS Rounded 1c",sans-serif}.therapist-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000026;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.therapist-modal-card{background:#fff;border-radius:32px;box-shadow:var(--shadow-lg);width:400px;max-width:90vw;position:relative;overflow:hidden;display:flex;flex-direction:column;z-index:2001}.therapist-modal-header-section{background-color:#ff5c39;padding:10px 20px;position:relative;color:#fff;border-bottom:none}.therapist-modal-close-btn{position:absolute;top:50%;right:24px;transform:translateY(-50%);background:transparent;border:none;font-size:34px;font-weight:600;color:#fff;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10}.therapist-modal-close-btn:hover{opacity:.8}.therapist-modal-header-content{display:flex;align-items:center;gap:20px}.therapist-modal-img-wrapper{width:52px;height:52px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border-radius:50%;background:#fff}.selected-therapist-icon{font-size:50px;color:#fff}.icon-white{color:#fff!important}.therapist-modal-profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.therapist-modal-header-text{display:flex;flex-direction:column;gap:4px}.therapist-modal-name{font-size:28px;font-weight:500;color:#fff;margin:0;font-family:Google Sans,sans-serif;letter-spacing:-.5px}.therapist-modal-gender{font-size:16px;font-weight:400;color:#fff;opacity:1}.therapist-modal-body-section{padding:24px 20px;background:#fff;max-height:480px;overflow-y:auto}.therapist-modal-body-section::-webkit-scrollbar{width:6px}.therapist-modal-body-section::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.therapist-modal-body-section::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.therapist-modal-body-section::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.therapist-modal-times-container{display:flex;flex-direction:column;gap:20px}.therapist-time-card{background:#f7f7f7;border-radius:20px;overflow:visible;border:1px solid transparent;transition:all .25s ease;padding:4px 0}.therapist-time-card.expanded{background:#fff;border:1px solid #D8D8D8;border-radius:20px;overflow:visible}.therapist-time-card.busy{background:#ececec}.therapist-time-card.finished{background:#f1f1f1;opacity:.8}.therapist-time-row{display:flex;align-items:center;justify-content:space-between;min-height:20px;padding:8px 14px}.therapist-time-pill{display:flex;align-items:center;gap:10px;padding:4px 8px}.time-pill-icon{width:18px;height:18px;opacity:.7}.time-text{font-size:20px;font-weight:600;color:#374151;font-family:Google Sans,sans-serif;transition:all .2s ease}.therapist-time-pill .time-pill-icon{width:28px;height:28px;opacity:.4}.time-row-actions{display:flex;align-items:center;gap:8px;opacity:1;transition:all .25s ease;pointer-events:auto}.action-icon-btn{width:34px;height:34px;border-radius:10px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-icon-btn img{width:18px;height:18px;opacity:.6}.action-icon-btn.edit:hover{background-color:#dcdcdc}.action-icon-btn.edit:hover img{opacity:1}.action-icon-btn.delete:hover{background-color:#dcdcdc}.action-icon-btn.delete:hover img{opacity:1}.inline-edit-panel{background:#fff;padding:16px 20px;animation:dropdownFade .2s ease;border-radius:20px;overflow:visible;position:relative}.edit-label{display:block;margin-bottom:18px;font-size:18px;font-weight:700;color:#0a3c39;font-family:Google Sans,sans-serif}.edit-time-select-dropdown .ant-select-arrow{color:#0a3c39!important;font-size:18px!important;right:16px!important;top:60%!important}.edit-time-select-dropdown .ant-select-arrow .anticon{stroke-width:20}.edit-time-select-dropdown{width:100%}.edit-time-select-dropdown .ant-select-selector{height:52px!important;border-radius:16px!important;border:1.5px solid #D8DCE3!important;padding:0 16px!important;display:flex!important;align-items:center!important;box-shadow:none!important;transition:all .2s ease}.edit-time-select-dropdown:hover .ant-select-selector,.edit-time-select-dropdown.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important}.edit-time-select-dropdown .ant-select-selection-placeholder{color:#9ca3af!important;font-size:15px;font-weight:500}.edit-time-select-dropdown .ant-select-selection-item{color:#374151!important;font-size:15px;font-weight:600}.ant-select-dropdown{border-radius:16px!important;padding:8px!important;box-shadow:var(--shadow-md)!important;border:1px solid #F3F4F6!important}.ant-select-item{border-radius:12px!important;min-height:42px!important;display:flex!important;align-items:center!important;font-size:14px!important;font-weight:500!important;transition:all .15s ease}.ant-select-item-option-active{background:#f3f6f6!important}.ant-select-item-option-selected{background:#eaf3f2!important;color:var(--primary-color)!important;font-weight:700!important}.inline-edit-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:30px}.therapist-time-dropdown-menu{z-index:99999!important}.therapist-time-dropdown-menu .ant-select-item{min-height:48px!important;padding:10px 14px!important}.therapist-time-dropdown-menu .ant-select-item-option-content{font-size:15px;font-weight:600;color:#1f2937}.therapist-time-dropdown-menu .ant-select-item-option-selected{background:#eef7f5!important;color:var(--primary-color)!important}.therapist-time-dropdown-menu .ant-select-dropdown{border-radius:18px!important;overflow:hidden!important;box-shadow:var(--shadow-md)!important;border:1px solid #F3F4F6!important}.inline-cancel-btn{height:30px;padding:0 16px;border-radius:999px;border:1px solid #D1D5DB;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer}.inline-save-btn{height:34px;padding:0 24px;border:none;border-radius:14px;background:#0a3c39;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.inline-save-btn:hover{background:#082d2b}.inline-save-btn:disabled{background:#c9c9c9;cursor:not-allowed}.inline-cancel-btn{display:none}.therapist-modal-services{display:flex;flex-direction:column;gap:6px;padding:4px 14px 14px}.therapist-modal-card .service-tag{display:flex;align-items:center;gap:8px;background:#f4f8f7;color:var(--primary-color);padding:9px 14px;border-radius:12px;font-size:13px;font-weight:600;font-family:Google Sans,sans-serif;border:1px solid #D8E8E6;line-height:1.4;width:100%;box-sizing:border-box}.therapist-modal-card .service-tag:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#2e8b7a;flex-shrink:0}.therapist-modal-card .service-tag.service-tag--empty{background:#f7f7f7;color:#aaa;border-color:#e8e8e8;font-weight:500;font-style:italic}.therapist-modal-card .service-tag.service-tag--empty:before{background:#ccc}.edit-mode-divider{height:1px;background:#d8d8d8;margin:16px 0}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.therapist-modal-footer-section{padding:0 20px 24px;background:#fff}.footer-divider{width:100%;height:1px;background-color:#f3f4f6;margin-bottom:16px}.therapist-modal-footer-info{display:flex;justify-content:center}.info-text{font-size:14px;color:#9ca3af;font-weight:500}.confirm-delete-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:2100;display:flex;justify-content:center;align-items:center}.confirm-delete-modal{background:#fff;border-radius:24px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:var(--shadow-lg)}.confirm-delete-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #EEE;padding-bottom:12px}.confirm-delete-title{font-size:20px;font-weight:700;margin:0}.confirm-delete-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.confirm-delete-buttons{display:flex;gap:12px;margin-top:24px}.confirm-yes,.confirm-no{flex:1;padding:12px;border-radius:12px;font-weight:600;cursor:pointer;font-size:15px}.confirm-yes{background:var(--primary-color);color:#fff;border:none}.confirm-no{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)}.unable-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:2200;display:flex;align-items:center;justify-content:center}.unable-popup-modal{background:#fff;padding:32px;border-radius:24px;max-width:360px;width:90%;text-align:center}.unable-icon{font-size:40px;color:#e74c3c;margin-bottom:16px;display:block}.unable-popup-close-btn{margin-top:24px;background:var(--primary-color);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-weight:600;cursor:pointer}@media(max-width:768px){.therapist-modal-card{width:calc(100% - 40px);max-width:400px;border-radius:28px}.therapist-modal-header-section{padding:20px 24px}.therapist-modal-img-wrapper{width:55px;height:55px}.therapist-modal-name{font-size:24px}.therapist-modal-gender{font-size:15px}.therapist-modal-body-section{padding:24px}.therapist-time-pill{padding:12px 20px;font-size:14px}.action-btn-circle{width:46px;height:46px}.action-btn-circle img{width:20px;height:20px}}@media(max-width:480px){.therapist-modal-card{width:calc(100% - 32px);border-radius:24px;margin:16px}.therapist-modal-header-section{padding:18px 20px}.time-text{font-size:16px}.therapist-modal-img-wrapper{width:48px;height:48px}.therapist-modal-name{font-size:20px}.therapist-modal-gender{font-size:14px}.therapist-modal-body-section{padding:20px}.therapist-time-pill{padding:8px 10px 0;font-size:13px;width:100%;justify-content:center}.time-pill-icon{width:14px;height:14px}.therapist-modal-footer-section{padding:0 20px 20px}.action-btn-circle{width:42px;height:42px}.action-btn-circle img{width:18px;height:18px}.confirm-delete-modal{padding:24px;margin:16px}.confirm-delete-title{font-size:18px}.confirm-delete-buttons{margin-top:20px}.confirm-yes,.confirm-no{padding:10px;font-size:14px}.unable-popup-modal{padding:24px;margin:16px}.unable-icon{font-size:32px;margin-bottom:12px}.unable-popup-close-btn{margin-top:20px;padding:10px 24px;font-size:14px}}.confirm-delete-icon-wrapper{display:flex;justify-content:center;margin:12px 0 8px}.confirm-delete-icon-circle{width:64px;height:64px;border-radius:32px;background:#e6f3f3;border:2px solid #E9F0EF;display:flex;align-items:center;justify-content:center}.confirm-delete-icon-img{width:28px;height:28px}.confirm-delete-content{text-align:center;margin-bottom:8px}.confirm-delete-title-text{font-weight:700;font-size:20px;color:#000;margin-bottom:6px}.confirm-delete-message{color:#000;font-weight:500;font-size:15px;line-height:27px}.therapist-modal-header-section.has-therapist-color,.therapist-modal-header-section.has-therapist-color .therapist-modal-close-btn,.therapist-modal-header-section.has-therapist-color .therapist-modal-name,.therapist-modal-header-section.has-therapist-color .therapist-modal-gender{color:var(--primary-color)!important}.add-therapist-input-with-icon .ant-picker-input>input{font-weight:600!important}.add-therapist-input-with-icon .ant-picker-input>input::placeholder{font-family:Google Sans!important;font-size:15px!important;font-weight:500!important;color:#bebebe!important}.add-therapist-input-with-icon .ant-select-selection-item{font-weight:600!important}button.ant-btn{border-color:#aaa!important;box-shadow:none!important}.add-therapist-no-data-available p,.add-therapist-no-data-available span{font-family:Google Sans!important;font-size:14px!important;line-height:2;font-weight:500}.calendar-icon-inline{border:#AAAAAA 1px solid}.therapist-details-line span{font-family:Google Sans!important;font-size:15px!important;color:var(--primary-color)!important}.add-therapist-input-with-icon .ant-select-selection-item{color:var(--primary-color)!important;margin-left:-4px!important;margin-bottom:-3px}.add-therapist-input-with-icon .ant-select-selection-placeholder{font-family:Google Sans!important;font-size:15px!important;font-weight:500!important;color:#bebebe!important;margin-left:-13px!important;margin-bottom:3px!important}.add-therapist-input-with-icon select:invalid{color:#bebebe;font-family:Google Sans;font-size:15px;font-weight:500}.add-therapist-input-with-icon select option[value=""]{color:#bebebe;font-family:Google Sans;font-size:15px;font-weight:500}.add-schedule-btn{background-color:var(--primary-color)!important;color:#fff!important;border-radius:8px;padding:6px 16px;font-weight:500;height:39px;cursor:pointer;border:none!important;transition:background .2s}.add-schedule-btn:hover{background-color:var(--primary-color)!important;color:#fff!important;border:none!important;opacity:.75}.input-error{border:1.5px solid #F44336!important;transition:all .25s ease}.input-error .ant-picker,.input-error .ant-select-selector,.input-error .ant-picker-focused,.input-error .ant-select-focused{border-color:#f44336!important}.add-therapist-list.input-error{border-radius:12px}.field-error-text{margin-top:4px;margin-left:2px;font-family:Google Sans;font-size:11px;font-weight:500;color:#f44336!important;letter-spacing:.1px;animation:fadeInError .2s ease}.therapist-error{margin-top:10px}@keyframes fadeInError{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.custom-delete-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#b4b4b452;display:flex;align-items:center;justify-content:center;z-index:9999}.custom-delete-modal{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);padding:24px 36px 28px;min-width:370px;max-width:95vw;position:relative;text-align:left;margin:0 auto;display:flex;flex-direction:column;align-items:stretch;font-family:Google Sans}.custom-delete-modal-close{position:absolute;top:14px;right:18px;background:var(--primary-color);border:none;width:28px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#fff;cursor:pointer;transition:background-color .2s ease}.custom-delete-modal-close:hover{background-color:#bebebe}.custom-delete-modal-title{font-size:20px;font-family:Google Sans;font-weight:700;color:#000!important;margin:0;text-align:left}.custom-delete-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;border-bottom:1px solid #E6E6E6;padding-bottom:8px}.custom-delete-modal-message{font-size:15px;color:#000;margin-bottom:18px;text-align:center;line-height:27px;font-family:Google Sans}.custom-delete-modal-warning{color:#aaa;font-size:15px;display:block;margin-top:2px;font-family:Google Sans}.custom-delete-modal-icon-wrapper{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:32px;background:#e6f3f3;border:2px solid #E9F0EF;margin:12px auto 8px}.custom-delete-modal-icon{width:28px;height:28px;filter:none}.custom-delete-cancel{background:#fff;color:var(--primary-color)!important;border:2px solid var(--primary-color)!important;border-radius:12px;padding:10px 0;width:119px;font-size:13px;cursor:pointer;font-family:Google Sans;font-weight:600;transition:background .2s,color .2s;height:40px}.custom-delete-cancel:hover{background:#bebebe;color:#fff!important}.custom-delete-confirm{background:var(--primary-color)!important;color:#fff;border:none;border-radius:12px;padding:10px 0;width:119px;font-size:13px;font-family:Google Sans;cursor:pointer;font-weight:600;transition:background .2s;height:40px}.therapist-detail-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%}@media(min-width:768px)and (max-width:1024px){.therapist-detail-card-grid{grid-template-columns:1fr}.add-therapist-page-content{max-width:100%;padding:16px}.add-therapist-main-flex-box{gap:16px}.therapist-detail-section,.therapist-detail-card{padding:16px}.therapist-detail-card h3{font-size:16px}.therapist-detail-row{margin-bottom:5px}.therapist-detail-label{font-size:13px;min-width:100px}.therapist-detail-value{font-size:13px}}.custom-delete-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#b4b4b452;display:flex;align-items:center;justify-content:center;z-index:9999;transition:background .2s}.custom-delete-modal{background:#fff;border-radius:16px;box-shadow:var(--shadow-md);padding:32px 32px 24px;min-width:340px;max-width:95vw;position:relative;text-align:center;margin:0 auto;display:flex;flex-direction:column;align-items:center}.custom-delete-modal-close{position:absolute;top:16px;right:20px;background:none;border:none;font-size:1.5em;color:#aaa;cursor:pointer;transition:color .2s}.custom-delete-modal-close:hover{color:#e14b4b}.custom-delete-modal-title{font-size:1.25em;font-weight:600;color:var(--primary-color)!important;margin-bottom:10px}.custom-delete-modal-message{font-size:1em;color:#bebebe!important;margin-bottom:18px}.custom-delete-modal-warning{color:#888;font-size:.97em;display:block;margin-top:2px}.custom-delete-modal-actions{display:flex;justify-content:center;gap:16px;margin-top:8px}.custom-delete-confirm{background:var(--primary-color)!important;color:#fff;border:none;border-radius:8px;padding:8px 28px;font-size:1em;cursor:pointer;transition:background .2s}.custom-delete-confirm:hover{background:#bebebe!important}.unable-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10000;animation:unableFadeIn .3s ease}.unable-popup-modal{background:#fff;width:min(400px,calc(100vw - 40px));border-radius:24px;padding:40px 30px;text-align:center;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;animation:unableScaleIn .3s cubic-bezier(.34,1.56,.64,1)}.unable-popup-icon{font-size:54px;color:#f44336;margin-bottom:20px}.unable-popup-title{font-family:Google Sans;font-weight:700;font-size:22px;color:#111;margin-bottom:12px}.unable-popup-message{font-family:Google Sans;font-size:16px;color:#666;line-height:1.6;margin-bottom:30px}.unable-popup-close-btn{width:140px;height:46px;background-color:var(--primary-color);color:#fff;border:none;border-radius:12px;font-family:Google Sans;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.unable-popup-close-btn:hover{background-color:#1a5a58;box-shadow:0 4px 12px #103c3b4d}.unable-popup-overlay.slide-out{animation:unableFadeOut .4s ease forwards}.unable-popup-overlay.slide-out .unable-popup-modal{animation:unableScaleOut .4s ease forwards}@keyframes unableFadeIn{0%{opacity:0}to{opacity:1}}@keyframes unableFadeOut{0%{opacity:1}to{opacity:0}}@keyframes unableScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes unableScaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.custom-delete-modal-overlay{padding:18px;box-sizing:border-box}.custom-delete-modal{width:min(420px,calc(100vw - 36px));max-width:420px;min-width:0;box-sizing:border-box;border-radius:20px;padding:24px 30px 26px;text-align:center}.custom-delete-modal-header{display:flex;justify-content:flex-end;align-items:center;gap:0;margin-bottom:0;padding-bottom:0;border-bottom:none;min-height:20px}.custom-delete-modal-close{background:none;border:none;width:auto;height:auto;border-radius:0;color:#aaa;font-size:32px;line-height:1;transition:color .2s}.custom-delete-modal-close:hover{background:none;color:#bebebe}.custom-delete-modal-icon-wrapper{width:64px;height:64px;border-radius:32px;margin:12px auto 8px}.custom-delete-modal-icon{width:28px;height:28px}.custom-delete-modal-content{text-align:center;margin-bottom:8px}.custom-delete-modal-heading{font-weight:700;font-size:20px;color:#000;margin-bottom:6px;line-height:1.25}.custom-delete-modal-message{font-size:15px;line-height:27px}.custom-delete-modal-actions{display:flex;justify-content:center;gap:16px;margin-top:8px;padding-top:18px;border-top:1px solid #F2F2F2}.custom-delete-cancel{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color)!important;border-radius:12px;width:119px;height:40px;padding:10px 0;font-size:13px;font-family:Google Sans;font-weight:600;transition:background-color .2s,color .2s,border-color .2s}.custom-delete-cancel:hover{background:#bebebe;color:#fff;border-color:var(--primary-color)!important}.custom-delete-confirm{height:40px;width:119px;border-radius:12px;padding:10px 0;font-size:13px;font-family:Google Sans;font-weight:600;transition:background-color .2s,color .2s}@media(max-width:767px){.custom-delete-modal-overlay{padding:10px}.custom-delete-modal{width:100%;max-width:100%;padding:18px 14px 14px;border-radius:10px}.custom-delete-modal-close{top:8px;right:10px;font-size:1.1em}.custom-delete-modal-title{font-size:1.05em}.custom-delete-modal-message{font-size:.88em;margin-bottom:12px}.custom-delete-modal-warning{font-size:.85em}.custom-delete-modal-actions{gap:6px;margin-top:10px}.custom-delete-modal-btn{padding:7px 10px;font-size:.8em;min-width:80px}}@media(max-width:480px){.custom-delete-modal-overlay{padding:8px}.custom-delete-modal{padding:16px 12px 12px;border-radius:8px}.custom-delete-modal-close{top:6px;right:8px;font-size:1em}.custom-delete-modal-title{font-size:.95em}.custom-delete-modal-message{font-size:.78em;margin-bottom:10px}.custom-delete-modal-warning{font-size:.75em}.custom-delete-modal-actions{gap:4px;margin-top:8px}.custom-delete-modal-btn{padding:6px 8px;font-size:.7em;min-width:70px}}@media(max-width:360px){.custom-delete-modal-overlay{padding:6px}.custom-delete-modal{padding:14px 10px 10px;border-radius:6px}.custom-delete-modal-close{top:4px;right:6px;font-size:.9em}.custom-delete-modal-title{font-size:.85em}.custom-delete-modal-message{font-size:.68em;margin-bottom:8px}.custom-delete-modal-warning{font-size:.65em}.custom-delete-modal-actions{gap:2px;margin-top:6px}.custom-delete-modal-btn{padding:5px 6px;font-size:.6em;min-width:60px}}html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:"M PLUS Rounded 1c",sans-serif;color:var(--primary-color)}html,body,#root{min-height:100%}.add-therapist-page-container{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--background-color, #f0f2f5);min-height:100vh}.add-therapist-page-content{width:100%;max-width:1248px;margin-inline:auto;margin-bottom:40px;box-sizing:border-box;flex:1;display:flex;flex-direction:column;align-items:stretch;min-height:calc(100vh - 220px);color:var(--secondary-color);padding-inline:48px}@media(min-width:768px)and (max-width:1024px){.add-therapist-page-content{padding-inline:24px;padding:0 60px!important}}@media(max-width:767px){.add-therapist-page-content{padding-inline:20px}}.add-therapist-page-title-section{text-align:center}.add-therapist-page-title-section h1{font-family:Google Sans;font-weight:600;font-size:35px;line-height:100%;letter-spacing:0%;margin:60px 10px 10px;color:#000}.add-therapist-page-title-section h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;margin:10px 10px 60px;color:#000}.add-therapist-main-flex-box{display:flex;align-items:stretch;justify-content:center;width:100%;max-width:1280px;margin:0 auto;background:#fff;border:1px solid #E5E5E5;border-radius:24px;overflow:hidden;gap:0;height:800px;min-height:800px;position:relative;box-shadow:var(--shadow-lg)}.add-therapist-loading-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:#fffffff5;z-index:20;opacity:1;visibility:visible;transition:opacity .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.add-therapist-loading-container.hidden{opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.add-therapist-loading-spinner{width:72px;height:72px;object-fit:contain;margin-bottom:16px;animation:softPulse 2.5s ease-in-out infinite}@keyframes softPulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.add-therapist-loading-container p{margin:0;font-family:Google Sans;font-size:16px;font-weight:500;color:var(--secondary-color);opacity:.88;letter-spacing:.2px;transition:opacity .2s ease;animation:textPulse 2.5s ease-in-out infinite}@keyframes textPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.add-therapist-left-panel{width:380px;min-width:380px;max-width:380px;background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0}.add-therapist-right-panel{flex:1;min-width:0;background:#f8f9fa;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0}.schedule-section-box,.choose-therapist-section-box{border:none;background:transparent;padding:12px 20px 20px;width:100%;box-sizing:border-box}.choose-therapist-section-box{display:flex;flex-direction:column;flex:1;min-height:0}.schedule-section-box{border-bottom:1px solid #ECECEC}.add-therapist-left-panel .schedule-section-box:last-child,.add-therapist-left-panel .choose-therapist-section-box:last-child{margin-bottom:0}.add-therapist-detail-section{flex:1;padding:20px;overflow-y:auto;background:#fff;border-left:1px solid #ECECEC;height:100%;min-height:0;display:flex;flex-direction:column}.schedule-section-box h3,.choose-therapist-section-box h3,.therapist-detail-title{font-size:16px;font-weight:700;color:#111;margin-bottom:24px;text-decoration:none!important;border:none;padding:0;font-family:Google Sans}.add-therapist-input-group{margin-bottom:5px}.add-therapist-input-group label{display:block;margin-bottom:10px;margin-top:10px;font-weight:700;color:#000;font-size:.8em}.add-therapist-input-with-icon,.add-therapist-search-input{position:relative;display:flex;align-items:center;border:1px solid #AAAAAA!important;border-radius:10px;background-color:#fff;padding:0}.add-therapist-input-with-icon input,.add-therapist-search-input input{flex-grow:1;padding:10px 15px;border:none;border-radius:0;font-size:1em;color:#555;outline:none;background-color:transparent}.add-therapist-input-with-icon .input-icon,.add-therapist-search-input .input-icon{padding:0 15px;color:#888;cursor:pointer}.ant-picker{border:1px solid #E5E5E5!important;border-radius:8px!important;padding:0 12px!important;height:42px!important;width:100%}.ant-picker-input>input{font-family:Google Sans,sans-serif!important;font-size:15px!important}.ant-select-selector{border:1px solid #d7d7d7!important;border-radius:8px!important;padding:0 12px!important;display:flex!important;align-items:center!important}.ant-select-single{height:42px!important}.add-therapist-time-select .ant-select-selection-placeholder{color:#bebebe!important}.add-therapist-time-select .ant-select-selection-item{color:#111!important;font-weight:500!important}.add-therapist-time-select,.add-therapist-time-select .ant-select,.add-therapist-time-select .ant-select-selector{width:100%!important}.add-therapist-input-with-icon:has(.add-therapist-time-select){border:none!important;background-color:transparent!important}.ant-select-selection-item{line-height:18px!important}.add-therapist-list{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;height:100%;max-height:none;overflow-y:auto;padding-right:0;-ms-overflow-style:none;scrollbar-width:none}.add-therapist-list::-webkit-scrollbar{display:none}.add-therapist-item-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.add-therapist-avatar,.add-therapist-profile-image{width:54px;height:54px;min-width:54px;border-radius:50%;object-fit:cover;background:#e6eaf3;display:block;overflow:hidden}.add-therapist-profile-placeholder{width:54px;height:54px;min-width:54px;display:flex;align-items:center;justify-content:center;background:transparent}.add-therapist-profile-placeholder svg{width:auto;height:auto;color:#66729b}.add-therapist-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;border:1px solid transparent;background:#fff;transition:all .2s ease;cursor:pointer;position:relative;min-height:96px;height:96px;box-sizing:border-box}.add-therapist-list-item:hover{background:#f2f2f2;border-color:#c8c8c8}.add-therapist-list-item.unavailable{opacity:.55;cursor:not-allowed;pointer-events:none}.add-therapist-list-item.unavailable:hover{transform:none;box-shadow:none;border-color:transparent}.add-therapist-list-item.selected{background:#eef7f5;border-color:var(--primary-color)}.add-therapist-item-info{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;flex:1}.therapist-details-line{display:flex;align-items:center;gap:4px;line-height:1.45}.add-therapist-list-item .therapist-label{font-family:Google Sans;font-size:12px!important;font-weight:700!important;color:#173b3a!important;min-width:fit-content}.add-therapist-list-item .therapist-value{font-family:Google Sans;font-size:12px!important;font-weight:500!important;color:#9a9a9a!important}.add-therapist-item-info .therapist-name{font-family:Google Sans;font-size:15px;font-weight:700;color:#173b3a;line-height:1.35;margin:0 0 4px}.add-therapist-item-info .add-therapist-details span{display:block}.add-therapist-status{position:absolute;top:14px;right:14px;min-width:54px;height:22px;padding:0 10px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-family:Google Sans;font-size:11px;font-weight:700;text-transform:capitalize}.add-therapist-status.available{background:#eaf7f2;color:#2d9f75}.add-therapist-status.busy{background:#fff0f0;color:#e14b4b}.add-therapist-status.booking{background:#fff3c4;color:#f2c94c}.status-display-detail.busy{color:#ff4d4f}.add-therapist-status.n_a{background-color:#f0f0f0;color:#888}.add-therapist-bookings{font-size:.85em;color:var(--secondary-color);margin-left:10px;min-width:80px;text-align:right;white-space:nowrap}.add-therapist-detail-inner{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.add-therapist-no-data-available .no-data-text{color:#bebebe;font-family:Google Sans,sans-serif;font-size:14px;line-height:1.6}.add-therapist-no-data-available .choose-trigger-text{color:#2a8077;font-weight:700}.add-therapist-no-data-icon{margin-bottom:15px}.add-therapist-no-data-icon img{width:86px;height:95px;margin-bottom:-10px}.add-therapist-no-data-available p{margin:5px 0;font-size:1.1em;color:#c9c9c9}.add-therapist-no-data-available p:last-child{font-size:.9em}.add-therapist-no-data-available span{color:var(--secondary-color);font-weight:700;cursor:pointer}.selected-therapist-card-detail{position:relative;display:flex;align-items:center;gap:10px;background:#f7f7f7;border-radius:12px;padding:12px 14px;height:88px;min-height:88px;width:100%;box-sizing:border-box;overflow:hidden}.selected-therapist-card-header{display:flex;align-items:center;width:100%;gap:10px}.selected-therapist-profile-img,.selected-therapist-icon{width:60px;height:60px;min-width:60px;border-radius:50%;object-fit:cover;background:#e6eaf3}.selected-therapist-card-body{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;gap:1px}.selected-therapist-name{font-family:Google Sans;font-size:14px;font-weight:700;color:#173b3a;margin-bottom:2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.therapist-detail-row{display:flex;align-items:center;gap:3px;line-height:1.2;white-space:nowrap}.therapist-detail-label{font-family:Google Sans;font-size:11px;font-weight:700;color:#173b3a;flex-shrink:0;margin-bottom:3px}.therapist-detail-value{font-family:Google Sans;font-size:11px;font-weight:500;color:#9a9a9a;overflow:hidden;text-overflow:ellipsis}.selected-therapist-remove-btn{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:5px;border:1px solid #E5E5E5;background:#fff;color:#8d8d8d;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease;padding:0}.selected-therapist-remove-btn:hover{background:#ffecec;border-color:#ffbdbd;color:#ff4d4f}.status-display-detail.available{background-color:#e6ffe6}.status-display-detail.busy{background-color:#ffdbdd}.status-display-detail.n_a{background-color:#ccc}.booking-display-detail-right{font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9em;color:var(--secondary-color);justify-self:end;white-space:nowrap;grid-column:3}.therapist-detail-actions-bottom{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px;padding:20px;width:100%;box-sizing:border-box}.button-cancel,.button-save{min-width:120px;width:fit-content;height:44px;padding:10px 24px;border-radius:12px;font-family:Google Sans;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center}.button-cancel{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color);transition:all .2s ease}.button-cancel:hover{background-color:#bebebe;color:#fff}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background-color:#fff;box-shadow:var(--shadow-sm);width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;z-index:1000}.header-left-icon,.header-right-icon{font-size:1.5em;color:var(--secondary-color);cursor:pointer;padding:5px}.header-logo{display:flex;flex-direction:column;align-items:center;gap:5px}.header-logo img{height:40px;object-fit:contain}.header-logo span{font-size:1em;font-weight:500;color:var(--secondary-color)}.add-therapist-page-container>.footer{position:static!important;bottom:auto!important;width:100%;margin:16 0px;box-sizing:border-box}.footer-container{background-color:#f8f8f8;padding:15px 0;color:#666;font-size:.85em;border-top:1px solid #eee;width:100%;max-width:1200px;margin:0 auto;text-align:center;box-sizing:border-box}@media(max-width:1024px){.add-therapist-main-flex-box{flex-direction:column;max-width:100%}.add-therapist-left-panel{width:100%;min-width:unset;border-right:none}.add-therapist-right-panel{width:100%}.add-therapist-detail-section{min-height:unset;padding:24px}}.therapist-detail-title{text-align:left;padding-bottom:20px;border-bottom:2px solid #e2e2e2}.app-header{padding:10px 15px}.header-logo span{font-size:.9em}.selected-therapist-info-row-grid{grid-template-columns:auto 1fr;gap:5px 10px}.status-display-detail,.booking-display-detail-right{grid-column:2;justify-self:start;margin-top:5px}@media(max-width:767px){.add-therapist-page-content{padding:15px}.app-header{padding:10px}.header-logo img{height:30px}.header-left-icon,.header-right-icon{font-size:1.2em}}.custom-date-picker{width:100%;padding:10px;border:2px solid var(--primary-color)!important;border-radius:10px;font-family:"M PLUS Rounded 1c",sans-serif;color:var(--secondary-color)}.add-therapist-input-with-icon .ant-picker{height:40px;border:none;box-shadow:none;width:100%;padding:0 10px!important;border-radius:5px}.add-therapist-input-with-icon .ant-picker-input>input{height:100%;padding:0!important;font-size:15px!important;font-family:Google Sans}.add-therapist-input-with-icon .ant-picker-input input[placeholder="Choose Time"]::placeholder,.add-therapist-input-with-icon .ant-picker-time-panel-input::placeholder{color:#c9c9c9!important;font-size:1em!important;opacity:1!important}.add-therapist-input-with-icon .ant-picker-suffix{margin-right:5px}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-modal-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:var(--shadow-sm);width:90%;max-width:400px;text-align:center}.delete-modal-header{display:flex;justify-content:space-between;align-items:center}.delete-modal-header h3{margin:0;color:var(--secondary-color);font-size:1.2em;text-decoration:none}.close-modal-button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#888}.close-modal-button:hover{color:#555}.delete-modal-body{margin-bottom:20px}.delete-modal-body p{margin:5px 0}.delete-modal-footer button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;margin:0 5px}.delete-modal-footer .cancel-button{background-color:#fff;color:#333;border:1px solid var(--secondary-color);color:var(--secondary-color);padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;margin:0 5px;height:39px}.delete-modal-footer .cancel-button:hover{background-color:#e0e0e0;border-color:#2a8077}.delete-modal-footer .delete-button{background-color:var(--secondary-color);border-radius:5px;color:#fff;font-size:1em;cursor:pointer;padding:10px 20px}.delete-modal-footer .delete-button:hover{background-color:#2a8077}.success-popup{position:fixed;top:20px;right:20px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:var(--shadow-sm);padding:15px 20px;display:flex;flex-direction:column;align-items:flex-start;z-index:1000;animation:slideInFromRight .5s ease-out forwards;min-width:250px}.success-popup-icon-addsuccess{width:10px;height:10px;background-color:#8a2be2;margin-right:8px;border-radius:2px}.success-popup-add-success-text{color:#8a2be2;font-weight:700;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9em}.success-popup-body{display:flex;align-items:center;color:var(--secondary-color);font-weight:500;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1em}.success-popup-add-icon{width:18px;height:18px;margin-right:8px;filter:invert(19%) sepia(85%) saturate(7355%) hue-rotate(258deg) brightness(85%) contrast(100%)}.success-popup-checkmark-icon{width:24px;height:24px;margin-right:10px;filter:invert(47%) sepia(12%) saturate(2250%) hue-rotate(120deg) brightness(97%) contrast(90%)}.success-popup{position:fixed;top:32px;right:32px;z-index:9999;min-width:260px;max-width:420px;background:#fff;border:2px solid var(--secondary-color);border-radius:10px;box-shadow:0 4px 24px #33998f1a,0 1.5px 6px #00000014;padding:18px 28px 18px 18px;display:flex;align-items:center;animation:slideInRight .4s cubic-bezier(.4,0,.2,1);font-family:"M PLUS Rounded 1c",Prompt,sans-serif;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.success-popup.slide-out{animation:none;transform:translate(120%) scale(.98);opacity:0}.success-popup-header{display:flex;align-items:center;margin-bottom:10px}.success-popup-body{display:flex;align-items:center;color:var(--secondary-color);font-weight:500;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.1em;gap:12px}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.add-therapist-list-item.booking{background:#fff;border-radius:10px}.add-therapist-list-item.booking:hover,.add-therapist-list-item.booking:active,.add-therapist-list-item.booking:focus{background-color:#f0f8ff}.add-therapist-list-item.booking:active,.add-therapist-list-item.booking.selected{background-color:#27debf26}.add-therapist-input-group label{font-family:Google Sans!important;font-size:15px!important;font-weight:600!important}@media(max-width:1024px){.add-therapist-page-content{padding:16px}.add-therapist-main-flex-box{flex-direction:column!important;height:auto;min-height:auto;overflow:visible;gap:16px;width:100%;border-radius:20px}.add-therapist-left-panel,.add-therapist-right-panel{width:100%;min-width:0;margin-left:0;height:auto;border-right:none!important;border-left:none!important}.schedule-section-box,.choose-therapist-section-box,.add-therapist-detail-section{width:100%;margin-left:0;min-height:0;border:none}.add-therapist-detail-section{height:auto;min-height:420px}}@media(max-width:767px){.add-therapist-page-content{padding:0 24px}.schedule-section-box,.choose-therapist-section-box,.add-therapist-detail-section{padding:16px}.add-therapist-list{max-height:420px;height:auto;gap:14px}.add-therapist-list-item{padding:16px}.add-therapist-item-left{margin-left:0;min-width:0;flex:1}.add-therapist-item-right{flex-shrink:0;margin-left:12px}.therapist-detail-actions-bottom{padding-top:32px;flex-wrap:wrap;gap:10px}.selected-therapist-name{font-size:14px}.therapist-detail-row{display:grid;grid-template-columns:minmax(88px,auto) minmax(0,1fr);align-items:start;column-gap:8px;margin-bottom:4px}.therapist-detail-label{min-width:0;font-size:13px}.therapist-detail-value{font-size:13px}.button-cancel,.button-save{width:fit-content;min-width:120px;max-width:220px;padding:10px 24px;font-size:13px}}@media(max-width:767px){.add-therapist-main-flex-box{height:auto;min-height:auto;overflow:visible;gap:12px;border-radius:16px;flex-direction:column!important;width:100%;max-width:100%;overflow-x:hidden!important}.add-therapist-left-panel,.add-therapist-right-panel{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}.add-therapist-detail-section{height:auto;min-height:unset}.add-therapist-main-flex-box *,.add-therapist-page-content *,.add-therapist-detail-section *,.selected-therapists-list-container *{box-sizing:border-box}.add-therapist-detail-section,.selected-therapists-list-container,.selected-therapist-card-detail,.no-therapist-selected-placeholder{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.add-therapist-page-content{min-height:unset;padding:0 28px!important}.add-therapist-list{overflow-y:auto;max-height:320px}.add-therapist-main-flex-box,.add-therapist-right-panel,.add-therapist-detail-section{overflow-x:hidden}.add-therapist-page-title-section h1{font-size:22px}.add-therapist-page-title-section h2{font-size:16px}.add-therapist-right-panel{background:transparent;margin-top:8px!important}.add-therapist-detail-section{padding:20px 16px;background:#fff;border-radius:16px!important;display:flex;flex-direction:column}.therapist-detail-title{margin-bottom:16px!important;padding-bottom:12px;font-size:16px!important;border-bottom:1px solid #F1F5F9}.no-therapist-selected-placeholder{min-height:240px!important;padding:30px 20px!important;justify-content:center!important;align-items:center!important;margin:0!important}.no-therapist-icon{width:48px!important;height:48px!important;margin-bottom:12px!important;opacity:.5!important}.no-therapist-selected-placeholder p{font-size:15px!important;margin-bottom:4px!important;color:#475569!important}.no-therapist-selected-placeholder span{font-size:12px;color:#94a3b8}.selected-therapists-list-container{grid-template-columns:1fr;gap:12px}.selected-therapist-horizontal-card{padding:14px 16px;min-height:auto;gap:12px;border-radius:12px}.selected-therapist-img{width:44px;height:44px;min-width:44px}.selected-name{font-size:16px}.therapist-detail-card-grid{grid-template-columns:1fr}.therapist-filter-tabs{padding:3px;gap:4px}.filter-tab{font-size:12px;height:32px}.add-therapist-input-group label{font-size:14px}.therapist-detail-actions-bottom{flex-direction:column!important;padding-top:24px!important;gap:10px}.button-cancel,.button-save{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;height:44px!important;font-size:14px!important}.unable-to-choose-popup{right:12px!important;left:12px!important;max-width:none!important}.custom-delete-modal-overlay{padding:12px}.custom-delete-modal{width:100%;padding:20px 16px}.custom-delete-cancel,.custom-delete-confirm{flex:1!important;width:auto!important}}.therapist-section-header{display:flex;justify-content:space-between;align-items:center}.therapist-count-badge{background:#fdf4ce;color:#c7a849;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600}.therapist-filter-tabs{display:flex;gap:8px;margin-bottom:10px;background:#f2f2f2;padding:4px;border-radius:12px}.therapist-list-wrapper{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.filter-tab{flex:1;height:36px;border:none;background:transparent;border-radius:10px;font-size:14px;font-weight:600;color:#c8c8c8;cursor:pointer;transition:all .2s ease}.filter-tab.active{background:#fff;color:#173b3a;box-shadow:var(--shadow-sm)}.select-date-time-placeholder,.no-therapist-selected-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:400px;text-align:center;padding:40px}.placeholder-icon,.no-therapist-icon{width:60px;height:60px;opacity:.4}.select-date-time-placeholder p,.no-therapist-selected-placeholder p{font-size:16px;font-weight:700;color:var(--primary-color);margin-bottom:8px}.no-therapist-selected-placeholder span{font-size:14px;color:#64748b;line-height:1.5}.selected-therapists-list-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;align-items:start}.selected-therapists-list-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;align-items:stretch}.selected-therapist-horizontal-card{position:relative;display:flex;align-items:center;gap:16px;width:100%;min-height:120px;padding:0 20px;background:#fff;border:1px solid #E7E7E7;border-radius:20px;box-sizing:border-box;cursor:pointer}.selected-card-left{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.selected-therapist-img{width:50px;height:50px;min-width:50px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 4px #f8fafc;transition:transform .3s ease}.selected-therapist-placeholder{width:50px;height:50px;min-width:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#cbd5e1}.selected-therapist-placeholder svg{font-size:50px}.selected-card-main-info{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.selected-name{font-size:17px;font-weight:700;color:var(--primary-color);line-height:1.2;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.therapist-detail-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;min-width:0}.therapist-detail-label{flex-shrink:0;font-size:12px;font-weight:700;color:#1e293b;opacity:.85}.therapist-detail-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;color:#64748b}.selected-remove-btn{position:absolute;top:50%;right:0;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:none;background:none;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:2}@media(max-width:1024px){.selected-therapists-list-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.selected-therapists-list-container{grid-template-columns:1fr}.selected-therapist-horizontal-card{min-height:120px}}.is-past-schedule{opacity:.55!important;cursor:not-allowed!important;pointer-events:none!important}.selected-therapist-horizontal-card.is-past-schedule{background:#f8fafc!important;border-color:#e2e8f0!important;box-shadow:none!important;transform:none!important}.selected-therapist-horizontal-card.is-past-schedule .selected-remove-btn{display:none!important}.empty-therapist-list{padding:40px;text-align:center;color:#94a3b8;font-weight:500;font-size:15px;background:#fff;border-radius:14px;border:1px dashed #E2E8F0}@media(min-width:768px)and (max-width:1024px){.add-therapist-page-content{padding:0 60px!important;min-height:auto}.add-therapist-main-flex-box,.therapist-schedule-page-content,.calendar-main-wrapper,.add-therapist-left-panel,.add-therapist-right-panel{flex-direction:column!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:unset!important}.add-therapist-main-flex-box{gap:12px;border-radius:16px;overflow:visible;overflow-x:hidden!important}.add-therapist-left-panel,.add-therapist-right-panel,.add-therapist-detail-section{height:auto!important;min-height:0!important}.add-therapist-left-panel,.add-therapist-right-panel{min-width:0!important;margin-left:0!important;border-right:none!important;border-left:none!important}.schedule-section-box,.choose-therapist-section-box,.add-therapist-detail-section{width:100%!important;margin-left:0!important;min-height:0!important;border:none!important;padding:16px!important}.therapist-list-wrapper{border:1px solid #E9F0EF!important;border-radius:16px!important;padding:16px!important}.add-therapist-detail-section{border-radius:16px!important;display:flex;flex-direction:column;overflow-x:hidden!important}.add-therapist-list{max-height:420px;height:auto;gap:14px}.add-therapist-list-item{padding:16px;border:1px solid #E9F0EF;border-radius:20px}.button-cancel,.button-save{width:fit-content!important;min-width:120px!important;max-width:220px!important;padding:10px 24px!important;font-size:13px!important}}.add-therapist-page{font-family:Google Sans;color:#000;position:relative;min-height:120vh;padding-bottom:66px;overflow-x:hidden}.add-therapist-page .page-title-section{text-align:center}.add-therapist-page .page-title-section h1{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0;margin:60px 10px 10px;color:#000}.add-therapist-page .page-title-section h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0;margin:10px 10px 60px;color:#000}.add-therapist-card{max-width:1110px;margin:18px auto;background:#fff;padding:22px;border-radius:25px;border:1px solid #AAAAAA;box-shadow:var(--shadow-sm);display:flex;gap:24px;position:relative;min-height:760px;align-items:stretch}.add-therapist-card .left-panel{width:320px;border-right:none;padding:22px 20px 22px 22px;margin:-22px 0 -22px -22px;background:#fff;position:relative;box-shadow:4px 0 12px -4px #aaaaaa59;border-top-left-radius:25px;border-bottom-left-radius:25px;align-self:stretch;box-sizing:border-box}.add-therapist-card .right-panel{flex:1;padding-left:20px;min-width:0}.add-therapist-card .left-panel.form-locked input,.add-therapist-card .right-panel.form-locked input,.add-therapist-card .left-panel.form-locked select,.add-therapist-card .right-panel.form-locked select,.add-therapist-card .left-panel.form-locked .ant-select-selector,.add-therapist-card .right-panel.form-locked .ant-select-selector{background:#f3f3f3!important}.add-therapist-card .left-panel.form-locked input.people-count,.add-therapist-card .right-panel.form-locked input.people-count{background:transparent!important}.add-therapist-card .left-panel.form-locked .ant-select,.add-therapist-card .right-panel.form-locked .ant-select{border-radius:8px}.add-therapist-card .left-panel.form-locked .ant-select .ant-select-selector,.add-therapist-card .right-panel.form-locked .ant-select .ant-select-selector{overflow:hidden!important;box-shadow:none!important}.add-therapist-card .left-panel.form-locked .ant-select .ant-select-selection-search-input,.add-therapist-card .right-panel.form-locked .ant-select .ant-select-selection-search-input{background:transparent!important}.add-therapist-card .right-panel .right-panel-header{display:flex;flex-direction:column;align-items:stretch;border-bottom:1px solid #AAAAAA;padding-bottom:8px;margin-bottom:12px;gap:10px}.add-therapist-card .right-panel .right-panel-header{padding-bottom:6px;margin-bottom:10px;gap:8px}.add-therapist-card .right-panel .right-panel-header h3{border-bottom:none;margin:0;padding:0}.right-panel-header-top{display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:end}.right-panel-header-top .header-field{display:flex;flex-direction:column;gap:6px}.right-panel-header-top .header-field>label{margin:0;font-size:14px;font-weight:7000;color:var(--primary-color);font-weight:600}.right-panel-header-top .full-name-field input{width:100%;height:42px;padding:7px 12px;border-radius:10px;border:1px solid #AAAAAA;font-size:12px;font-weight:600;font-family:Google Sans;box-sizing:border-box}.right-panel-header-top .full-name-field input::placeholder{font-size:12px!important;font-weight:500!important;color:#aaa!important}.header-gender-input{display:block}.header-gender-input .header-gender-select{width:100%}.header-gender-input .header-gender-select .ant-select-selector{height:42px!important;min-height:42px!important;border-radius:10px!important;padding:0 10px!important;display:flex!important;align-items:center!important}.header-gender-input .header-gender-select .ant-select-selection-item,.header-gender-input .header-gender-select .ant-select-selection-search-input{line-height:20px!important;font-size:12px!important;font-weight:600!important}.header-gender-input .header-gender-select .ant-select-selection-placeholder{line-height:22px!important;font-size:12px!important;font-weight:500!important;color:#aaa!important}.right-panel-header-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.right-panel-header-bottom .header-actions{display:flex;align-items:center;gap:8px}.right-panel-header-bottom .btn-add-service{margin:0;padding:5px 12px;border-radius:16px}.btn-delete{background:#e0e0e0;color:#858585;border:none;font-weight:600;font-size:14px;font-family:Google Sans!important;border-radius:16px;padding:4px 8px;cursor:pointer;transition:background .2s ease,color .2s ease}.btn-delete:hover{background:#aaa;color:#bebebe}.btn-delete{display:inline-flex;align-items:center;gap:6px;padding:2px 4px}.right-panel-header-bottom .header-actions .btn-delete{min-width:82px;padding:0 12px;justify-content:center;background:var(--primary-color);color:#fff;height:30px;transition:background .2s ease,color .2s ease}.right-panel-header-bottom .header-actions .btn-delete:hover{background:#bebebe;color:#fff}.btn-delete .btn-delete-icon{width:21px;height:21px;display:inline-block;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.btn-delete-confirm{background:var(--primary-color);color:#fff;border:1px solid #AAAAAA;font-weight:600;font-size:13px;font-family:Google Sans!important;border-radius:8px;padding:10px 24px;cursor:pointer;transition:background .2s ease,color .2s ease}.btn-delete-confirm:hover{background:#bebebe}.add-therapist-card h3{margin-top:0;margin-bottom:16px;font-family:Google Sans;font-size:20px;font-weight:600;color:#000}.add-therapist-card .left-panel h3:nth-of-type(2){border-top:1px solid #AAAAAA;padding-top:16px;margin-top:16px}.add-therapist-card .right-panel h3{border-bottom:1px solid #AAAAAA;padding-bottom:8px;margin-bottom:12px}.add-therapist-card .gender-row{margin-top:12px}.add-therapist-card .gender-row>div{display:flex;align-items:center;gap:32px;margin-top:15px}.add-therapist-card .gender-row label{margin:0;font-size:14px;font-weight:600;color:#000;display:flex;align-items:center;gap:8px}.add-therapist-card .gender-row input[type=radio]{margin:0}.add-therapist-card label{display:block;font-size:14px;color:#000;margin-top:12px;margin-bottom:8px;font-weight:600}.add-therapist-card .choose-date-label{margin-top:20px;margin-bottom:10px}.add-therapist-card input,.add-therapist-card select{width:100%;height:42px;padding:8px 12px;border-radius:8px;border:1px solid #AAAAAA;box-sizing:border-box;background:#fff;box-shadow:0 1px #00000005 inset}.add-therapist-card .input-with-icon{position:relative}.add-therapist-card .input-with-icon input{padding-right:40px}.add-therapist-card .input-with-icon .input-icon{position:absolute;right:8px;top:38%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.add-booking-timepicker .ant-picker-time-panel-cell-inner{color:var(--primary-color)!important}.add-booking-timepicker .ant-picker-time-panel-cell-disabled{pointer-events:none!important;cursor:not-allowed!important}.add-booking-timepicker .ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner{color:#00000040!important;background:transparent!important}.add-therapist-card .input-with-icon .input-icon img{width:16px;height:16px;display:block}.add-therapist-card .input-with-icon .input-icon img{width:22px;height:22px;display:block}.add-therapist-card input::placeholder{color:#b3b3b3}.add-therapist-card input::placeholder{font-size:14px;font-weight:500;color:#aaa}.add-therapist-card select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg%20width='14'%20height='8'%20viewBox='0%200%2014%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.98711%207.52988L13.0703%202.44668C13.6172%201.8998%2013.6172%201.0166%2013.0703%200.469727C12.5234%20-0.0771484%2011.6402%20-0.0771484%2011.0934%200.469727L7%204.56582L2.90664%200.469727C2.35977%20-0.0771484%201.47656%20-0.0771484%200.929688%200.469727C0.382812%201.0166%200.382812%201.8998%200.929688%202.44668L6.01289%207.52988C6.55703%208.07402%207.44297%208.07402%207.98711%207.52988Z'%20fill='%23AAAAAA'/%3e%3c/svg%3e");background-position:right 12px center;background-size:14px 14px;background-repeat:no-repeat;padding-right:36px}.add-therapist-card select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg%20width='14'%20height='8'%20viewBox='0%200%2014%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.98711%207.52988L13.0703%202.44668C13.6172%201.8998%2013.6172%201.0166%2013.0703%200.469727C12.5234%20-0.0771484%2011.6402%20-0.0771484%2011.0934%200.469727L7%204.56582L2.90664%200.469727C2.35977%20-0.0771484%201.47656%20-0.0771484%200.929688%200.469727C0.382812%201.0166%200.382812%201.8998%200.929688%202.44668L6.01289%207.52988C6.55703%208.07402%207.44297%208.07402%207.98711%207.52988Z'%20fill='%23AAAAAA'/%3e%3c/svg%3e");background-position:right 12px center;background-size:14px 14px;background-repeat:no-repeat;padding-right:36px}.add-therapist-card select:invalid{color:#aaa;font-size:14px;font-weight:500}.add-therapist-card select option{color:#0b2b2a;font-weight:600}.add-therapist-card .people-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.add-therapist-card .people-row label{margin:0;font-weight:600}.add-therapist-card .people-input{display:flex;align-items:center;gap:6px;justify-content:flex-end}.add-therapist-card .circle-btn{margin:0}.add-therapist-card .circle-btn.plus{margin-left:-6px}.add-therapist-card .circle-btn.minus{margin-right:-5px}.add-therapist-card .circle-btn{padding:0;width:32px;height:32px;border-radius:50%;border:1px solid #AAAAAA;background:#fff;color:#666;font-size:18px;line-height:32px;text-align:center;cursor:pointer}.add-therapist-card .circle-btn:hover{background:#f7f7f7}.add-therapist-card .circle-btn.minus,.add-therapist-card .circle-btn.plus{color:#666}.add-therapist-card .people-count{font-weight:700;color:#000;min-width:16px;text-align:center}.add-therapist-card input.people-count,.add-therapist-card .people-count{font-weight:700;color:#000;min-width:56px;width:56px;height:32px;padding:4px 8px;box-sizing:border-box;text-align:center;border-radius:8px;border:1px solid #AAAAAA;background:#fff;font-size:14px;transform:translateY(4px)}.add-therapist-card input.people-count::-webkit-outer-spin-button,.add-therapist-card input.people-count::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-therapist-card input.people-count{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.add-therapist-card input.people-count{border:none!important;box-shadow:none!important;padding-left:6px}.add-therapist-card .left-panel label:first-of-type{margin-top:0}.add-therapist-card .left-panel input,.add-therapist-card .left-panel select{margin-bottom:12px}.add-therapist-card .left-panel input::placeholder{font-size:14px!important;font-weight:500!important;color:#aaa!important}.add-therapist-card .left-panel .ant-select-selector{min-height:42px!important;height:42px!important;padding:0 12px!important;border-radius:8px!important;display:flex!important;align-items:center!important}.add-therapist-card .left-panel .ant-select-selection-placeholder,.add-therapist-card .left-panel .ant-select-selection-item{line-height:42px!important}.add-therapist-card .left-panel input,.add-therapist-card .left-panel select,.add-therapist-card .left-panel .ant-select.ant-select-single .ant-select-selection-item,.add-therapist-card .left-panel .ant-select.ant-select-single .ant-select-selection-search-input{font-size:14px!important;font-weight:600!important;color:var(--primary-color)!important;font-family:Google Sans!important}.add-therapist-card .left-panel .ant-select.ant-select-single .ant-select-selector{min-height:42px!important;height:42px!important;padding:0 12px!important;border-radius:8px!important}.add-therapist-card .left-panel .ant-select.ant-select-single .ant-select-selection-search-input{height:42px!important}.add-therapist-card .left-panel .ant-select.ant-select-single .ant-select-selection-item,.add-therapist-card .left-panel .ant-select.ant-select-single .ant-select-selection-placeholder{line-height:42px!important}.customer-grid{display:grid;grid-template-columns:1fr;gap:10px;align-items:start;width:100%}.customer-col{display:flex;flex-direction:column;gap:10px;width:100%}.customer-box{background:#fff;border:1px solid #EAEAEA;border-radius:16px;padding:20px!important;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box}.customer-box.collapsed{padding:20px!important}.customer-box.open{min-height:auto}.customer-box .customer-body{padding-bottom:0}.customer-box.open .customer-body{max-height:none;overflow-y:visible}.customer-box.open .customer-body::-webkit-scrollbar{display:none;width:0;height:0}.label-with-note{display:flex;justify-content:space-between;align-items:center}.label-with-note label{margin:0}.small-note{font-size:12px;color:red;font-weight:600}.btn-add-service{background:var(--primary-color);border:none;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700;font-family:Google Sans;color:#fff;cursor:pointer;transition:background .2s ease}.btn-add-service:hover{background:#bebebe}.service-drop-row{padding:0;border-radius:8px}.service-drop-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.service-drop-therapist{font-size:11px;font-weight:600;color:var(--primary-color)}.service-drop-time{font-size:11px;font-weight:600;color:#666}.service-drop-placeholder{display:inline-block;margin-top:6px;color:var(--primary-color);font-size:11px;font-weight:600}.therapist-drag-wrap{position:relative;display:block}.therapist-na-toggle{display:inline-flex!important;align-items:center;gap:4px;font-size:12px;font-weight:700;margin:0!important;cursor:pointer;position:absolute;right:4px;top:-24px;z-index:30}.therapist-na-toggle input[type=checkbox]{margin:0!important;width:14px!important;height:14px!important;cursor:pointer!important}.therapist-na-toggle span{line-height:1!important;transform:translateY(.5px)!important;display:inline-block!important}.small-row>label[for^=choose-therapist-]{display:block;margin-bottom:6px}.therapist-drag-list{display:flex;flex-wrap:wrap;gap:8px}.therapist-drag-item{border:1px solid #AAAAAA;background:#fff;color:var(--primary-color);border-radius:16px;padding:4px 10px;font-size:12px;font-weight:600;font-family:Google Sans;cursor:grab}.therapist-drag-item:active{cursor:grabbing}.customer-header{font-weight:600;margin:0 0 6px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#000;gap:8px}.customer-header-left{min-width:0;flex:1 1 auto}.customer-header span{font-size:14px}.customer-header-time{font-size:12px!important;color:#bfbfbf;margin-left:auto;margin-right:-2px}.customer-header-time{font-size:12px;color:#bfbfbf;margin-left:auto;margin-right:-2px;display:inline-flex;align-items:center;gap:0px}.customer-header-time img{width:16px;height:16px;display:inline-block}.customer-select-checkbox{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-left:8px}.customer-select-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid #D1D5DB;border-radius:50%;outline:none;cursor:pointer;position:relative;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;background:#fff;margin:0}.customer-select-checkbox input[type=checkbox]:checked{border-color:var(--primary-color);background:var(--primary-color)}.customer-select-checkbox input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;display:block}.customer-box.open .customer-header{margin-bottom:10px}.customer-box.collapsed .customer-header{margin-bottom:4px}.customer-toggle{padding:0;width:28px;height:28px;border-radius:50%;border:1px solid #AAAAAA;background:#fff;font-size:18px;line-height:26px;text-align:center;cursor:pointer}.customer-toggle:hover{background:#f7f7f7}.customer-box.collapsed .customer-body{display:none}.customer-body input,.customer-body select{margin-bottom:6px}.customer-box .customer-body label{font-size:12px!important}.customer-box .customer-body input::placeholder{font-size:12px!important;font-weight:500!important;color:#aaa}.customer-box .customer-body select:invalid{font-size:12px!important;font-weight:500!important;color:#aaa}.customer-box .customer-body input,.customer-box .customer-body select{font-size:12px!important;font-weight:600!important;color:var(--primary-color)!important;font-family:Google Sans!important}.customer-body .small-row{display:block}.customer-body .service-item-card{border:none;border-radius:12px;background:#f5f5f5;padding:8px 10px 6px;margin-bottom:10px}.customer-body .service-item-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #E5E7EB}.customer-body .service-item-title{font-size:13px;font-weight:600;color:#000}.customer-body .service-item-time{font-size:13px;font-weight:600;color:#00796b;white-space:nowrap;padding:4px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.customer-body .service-item-time-wrap{position:relative;display:inline-flex;align-items:center;z-index:999}.customer-body .service-time-editor{position:absolute;top:calc(100% + 8px);right:0;width:190px;background:#fff;border:1px solid #DCDCDC;border-radius:20px;padding:12px;z-index:99999!important;box-shadow:var(--shadow-md)}.customer-body .service-time-editor-row{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.customer-body .service-time-editor-row label{font-size:12px;font-weight:600;color:#333;margin:0}.customer-body .service-time-editor-row .service-time-picker-input.ant-picker,.customer-body .service-time-editor-row .service-time-picker-input.ant-picker-outlined,.customer-body .service-time-editor-row .service-time-picker-input.ant-picker-borderless{width:100%;height:24px!important;min-height:34px!important;max-height:24px!important;padding:0 8px!important;border-radius:10px;border:1px solid #CCCCCC!important;background:#fff!important;box-shadow:none!important;margin-bottom:0;box-sizing:border-box}.customer-body .service-time-editor-row .service-time-picker-input .ant-picker-input{align-items:center;height:100%}.customer-body .service-time-editor-row .ant-picker-input>input{font-size:12px!important;font-weight:600!important;color:var(--primary-color)!important;font-family:Google Sans!important;height:22px!important;line-height:22px!important;padding:1px 0 0!important;position:relative;top:4px}.customer-body .service-time-editor-row .service-time-picker-input .ant-picker-input>input{background:transparent!important}.customer-body .service-time-editor-row .service-time-picker-input .ant-picker-suffix{transform:translate(-8px)}.customer-body .service-time-editor-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.customer-body .service-time-btn{border:1px solid #AAAAAA;border-radius:8px;padding:0 10px!important;height:20px!important;min-height:25px!important;max-height:20px!important;line-height:20px!important;width:70px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:Google Sans;font-size:13px!important;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.customer-body .service-time-btn.save{background:#b88035;color:#fff;border-color:#b88035}.customer-body .service-time-btn.save:hover{background:#bebebe;border-color:#bebebe}.customer-body .service-time-btn.cancel{background:#fff;color:#b88035;border-color:#b88035}.customer-body .service-time-btn.cancel:hover{background:#bebebe;color:#fff;border-color:#bebebe}.customer-body .customer-personal-row{gap:20px!important;margin-bottom:2px}.customer-body .service-item-card .bed-therapist-row{margin-top:10px}.customer-body .service-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-bottom:12px;margin-bottom:16px;border-bottom:none}.customer-body .service-detail-header .header-actions{display:flex;align-items:center;gap:8px}.customer-body .service-item-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.customer-body .service-kind-switch{display:inline-flex;align-items:center;padding:3px;border-radius:999px;border:1px solid #D7C39A;background:#f7f1e2}.customer-body .service-kind-switch-option{border:none;background:transparent;color:#6e675a;padding:6px 12px;border-radius:999px;font-family:Google Sans;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.customer-body .service-kind-switch-option.active{background:var(--primary-color);color:#fff}.customer-body .service-kind-switch-option:hover:not(.active){color:var(--primary-color)}.customer-body .service-add-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.customer-body .service-add-action-btn{border:1px solid var(--primary-color);background:var(--primary-color);color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease}.customer-body .service-add-action-btn:hover{background:#0e4c48;border-color:#0e4c48;transform:translateY(-1px)}.customer-body .service-add-action-btn--light{background:#f7f1e2;color:var(--primary-color);border-color:#d7c39a}.customer-body .service-add-action-btn--light:hover{background:#efe3c8;border-color:#cdb37f;color:var(--primary-color)}.customer-body .service-package-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#f7f1e2;border:1px solid #E3D2AC;color:#8c6c2f;font-size:11px;font-weight:600;line-height:1.2}.customer-body .package-service-inline-note{margin-bottom:10px;color:#8c6c2f;font-size:12px;font-weight:600}.customer-body .package-service-meta-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.customer-body .package-selector-inline{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:280px;max-width:360px;width:100%}.customer-body .package-selector-inline-label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:6px}.customer-body .package-selector-inline-control{width:100%;margin-top:0}.customer-body .package-select-inline-input{width:100%}.customer-box .customer-body .package-select-inline-input.ant-select-single .ant-select-selector{height:40px!important;min-height:40px!important;padding:0 12px!important}.customer-box .customer-body .package-select-inline-input.ant-select-single .ant-select-selection-placeholder,.customer-box .customer-body .package-select-inline-input.ant-select-single .ant-select-selection-search-input{line-height:40px!important;height:40px!important;font-size:12px!important}.customer-box .customer-body .package-select-inline-input.ant-select-single .ant-select-selection-item{display:inline-flex!important;align-items:center!important;width:auto!important;max-width:calc(100% - 28px)!important;padding:0!important;background:transparent!important;line-height:40px!important;height:40px!important;flex:0 1 auto!important;align-self:center!important}.customer-box .customer-body .package-select-inline-input.ant-select-single .ant-select-selection-item-content{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;background:transparent!important}.customer-box .customer-body .package-select-inline-input .package-select-chip{display:inline-flex;align-items:center;max-width:min(100%,260px);height:28px;padding:0 10px;border-radius:6px;background:#0000000f;border:1px solid #E5E7EB;color:var(--primary-color);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.customer-body .package-selector-inline-block{margin-bottom:10px;align-items:stretch;min-width:0;max-width:none}.customer-body .service-detail-header .header-actions .btn-add-service{height:26px;min-height:30px;padding:6px 12px;display:inline-flex;align-items:center;justify-content:center}.customer-body .service-item-card--collapsible{position:relative;overflow:visible}.customer-body .service-item-body{display:block}.customer-body .service-card-toggle-row{display:flex;justify-content:center;margin-top:8px;padding-top:8px;border-top:1px solid #E8E8E8}.customer-body .service-item-body .service-card-toggle-row{display:none}.customer-body .service-item-card>.service-card-toggle-row{display:flex;justify-content:center;margin-top:8px}.customer-body .service-card-toggle-btn{width:28px;height:28px;border-radius:999px;border:1px solid #E3D2AC;background:#fff9ee;color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #103c3b14;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.customer-body .service-card-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #103c3b1f;background:#fff3d9;border-color:#d7c39a}.customer-body .service-card-toggle-btn span{font-size:14px;line-height:1;font-weight:700;position:relative;top:-1px}.customer-body .service-group-list{gap:18px!important}.customer-body .service-package-group-card{background:#f5f5f5;border:1px solid #E5E7EB;border-radius:28px;padding:22px;box-sizing:border-box;box-shadow:inset 0 1px #ffffffb3}.customer-body .service-package-group-card__shell{display:flex;flex-direction:column;gap:0}.customer-body .service-package-group-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-body .service-package-group-card__header--summary{background:#fff;border:1px solid #E5E7EB;border-radius:20px;padding:18px 20px 14px;box-shadow:0 8px 20px #103c3b0d;cursor:pointer}.customer-body .service-package-group-card__header--merged{border-radius:20px 20px 0 0;border-bottom:none;box-shadow:none}.customer-body .service-package-group-card__title-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}.customer-body .service-package-group-card__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.customer-body .service-package-group-card__eyebrow{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8c6c2f}.customer-body .service-package-group-card__title{margin:6px 0 0;font-size:17px;font-weight:600;line-height:1.15;color:var(--primary-color)}.customer-body .service-package-group-card__count-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#edf8ef;border:1px solid #D2E8D5;color:#214f47;font-size:12px;font-weight:600;line-height:1}.customer-body .service-package-group-card__time-pill{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:#fff5e7;border:1px solid #F1D79C;color:#c78b2a;font-size:12px;font-weight:600;line-height:1}.customer-body .service-package-group-card__body{display:flex;flex-direction:column;gap:0}.customer-body .service-package-group-card__selector{background:#fff;border:1px solid #E5E7EB;border-top:none;border-bottom:none;border-radius:0;padding:16px 18px 12px;box-sizing:border-box;box-shadow:none}.customer-body .service-package-group-card__selector>.package-selector-inline-label{margin-bottom:6px}.customer-body .service-package-group-card__selector>.package-select-inline-input{display:block!important;margin-top:0}.customer-body .service-package-group-card__services{display:flex;flex-direction:column;gap:12px}.customer-body .service-package-group-card__services--package{padding-left:0}.customer-body .service-package-group-card__body>.service-package-group-card__services>.service-item-card--nested:first-child{border-top:none;border-radius:0 0 18px 18px;box-shadow:0 10px 24px #103c3b0d}.customer-body .service-package-group-card__body>.service-item-card--nested:first-child{border-top:none;border-radius:0 0 18px 18px;box-shadow:0 10px 24px #103c3b0d}.customer-body .service-item-card--nested{padding:18px 20px;border-radius:18px;border:1px solid #E5E7EB;background:#fff;box-shadow:0 10px 24px #103c3b0d}.customer-body .service-item-card--package-child{margin-left:0;border-color:#e5e7eb;background:#fff;box-shadow:0 6px 16px #103c3b0a}.customer-body .service-item-card--package-child .service-item-title{font-size:14px;font-weight:600}.customer-body .service-item-card--complete{background:#fff}.customer-body .package-service-inline-note{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin-bottom:10px;border-radius:999px;background:#f6f1e7;color:#8c6c2f;font-size:11px;font-weight:700}.customer-body .service-item-card--nested .service-item-header{margin-bottom:10px}.customer-body .service-item-card--nested .service-item-title{font-size:15px;font-weight:700;color:#111827}.customer-body .service-item-card--nested .service-item-time{font-size:13px;font-weight:600;color:#c78b2a}.customer-body .service-item-header .header-actions .btn-delete,.customer-body .service-detail-header .header-actions .btn-delete{background:#f5f5f5;border:none}.customer-body .service-detail-title{margin:0;font-size:14px;font-weight:600;color:#000}.customer-body .small-row label{display:block;margin-top:8px;margin-bottom:4px;font-weight:600;font-size:12px}.customer-body .small-row select{width:100%;padding:8px 12px;border-radius:8px}.customer-body .small-row .bed-therapist-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;margin-top:12px}.customer-body .small-row .bed-therapist-col{min-width:0}.customer-body .small-row .bed-therapist-col label{margin-top:0;min-height:20px;padding-right:0}.customer-body .na-select-wrapper{position:relative}.customer-body .na-corner-toggle{position:absolute;right:4px;top:-24px;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#333;margin:0;z-index:30;cursor:pointer;-webkit-user-select:none;user-select:none}.customer-body .na-corner-toggle input[type=checkbox]{margin:0!important;width:14px!important;height:14px!important;cursor:pointer!important}.customer-body .na-corner-toggle span{line-height:1!important;transform:translateY(.5px)!important;display:inline-block!important}.customer-box .customer-body .ant-select.ant-select-single .ant-select-selection-item,.customer-box .customer-body .ant-select.ant-select-single .ant-select-selection-search-input{font-size:12px!important;font-weight:600!important;color:var(--primary-color)!important;font-family:Google Sans!important}.therapist-select .ant-select-selection-item{background:#0000000f!important;color:var(--primary-color)!important;border-radius:8px!important;overflow:hidden!important;padding:2px 8px!important;margin-right:6px!important;margin-top:0!important;margin-bottom:0!important;font-weight:600!important;display:inline-flex!important;align-items:center!important}.therapist-select.ant-select-multiple .ant-select-selection-item{border-radius:5px!important;overflow:hidden!important;margin-top:0!important;margin-bottom:0!important}.custom-ant-tag{display:inline-flex;align-items:center;gap:8px;background:#0000000f;color:var(--primary-color);border-radius:8px;padding:4px 8px;margin-right:6px;font-weight:600}.custom-ant-tag .custom-ant-tag-label{font-weight:600}.custom-ant-tag .custom-ant-tag-close{background:transparent;border:none;cursor:pointer;font-size:14px;line-height:1;padding:0 4px;color:var(--primary-color)}.therapist-select .ant-select-selection-item .ant-select-selection-item-remove{margin-left:6px!important}.therapist-select .ant-select-selector{min-height:42px!important;height:42px!important;display:flex!important;align-items:center!important;padding:0 12px!important}.therapist-select .ant-select-selection-overflow{display:flex!important;align-items:center!important;align-content:center!important;height:100%!important}.therapist-select .ant-select-selection-overflow-item{align-self:center!important;display:inline-flex!important;align-items:center!important}.therapist-select .ant-select-selection-wrap{display:flex!important;align-items:center!important;height:100%!important}.therapist-select .ant-select-selection-search{display:flex!important;align-items:center!important;margin-left:8px!important;margin-top:0!important;margin-bottom:0!important;height:100%!important}.therapist-select .ant-select-clear{position:absolute!important;right:30px!important;top:65%!important;transform:translateY(-50%)!important;z-index:40!important;background:transparent!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important}.therapist-select .ant-select-clear .anticon{font-size:14px!important;opacity:.9!important}.customer-body .gender-row{display:flex;align-items:center;gap:28px;margin:8px 0 12px}.customer-body .gender-row>label{margin:0;font-size:12px;font-weight:600;color:#000}.customer-body .gender-row>div{display:flex;align-items:center;gap:24px;margin:0}.customer-body .gender-row label{font-size:12px;font-weight:600}.customer-body .gender-row input[type=radio]{margin:0}.customer-box-dropdown .ant-select-item-option-content{font-size:12px!important}.customer-box .customer-body .customer-box-select .ant-select-selector{height:42px!important;min-height:42px!important;padding:0 12px!important;border-radius:8px!important;display:flex!important;align-items:center!important}.customer-box .customer-body .customer-box-select .ant-select-selection-item,.customer-box .customer-body .customer-box-select .ant-select-selection-placeholder{line-height:42px!important;font-size:12px!important}.customer-box .customer-body .customer-box-select.ant-select-single .ant-select-selection-search-input{height:42px!important;line-height:42px!important;padding:0!important;margin:0!important}.customer-box .customer-body .customer-box-select .ant-select-selection-search-input{caret-color:var(--primary-color)!important;color:var(--primary-color)!important;font-weight:500!important;text-shadow:none!important}.customer-box .customer-body .customer-box-select.ant-select-single .ant-select-selection-search{left:12px!important;right:36px!important;inset-inline-start:12px!important;inset-inline-end:36px!important}.customer-box .customer-body .package-select-inline-input.ant-select-single .ant-select-selection-search,.customer-box .customer-body .bed-col .customer-box-select.ant-select-single .ant-select-selection-search{left:1px!important;right:36px!important;inset-inline-start:1px!important;inset-inline-end:36px!important}.customer-box .customer-body .bed-therapist-col.bed-col .customer-box-select.ant-select-single .ant-select-selection-search-input{height:100%!important;line-height:42px!important;padding:0!important;margin:0!important}.customer-box .customer-body .customer-box-select{position:relative}.customer-box .customer-body .customer-box-select .ant-select-arrow{position:absolute!important;top:45%!important;right:8px!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;margin:0!important;opacity:1!important}.customer-box .customer-body .bed-therapist-col.bed-col .customer-box-select .ant-select-arrow{top:35%!important}.customer-box .customer-body .customer-box-select .ant-select-arrow img{display:none!important}.customer-box .customer-body .customer-box-select .ant-select-arrow:after{content:"";display:inline-block;width:8px;height:8px;border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);transform:rotate(45deg)}.customer-box .customer-body .service-select .ant-select-selection-placeholder,.customer-box .customer-body .therapist-select .ant-select-selection-placeholder,.customer-box .customer-body .bed-col .customer-box-select .ant-select-selection-placeholder{margin-left:-16px!important}.service-dropdown .ant-select-item-option{position:relative;padding-left:44px!important}.service-dropdown .ant-select-item-option .ant-select-item-option-state{display:none!important}.service-dropdown .ant-select-item-option:before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid #BDBDBD;border-radius:4px;background:#fff;box-sizing:border-box}.service-dropdown .ant-select-item-option-selected:before{background:var(--primary-color);border-color:var(--primary-color)}.service-dropdown .ant-select-item-option-selected:after{content:"";position:absolute;left:22px;top:50%;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-58%) rotate(45deg)}.selected-service-popover .ant-popover-inner-content{padding:16px 10px 8px 16px!important;text-align:left}.selected-service-popover.ant-popover{position:fixed!important;top:50vh!important;left:50vw!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;transform-origin:center center!important;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);z-index:14000!important}.selected-service-popover .ant-popover-arrow{display:none!important}.selected-service-popover .ant-popover-content,.selected-service-popover .ant-popover-inner{width:100%;max-width:100%;border-radius:18px}.selected-service-popover .ant-popover-inner{overflow:hidden;box-shadow:0 18px 48px #0f172a2e}.selected-service-popover .selected-service-popup-content,.selected-service-popover .selected-service-popup-item{text-align:left;margin-left:0;font-family:Google Sans;font-weight:600;font-size:10px}.selected-service-popover .selected-service-popup-content{min-width:0;width:100%;max-width:100%;min-height:0;max-height:min(240px,calc(100vh - 160px));overflow-y:auto;padding-right:4px}.selected-service-popover .selected-service-popup-item{padding:6px 10px;margin-bottom:6px;border-radius:10px;color:#1f2937;line-height:1.35;border:1px solid rgba(16,60,59,.12);overflow-wrap:anywhere}.selected-service-popover .selected-service-popup-item:last-child{margin-bottom:0}.customer-box-dropdown .ant-select-item-option:before,.customer-box-dropdown .ant-select-item-option:after{content:none!important}.customer-box-dropdown .ant-select-item-option{padding-left:16px!important}.customer-box-dropdown .ant-select-item-option .ant-select-item-option-state{display:inline-flex!important}.card-actions{max-width:1100px;margin:12px auto 40px;display:flex;justify-content:center;gap:12px}.btn-cancel,.btn-save{padding:10px 24px;border-radius:8px;border:1px solid #AAAAAA;cursor:pointer;min-width:150px;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn-cancel{background:#fff;color:var(--primary-color);border-color:var(--primary-color);font-weight:600;font-size:16px;font-family:Google Sans!important}.btn-cancel:hover,.btn-save:hover{background:#bebebe}.btn-cancel:hover{color:#fff}.right-panel-header-top .header-field.full-name-field>label,.right-panel-header-top .header-field.gender-field>label,.right-panel-header-top .full-name-field label,.right-panel-header-top .header-gender-input>label,.add-therapist-card .right-panel .right-panel-header .right-panel-header-top .header-field.full-name-field>label,.add-therapist-card .right-panel .right-panel-header .right-panel-header-top .header-field.gender-field>label{font-size:13px!important;color:#000!important;font-weight:600!important}.btn-save{background:var(--primary-color);color:#fff;border:1px solid #AAAAAA;font-weight:600;font-size:16px;font-family:Google Sans!important}.add-therapist-page .footer{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:auto;text-align:center;padding:10px 0}.custom-alert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:20px;box-sizing:border-box;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:14000}.custom-alert-modal{width:min(720px,100%);max-width:100%;background:#fff;border-radius:20px!important;overflow:hidden;box-shadow:var(--shadow-lg);padding:48px 48px 36px;position:relative;text-align:center;box-sizing:border-box}.alert-modal-close{position:absolute;right:18px;top:18px;background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--primary-color)}.alert-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-top-left-radius:20px;border-top-right-radius:20px;background:#fff;box-shadow:var(--shadow-md);margin:-48px -48px 12px}.alert-modal-header h1{margin:0;font-size:20px;font-weight:800;color:#000}.alert-modal-close-circle{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;background:var(--primary-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s ease}.alert-modal-icon-wrap{width:92px;height:92px;border-radius:50%;background:#103c3b21;display:flex;align-items:center;justify-content:center;margin:-1px auto 18px;box-shadow:var(--shadow-sm)}.alert-modal-icon-wrap img{width:46px;height:46px}.alert-modal-title{font-size:18px;font-weight:700;color:#000;margin:6px 0 8px}.alert-modal-text{font-size:16px;color:#000;margin:0 0 22px}.alert-modal-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.alert-modal-close-btn{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:10px 28px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;font-family:Google Sans;transition:background .2s ease,color .2s ease,border .2s ease}.alert-modal-close-btn:hover,.alert-modal-close-btn:focus,.alert-modal-close-btn:active{background:#bebebe;color:#fff}.alert-modal-close-circle:hover{background:#bebebe}.ant-select-selection-overflow{display:flex!important;align-items:center!important}.customer-box .customer-body .service-select .ant-select-selector{height:auto!important;min-height:40px!important;padding:0 12px!important;border-radius:8px!important;display:flex!important;align-items:center!important}.customer-box .customer-body .service-select .ant-select-selection-wrap{display:flex!important;align-items:center!important;width:100%!important;height:100%!important}.customer-box .customer-body .service-select .ant-select-selection-overflow{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;margin:0!important;padding:4px 0!important;transform:none!important;width:100%!important}.customer-box .customer-body .service-select .ant-select-selection-overflow-item{display:flex!important;align-items:center!important}.customer-box .customer-body .service-select .ant-select-selection-search-input{font-weight:500!important;caret-color:var(--primary-color)!important}.customer-box .customer-body .service-select .ant-select-selection-item{height:28px!important;display:inline-flex!important;align-items:center!important;background:#0000000f!important;color:var(--primary-color)!important;border-radius:6px!important;padding:0 8px!important;margin:0!important;font-weight:600!important;font-size:12px!important;font-family:Google Sans,sans-serif!important;box-sizing:border-box!important}.customer-box .customer-body .service-select .ant-select-selection-item-content{display:inline-flex!important;align-items:center!important;line-height:1!important}.customer-box .customer-body .service-select .ant-select-selection-item-remove{display:inline-flex!important;align-items:center!important;margin-left:4px!important}.booking-info-row{max-width:1200px;margin:0 auto 24px;display:flex;gap:24px;box-sizing:border-box}.booking-info-card{flex:1;background:#f6f6f6;border:1px solid #F3F4F6;border-radius:16px;padding:24px 32px;box-shadow:none;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.booking-info-card.form-locked{opacity:.85}.card-header-group h3{font-family:Google Sans,sans-serif!important;font-size:18px!important;font-weight:600!important;color:#111827!important;margin:0 0 4px!important;border:none!important;padding:0!important;letter-spacing:-.3px}.card-subtitle{font-family:Google Sans,sans-serif;font-size:14px;color:#6b7280;margin:0;font-weight:400}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-family:Google Sans,sans-serif!important;font-size:14px!important;font-weight:600!important;color:#374151!important;margin:0!important}.form-field input{width:100%;height:42px;padding:10px 16px;border-radius:12px;border:1px solid #E5E7EB;background:#fff;font-size:15px;font-weight:500;color:#111827;box-sizing:border-box;transition:all .2s ease}.form-field input::placeholder{color:#9ca3af!important;font-weight:400!important}.form-field input:focus{border-color:var(--primary-color);outline:none}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.people-field .people-input{display:flex;align-items:center;height:42px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;padding:0;box-sizing:border-box;overflow:hidden}.people-field .people-input input.people-count{flex:1;border:none!important;box-shadow:none!important;height:100%;width:100%;text-align:center;font-size:15px;font-weight:500;color:#111827;padding:0;transform:none!important;background:transparent!important}.people-field .circle-btn{width:48px!important;height:100%!important;border:none!important;background:transparent!important;color:#374151!important;font-size:20px!important;font-weight:400!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:0!important;cursor:pointer;transition:background .15s ease;box-shadow:none!important}.people-field .circle-btn.minus{border-right:1px solid #E5E7EB!important;margin:0!important}.people-field .circle-btn.plus{border-left:1px solid #E5E7EB!important;margin:0!important}.people-field .circle-btn:hover{background:#f9fafb!important}.booking-info-card .input-with-icon{position:relative;display:block}.booking-info-card .input-with-icon .input-icon{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;right:16px!important;background:transparent!important;border:none!important;padding:0!important;display:flex;align-items:center;justify-content:center;z-index:2}.booking-info-card .input-with-icon .ant-picker-dropdown{top:52px!important;left:0!important}.booking-info-card .input-with-icon .input-icon img[alt=calendar]{width:25px!important;height:25px!important;object-fit:contain}.booking-info-card .input-with-icon .input-icon img[alt=clock]{width:20px!important;height:20px!important;object-fit:contain}.booking-info-card .input-with-icon input{height:42px!important;background:#fff!important;border-radius:12px!important;border:1px solid #E5E7EB!important;font-size:15px!important;font-weight:500!important;color:#111827!important;padding-right:44px!important}.booking-info-card .input-with-icon input::placeholder{color:#9ca3af!important;font-weight:400!important}.customer-list-section{max-width:1200px;margin:0 auto 32px;box-sizing:border-box}.customer-list-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px}.customer-list-section-header h3{font-size:22px!important;font-weight:700!important;color:var(--primary-color)!important;margin:0!important;border:none!important;padding:0!important}.btn-delete-round{width:36px;height:36px;border-radius:50%;border:none;background:#f0f0f0;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-delete-round:disabled{cursor:not-allowed!important;opacity:.5!important}.btn-delete-round:disabled:hover{transform:none!important;background:#f0f0f0!important}.btn-delete-round.active{background:var(--primary-color);color:#fff}.btn-delete-round.active:hover{background:#0c2e2d!important;color:#fff!important}.service-detail-header .btn-delete:hover .btn-delete-icon{background-color:#0c2e2d!important}.btn-delete-round .btn-delete-icon{width:20px;height:20px;display:inline-block;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.customer-box{border:1px solid #EAEAEA!important;border-radius:20px!important;margin-bottom:0!important;padding:16px 20px!important;transition:all .2s ease!important}.customer-box.collapsed{padding:16px 20px!important}.customer-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:100%}.customer-header-left{display:flex;align-items:center;gap:16px}.customer-avatar{width:44px;height:44px;border-radius:50%;background:#f2f2f2;display:flex;align-items:center;justify-content:center;border:1px solid #EAEAEA}.customer-avatar .avatar-svg{width:24px;height:24px}.customer-info-meta{display:flex;flex-direction:column;gap:2px}.customer-name-label{font-size:18px;font-weight:700;color:var(--primary-color)}.customer-gender-label{font-size:13px;color:#888;font-weight:500}.customer-header-right{display:flex;align-items:center;gap:12px}.customer-badge-service{font-size:13px;font-weight:600;color:#556b2f;background:#f1f8e9;padding:6px 12px;border-radius:20px;border:1px solid #DCEDC8}.customer-badge-time{font-size:13px;font-weight:600;color:var(--gold);background:#fffde7;padding:6px 12px;border-radius:20px;border:1px solid #FFF9C4}.customer-select-checkbox input[type=checkbox]{width:20px;height:20px;border-radius:6px;border:1px solid #BEBEBE;cursor:pointer;accent-color:var(--primary-color)}.service-details-readonly-container{margin-top:16px;padding:24px;background:#f9fafb;border-radius:12px;border:none}.service-details-readonly-container h4{font-family:Google Sans,sans-serif;font-size:16px;font-weight:700;color:#111827;margin:0 0 16px}.service-details-readonly-list{display:flex;flex-direction:column;gap:0;margin-bottom:0}.service-readonly-row{display:grid;grid-template-columns:2.2fr 1.3fr .8fr 1fr;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #E5E7EB}.service-readonly-row:first-child{padding-top:0}.service-readonly-row:last-child{border-bottom:none;padding-bottom:0}.svc-col{font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;color:#374151}.svc-name{color:#111827;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-therapists,.svc-bed{color:#4b5563}.svc-time{color:#d97706;font-weight:500;text-align:right}.no-services-placeholder{font-size:14px;color:#9ca3af;font-weight:500;text-align:center;padding:12px}.service-details-readonly-actions{display:flex;justify-content:flex-end}.btn-edit-readonly{display:flex;align-items:center;gap:6px;background:var(--primary-color);color:#fff;border:none;border-radius:20px;padding:6px 18px;font-size:14px;font-weight:600;font-family:Google Sans,sans-serif;cursor:pointer;transition:all .2s ease}.btn-edit-readonly:hover{background:#0d302f}.edit-btn-icon{width:14px;height:14px}.card-actions{display:flex;justify-content:center;gap:16px;margin-top:32px;margin-bottom:48px;width:100%}.card-actions button{min-width:140px;height:46px;font-size:15px;font-weight:700;font-family:Google Sans;border-radius:12px;cursor:pointer;transition:all .2s ease}.card-actions .btn-cancel{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.card-actions .btn-cancel:hover{background:#103c3b0d}.card-actions .btn-save{background:var(--primary-color);border:none;color:#fff}.card-actions .btn-save:hover{background:#bebebe}.add-therapist-card{border:none!important;box-shadow:none!important;padding:0!important;background:transparent!important}.customer-grid-outer-wrapper{border:1px solid #EAEAEA;border-radius:20px;padding:16px;background:#fff;max-height:620px;min-height:200px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;margin-bottom:20px;box-sizing:border-box}.customer-grid-outer-wrapper::-webkit-scrollbar{width:6px}.customer-grid-outer-wrapper::-webkit-scrollbar-track{background:transparent}.customer-grid-outer-wrapper::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:99px}.customer-grid-outer-wrapper::-webkit-scrollbar-thumb:hover{background:#ccc}@media(min-width:769px)and (max-width:1024px){.add-therapist-card{display:block;margin:0 24px;padding:20px;border-radius:18px;min-height:0}.add-therapist-card .left-panel{width:100%;border-right:none;padding-right:0;box-shadow:none}.add-therapist-card .right-panel{width:100%;padding-left:0;padding-top:16px;margin-top:16px;border-top:1px solid #AAAAAA}.right-panel-header-top{grid-template-columns:minmax(0,1fr) 180px;gap:12px}.right-panel-header-bottom{flex-wrap:wrap;align-items:flex-start}.right-panel-header-bottom .header-actions{flex-wrap:wrap}.customer-grid{grid-template-columns:1fr}.customer-box{width:100%;max-width:none;padding:12px;border-radius:14px}.booking-info-row,.customer-list-section{margin-left:48px!important;margin-right:48px!important;max-width:none!important}.booking-info-row{flex-direction:column;gap:16px}.customer-list-section-header{padding:0 24px}.card-actions{max-width:none;margin:16px 24px 32px}.add-therapist-page .footer{position:static;transform:none;padding:12px 0}}@media(min-width:1025px)and (max-width:1248px){.booking-info-row,.customer-list-section{margin-left:48px!important;margin-right:48px!important}.card-actions{padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important}}@media(max-width:768px){.page-title-section h1,.add-therapist-page .page-title-section h1{font-size:20px}.page-title-section h2,.add-therapist-page .page-title-section h2{font-size:15px;margin-bottom:30px}.add-therapist-card{display:block;padding:12px;border-radius:14px;min-height:0;gap:16px}.add-therapist-card .left-panel{width:100%;margin:0;padding:0;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:none}.add-therapist-card .right-panel{width:100%;padding-left:0;padding-top:16px;margin-top:16px;border-top:1px solid #AAAAAA}.left-panel,.right-panel{width:100%}.customer-grid{grid-template-columns:1fr}.customer-col{gap:10px}.customer-header{flex-direction:column!important;align-items:flex-start;gap:12px}.customer-header span{font-size:12px}.customer-header-time{font-size:11px}.customer-box{width:100%;max-width:100%!important;padding:10px;border-radius:12px;position:relative!important}.customer-box.collapsed{padding:10px 18px}.customer-box.open{min-height:200px}.customer-box.open .customer-body{max-height:none}.customer-body .service-item-card{padding:8px 10px 6px}.customer-body .service-item-header,.customer-body .service-detail-header{flex-wrap:wrap;align-items:flex-start}.customer-body .service-detail-header .header-actions{width:100%;justify-content:flex-start}.customer-body .small-row label{font-size:12px}.customer-body .small-row .bed-therapist-row,.right-panel-header-top{grid-template-columns:1fr;gap:10px}.right-panel-header-bottom{flex-wrap:wrap}.add-therapist-card .left-panel .ant-select.ant-select-single .ant-select-selector{height:38px;min-height:38px}.add-therapist-card .left-panel .ant-select.ant-select-single .ant-select-selection-search-input{height:38px}.customer-box .customer-body .customer-box-select .ant-select-selector{height:42px;min-height:42px}.right-panel-header-bottom .header-actions .btn-delete,.right-panel-header-bottom .btn-add-service,.btn-cancel,.btn-save{min-width:0;font-size:14px}.card-actions{margin:16px 24px 32px;gap:10px;width:auto;box-sizing:border-box!important;flex-direction:column}.btn-cancel,.btn-save{min-width:unset;width:100%;padding:12px 18px;font-size:16px}.add-therapist-page .footer{position:static;transform:none;padding:12px}.custom-alert-overlay{padding:12px;align-items:center;overflow-y:auto;overflow-x:hidden}.custom-alert-modal{max-width:calc(100vw - 24px);border-radius:14px;padding:28px 16px 20px;margin:16px 0}.alert-modal-header{padding:12px 16px;margin:-28px -16px 8px}.alert-modal-header h1{font-size:15px}.alert-modal-close-circle{width:32px;height:32px;font-size:15px}.alert-modal-icon-wrap{width:68px;height:68px;margin:4px auto 14px}.alert-modal-icon-wrap img{width:34px;height:34px}.alert-modal-title{font-size:15px;margin:4px 0 8px}.alert-modal-text{font-size:13px;margin-bottom:16px}.alert-modal-actions{gap:10px}.alert-modal-close-btn,.btn-delete-confirm{min-width:0;padding:8px 18px;font-size:12px}.selected-service-popover.ant-popover{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.selected-service-popover .ant-popover-inner-content{padding:14px 12px}.selected-service-popover .selected-service-popup-content,.selected-service-popover .selected-service-popup-item{font-size:11px}.selected-service-popover .selected-service-popup-content{max-height:calc(100vh - 140px)}.customer-select-checkbox{position:absolute!important;top:20px!important;right:20px!important;margin:0!important;z-index:10}.customer-header-right{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px;padding-right:32px;box-sizing:border-box}.service-readonly-row{display:flex;flex-direction:column!important;align-items:flex-start;gap:6px;border-bottom:1px solid #E5E5E5;padding:12px 0}.service-readonly-row .svc-col{display:block!important;font-size:14px!important;line-height:1.4!important;text-align:left!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.service-readonly-row .svc-name:before{content:"Service :";font-weight:700;color:#111827;margin-right:6px;white-space:nowrap}.service-readonly-row .svc-therapists:before{content:"Therapist :";font-weight:700;color:#111827;margin-right:6px;white-space:nowrap}.service-readonly-row .svc-bed:before{content:"Bed :";font-weight:700;color:#111827;margin-right:6px;white-space:nowrap}.service-readonly-row .svc-time:before{content:"Time :";font-weight:700;color:#111827;margin-right:6px;white-space:nowrap}.svc-time{text-align:left}.customer-edit-form .customer-personal-row{grid-template-columns:1fr!important}.service-detail-header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.service-detail-header>div:first-child{min-width:0!important;width:100%!important;padding-right:0!important;box-sizing:border-box!important}.service-detail-header>div:nth-child(2){width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.customer-body .service-item-top-actions{width:100%!important;justify-content:space-between!important}.customer-body .service-kind-switch{order:1}.bed-therapist-row{grid-template-columns:1fr!important;gap:16px!important}.therapist-drag-wrap,.na-select-wrapper{margin-bottom:0!important}.therapist-na-toggle,.customer-body .na-corner-toggle{flex-direction:row-reverse!important;gap:6px!important;right:0!important}.customer-body .service-item-card>div:nth-child(3){margin-bottom:16px!important}.customer-list-section{padding:0 24px!important}.customer-grid-outer-wrapper{max-height:500px;min-height:200px;overflow-y:auto;padding:8px;box-sizing:border-box;width:100%!important;max-width:100%!important}.customer-box{padding:20px;width:auto;box-sizing:border-box}.service-details-edit-section{padding:0!important}.service-item-card{padding:10px!important}.booking-info-card{padding:20px}.booking-info-row{padding:0 24px!important;flex-direction:column;gap:16px}.customer-badge-time,.btn-add-service{white-space:nowrap!important;font-size:11px!important;padding:6px 10px!important}.right-panel{padding-left:0!important}.customer-body .service-item-header{position:relative!important}.customer-body .service-item-header>div:nth-child(2){padding-right:28px!important;box-sizing:border-box!important}.customer-body .service-item-header label{position:absolute!important;top:0!important;right:0!important;margin:0!important}.customer-body .package-service-meta-row{flex-direction:column;align-items:stretch;gap:10px}.customer-body .package-selector-inline{align-items:stretch;min-width:0;max-width:none}.customer-body .service-package-group-card{padding:16px;border-radius:22px}.customer-body .service-package-group-card__selector{padding:16px 14px 12px;border-radius:18px}.customer-body .service-package-group-card__title{font-size:18px}.customer-body .service-package-group-card__header--summary{padding:16px 16px 12px}.customer-body .service-item-card--nested{padding:14px}}.service-item-title{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;min-width:0;flex:1}.ant-select-disabled .ant-select-selector{background:#f3f3f3!important}input.amount-input,input.cost-input{color:var(--primary-color)!important;font-family:Google Sans!important;font-weight:600!important;font-size:14px!important}div:has(>.cost-input:focus){border-color:var(--primary-color)!important}.cost-input::placeholder{color:#aaa;opacity:1}.amount-input::placeholder{color:#aaa;opacity:1}input.amount-input::placeholder,input.cost-input::placeholder{font-family:Google Sans!important;font-weight:500!important;font-size:14px!important;color:#aaa!important}select{color:var(--primary-color)!important;font-weight:600!important;font-size:14px!important}input[placeholder=Units]::placeholder,input[placeholder=Amount]::placeholder{font-weight:500;font-family:Google Sans;font-size:14px!important}button.cancel,button.save{width:140px!important;height:40px!important;border-radius:8px!important}button.cancel,button.save{font-family:Google Sans!important;font-weight:600!important;font-size:14px!important}input,textarea,select{border-color:#bebebe!important}select:focus,input:focus{border-color:var(--primary-color)!important;outline:none!important}.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important}.amount-input:disabled{background-color:#eee!important;padding:0 10px!important;color:var(--primary-color)!important}.stocktransfer-page{padding:24px;box-sizing:border-box}.stocktransfer-modal{width:min(804px,calc(100vw - 32px))!important;max-height:min(600px,calc(100vh - 32px));display:flex;flex-direction:column;overflow:hidden}.stocktransfer-form{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.stocktransfer-product-row,.stocktransfer-transfer-row,.stocktransfer-transfer-side,.stocktransfer-cost-row,.stocktransfer-actions,.stocktransfer-product-name,.stocktransfer-product-unit,.stocktransfer-cost-field{min-width:0}.stocktransfer-product-unit{flex:0 0 160px;max-width:160px}.stocktransfer-product-amount{flex:0 0 180px;max-width:180px}.stocktransfer-cost-wrapper,.stocktransfer-cost-wrapper-right{margin-left:0!important}@media(max-width:767px){.stocktransfer-modal{width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 24px)}.stocktransfer-header,.stocktransfer-form{padding-left:18px!important;padding-right:18px!important}.stocktransfer-product-row{flex-wrap:wrap;height:auto!important}.stocktransfer-product-name{flex:1 1 100%}.stocktransfer-product-unit,.stocktransfer-product-amount{flex:1 1 calc(50% - 8px);max-width:none}.button.cancel,.button.save{margin-top:12px!important}}@media(max-width:640px){.stocktransfer-page{padding:12px}.stocktransfer-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px);border-radius:18px!important}.stocktransfer-header{padding:18px 18px 0!important}.stocktransfer-form{padding:16px 18px 20px!important}.button.cancel,.button.save,button.cancel,button.save{width:100%!important;max-width:180px}.stocktransfer-transfer-row,.stocktransfer-cost-row{flex-direction:column;gap:16px!important;align-items:stretch!important}.stocktransfer-transfer-side{width:100%}.stocktransfer-arrow{justify-content:center;height:auto!important}.stocktransfer-arrow img{margin:0!important}.stocktransfer-arrow-cost{padding:2px 0}.stocktransfer-actions{gap:12px;margin-top:20px!important}button.cancel{margin-right:0!important}}@media(max-width:520px){.stocktransfer-product-unit,.stocktransfer-product-amount,.stocktransfer-transfer-side{flex:1 1 100%;width:100%;max-width:none}.stocktransfer-transfer-side{flex-direction:column;gap:12px!important}.stocktransfer-actions{flex-direction:column;align-items:center}button.cancel,button.save{max-width:none;width:100%!important}button.cancel{margin-right:0!important}}.input-error,.ant-select-status-error .ant-select-selector{border-color:#ff3b30!important}.stocktransfer-error-text{color:#ff3b30;font-size:12px;font-weight:500;margin-top:4px;display:block;font-family:Google Sans,sans-serif;text-align:left}.pos-page-container{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;background-color:var(--background-color, #f0f2f5);min-height:100vh;font-family:Google Sans,sans-serif}.pos-page-content{width:100%;max-width:1296px;padding-left:48px;padding-right:48px;box-sizing:border-box;flex-grow:1;display:flex;flex-direction:column;align-items:center;margin:0 auto 50px}.pos-title{font-weight:700;font-size:36px;line-height:100%;margin:0 0 12px;color:#000}.pos-subtitle{font-weight:500;font-size:16px;line-height:100%;margin:0;color:#4a4a4a}.pos-main-flex-box{display:flex;justify-content:flex-start;align-items:stretch;width:100%;background-color:#fff;border:1px solid #EAEAEA;border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden;height:780px;box-sizing:border-box}.pos-left-panel{flex:2.3;display:flex;flex-direction:column;padding:20px;box-sizing:border-box;overflow:hidden;height:100%;min-width:0}.pos-left-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-shrink:0}.pos-left-title{font-weight:700;font-size:22px;color:#000}.pos-search-wrapper{position:relative;width:280px}.pos-search-input{width:100%;padding:10px 40px 10px 18px;border:1px solid #EAEAEA;border-radius:20px;font-family:Google Sans,sans-serif;font-size:14px;color:#333;outline:none;box-sizing:border-box;background-color:#fff;transition:border-color .2s}.pos-search-input:focus{border-color:var(--primary-color)}.pos-search-input::placeholder{color:#ccc}.pos-search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none}.pos-categories-container{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;flex-wrap:nowrap;flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box;padding-bottom:8px}.pos-categories-container::-webkit-scrollbar{height:6px}.pos-categories-container::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:4px}.pos-category-pill{padding:10px 20px;border-radius:20px;border:none;background:#f4f6f5;color:#4a4a4a;font-family:Google Sans,sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.pos-category-pill.active{background:var(--primary-color);color:#fff}.pos-products-subheader{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;border-top:1px solid #F5F5F5;padding-top:20px;flex-shrink:0}.pos-choose-title{font-weight:700;font-size:20px;color:#000;margin-bottom:6px}.pos-choose-subtitle{font-size:13px;color:#999}.pos-item-count{font-size:14px;color:#999;font-weight:600}.pos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1;overflow-y:auto;align-content:start}.pos-grid::-webkit-scrollbar{width:6px}.pos-grid::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:4px}.pos-card-horizontal{display:flex;flex-direction:column;background:#fff;border-radius:18px;border:1.5px solid #F5F5F5;padding:10px 14px;gap:10px;transition:border-color .25s,box-shadow .25s;box-sizing:border-box;width:100%;max-width:460px}.pos-card-horizontal:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-sm)}.pos-card-horizontal.active{border-color:#d8d8d8;background-color:#fdfdfd}.pos-card-horizontal.out-of-stock{opacity:.55;pointer-events:none;filter:grayscale(30%)}.pos-add-btn.disabled,.pos-add-btn:disabled{background:#efefef;color:#bbb;cursor:not-allowed;pointer-events:none}.pos-qty-btn.disabled,.pos-qty-btn:disabled{background:#efefef!important;color:#bbb!important;cursor:not-allowed;pointer-events:none;box-shadow:none}.pos-card-top-row{display:flex;flex-direction:row;gap:16px;width:100%}.pos-card-img-container{width:100px;height:100px;flex-shrink:0;border-radius:14px;overflow:hidden;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}.pos-card-img-container img{width:100%;height:100%;object-fit:cover}.pos-card-img-fallback{width:50%!important;height:50%!important;object-fit:contain!important}.pos-card-content{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;min-width:0}.pos-card-info{display:flex;flex-direction:column;flex:1;min-width:0}.pos-card-name{font-weight:700;font-size:16px;color:#000;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.pos-card-remark{font-size:12px;color:#999;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.pos-card-tags{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0;overflow:hidden;white-space:nowrap}.pos-tag-type{color:#d47936;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.pos-tag-dot{color:#ccc}.pos-tag-stock{color:var(--primary-color);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block;vertical-align:bottom}.pos-card-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.pos-price{font-weight:700;font-size:20px;color:#000}.pos-qty-controls{display:flex;align-items:center;justify-content:flex-end;height:32px}.pos-add-btn{width:32px;height:32px;border-radius:50%;background:#f0f4f4;color:var(--primary-color);border:none;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.pos-add-btn:hover{background:#e0e8e8}.pos-qty-ctrl{display:flex;align-items:center;gap:8px;background:transparent;border-radius:20px;padding:0}.pos-qty-btn{width:32px;height:32px;border-radius:50%;background:#e9ebeb;border:none;color:var(--primary-color);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;box-shadow:var(--shadow-sm)}.pos-qty-btn.active{background:var(--primary-color);color:#fff}.pos-qty-num{font-weight:700;font-size:14px;color:var(--primary-color);min-width:16px;text-align:center}.pos-right-panel{flex:1;background-color:#f9f9f9;padding:20px;margin:20px;border-radius:20px;display:flex;flex-direction:column;box-sizing:border-box}.pos-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-shrink:0;border-bottom:1.5px solid #EAEAEA;padding-bottom:16px}.pos-order-title{font-weight:700;font-size:22px;color:#000}.pos-order-actions{display:flex;gap:10px;align-items:center}.pos-action-btn{display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;border:none;background:#eff4f3;color:var(--primary-color);font-family:Google Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.pos-action-btn:hover{background:#e2eceb}.pos-action-btn.icon-only{padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pos-action-btn.trash-btn{background:var(--primary-color);border-color:var(--primary-color)}.pos-cart-list{display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto;margin-bottom:20px;padding-right:4px}.pos-cart-list::-webkit-scrollbar{width:6px}.pos-cart-list::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:4px}.pos-cart-empty{text-align:center;color:#ccc;margin-top:60px;font-style:italic;font-weight:500}.pos-cart-item{display:flex;gap:16px;border-bottom:2px dashed #EAEAEA;padding-bottom:20px}.pos-cart-item:last-child{border-bottom:none;padding-bottom:0}.pos-cart-item-img{width:70px;height:70px;flex-shrink:0;border-radius:12px;overflow:hidden;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}.pos-cart-item-img img{width:100%;height:100%;object-fit:cover}.pos-cart-item-img img.pos-card-img-fallback{width:45%!important;height:45%!important;object-fit:contain!important}.pos-cart-item-details{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.pos-cart-item-header{display:flex;justify-content:space-between;align-items:flex-start}.pos-cart-item-name{font-weight:700;font-size:15px;color:#000;line-height:1.4;padding-right:8px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.pos-cart-item-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color);flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid #CCCCCC;border-radius:6px;background-color:#fff;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:all .15s ease}.pos-cart-item-checkbox:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.pos-cart-item-checkbox:checked:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:2px}.pos-cart-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.pos-cart-item-price{font-weight:700;font-size:16px;color:#000}.pos-qty-ctrl.small{padding:2px;gap:6px}.pos-qty-ctrl.small .pos-qty-btn{width:20px;height:20px;font-size:12px;box-shadow:none}.pos-cart-placeholder{width:100%;background-color:#f0f4f3;border-radius:20px;padding:16px 20px;margin-bottom:24px;flex-shrink:0;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.pos-summary-row{display:flex;justify-content:space-between;align-items:center;width:100%}.pos-summary-label{font-family:Google Sans,sans-serif;font-size:14px;font-weight:500;color:#4a4a4a}.pos-summary-value{font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;color:#000}.pos-summary-discount-btn{padding:3px 14px;border-radius:12px;border:1px solid var(--primary-color);background:#eaf2f1;color:var(--primary-color);font-family:Google Sans,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.pos-summary-discount-btn:hover{background:#d5e5e3}.pos-summary-divider{width:100%;height:1.5px;background-color:var(--primary-color);margin:4px 0}.pos-summary-row.total-row{margin-top:2px}.font-bold{font-weight:700!important}.total-value{font-size:18px}.pos-payment-method{margin-bottom:24px;flex-shrink:0}.pos-payment-title{font-weight:500;font-size:16px;color:#000;margin-bottom:14px}.pos-payment-options{display:flex;gap:6px}.pos-payment-btn{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:12px 6px;background:#fff;border:1px solid #EAEAEA;border-radius:8px;font-family:Google Sans,sans-serif;font-size:11px;font-weight:600;color:#4a4a4a;cursor:pointer;transition:all .25s ease;white-space:nowrap}.pos-payment-btn svg{color:#999;transition:color .2s}.pos-payment-btn.active{background:var(--gold);color:#fdf9f0;box-shadow:0 4px 12px #b4832414}.pos-payment-btn.active svg{color:#fdf9f0}.pos-payment-btn-booking{width:100%;flex:none;margin-top:8px;border-style:dashed;border-color:var(--secondary-color);color:var(--primary-color);font-size:12px}.pos-payment-btn-booking svg{color:var(--secondary-color)}.pos-payment-btn-booking.active{background:var(--primary-color);border-style:solid;border-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #103c3b1f}.pos-payment-btn-booking.active svg{color:#fff}.pos-right-footer{flex-shrink:0}.pos-save-btn{width:100%;padding:16px;background:var(--primary-color);color:#fff;font-family:Google Sans,sans-serif;font-weight:700;font-size:16px;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease}.pos-save-btn:hover{background:#0d2f2e}@keyframes pos-btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.pos-main-flex-box{height:auto;flex-direction:column}.pos-left-panel{border-right:none;border-bottom:1px solid #EAEAEA;height:auto}.pos-right-panel{height:auto}.pos-grid{height:500px}}@media(max-width:767px){.pos-page-content{padding:0 20px!important}.pos-grid{grid-template-columns:1fr;overflow-x:hidden!important;width:100%!important;box-sizing:border-box!important}.pos-left-header{flex-direction:column;align-items:flex-start;gap:16px;padding-top:10px}.pos-search-wrapper{width:100%}.pos-categories-container{padding:0 10px 10px}.pos-left-panel{padding:10px 0}.pos-right-panel{margin:10px 0;padding:16px}.pos-main-flex-box{border-radius:16px;padding:20px}.pos-card-horizontal{padding:10px;width:100%;box-sizing:border-box;max-width:100%}.pos-card-img-container{width:76px;height:76px}.pos-card-top-row{gap:10px}.pos-tag-type{max-width:85px}.pos-tag-stock{max-width:90px}.pos-price{font-size:16px}.pos-add-btn{width:28px;height:28px;font-size:16px}.pos-qty-btn{width:28px;height:28px;font-size:13px}.pos-qty-num{font-size:13px;min-width:14px}}.pos-skeleton{background:var(--skeleton-gradient);background-size:400% 100%;animation:pos-shimmer 1.4s ease infinite}@keyframes pos-shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}.pos-category-pill-skeleton{width:80px;height:38px;border-radius:20px;flex-shrink:0}.pos-card-skeleton{display:flex;flex-direction:column;background:#fff;border-radius:18px;border:1.5px solid #F5F5F5;padding:10px 14px;gap:10px;box-sizing:border-box}.pos-skeleton-image{width:100px;height:100px;border-radius:14px;flex-shrink:0}.pos-skeleton-text-title{width:60%;height:18px;border-radius:4px;margin-bottom:8px}.pos-skeleton-text-remark{width:85%;height:12px;border-radius:4px;margin-bottom:6px}.pos-skeleton-text-remark-2{width:50%;height:12px;border-radius:4px;margin-bottom:8px}.pos-skeleton-text-tag{width:40%;height:12px;border-radius:4px}.pos-skeleton-bottom{display:flex;justify-content:space-between;align-items:center;width:100%}.pos-skeleton-price{width:80px;height:24px;border-radius:4px}.pos-skeleton-btn{width:32px;height:32px;border-radius:50%}.pos-stock-style-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;gap:12px}.pos-stock-loading-gif{width:72px;height:72px;object-fit:contain}.pos-stock-style-loading p{margin:0;font-family:Google Sans,sans-serif;font-size:15px;font-weight:600;color:var(--primary-color)}.pos-cart-empty-space{flex:1}.pos-payment-disabled-btn{width:100%;padding:16px;background:#ececec;color:#a8a8a8;font-family:Google Sans,sans-serif;font-weight:700;font-size:16px;border:none;border-radius:16px;cursor:not-allowed;transition:all .3s ease}.pos-empty-cart-container{display:flex;align-items:center;justify-content:center;flex:1;width:100%;height:100%}.pos-empty-cart-circle{width:140px;height:140px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(16,60,59,.04)}.pos-empty-cart-icon{width:140px;height:140px;opacity:.95;object-fit:contain}.pos-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000073;display:flex;padding:24px;align-items:center;justify-content:center;z-index:10000;animation:pos-fadeIn .2s ease-out}.pos-modal{width:720px;max-width:min(720px,calc(100vw - 32px));background:#fff;border-radius:20px!important;box-shadow:var(--shadow-lg);position:relative;box-sizing:border-box;animation:pos-slideUp .25s ease-out;display:flex;flex-direction:column}.pos-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F0F0F0;padding:10px 20px}.pos-modal-title{margin:0;font-size:20px;font-weight:800;color:var(--primary-color)}.pos-modal-close{width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;background:var(--primary-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:background .2s ease}.pos-modal-close:hover{background-color:#0d2f2e}.pos-modal-body{display:flex;flex-direction:column;gap:16px;max-height:560px;overflow-y:auto;padding:20px 30px}.pos-modal-body::-webkit-scrollbar{width:6px}.pos-modal-body::-webkit-scrollbar-thumb{background-color:#e0e0e0;border-radius:4px}.pos-modal-section{display:flex;flex-direction:column;gap:6px}.pos-modal-section-title{font-size:14px;font-weight:700;color:var(--primary-color)}.pos-modal-input,.pos-modal-select,.pos-modal-textarea{width:100%;padding:10px 14px;border:1px solid #EAEAEA;border-radius:12px;font-family:Google Sans,sans-serif;font-size:14px;color:#333;outline:none;background-color:#fff;box-sizing:border-box}.pos-modal-input:focus,.pos-modal-select:focus,.pos-modal-textarea:focus{border-color:var(--primary-color)}.pos-modal-input.readonly{background-color:#f8f9fa;color:#666;border-color:#eaeaea;cursor:not-allowed}.pos-modal-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23103C3B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 7 4 5 4-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px;padding-right:40px!important;cursor:pointer;position:relative;font-weight:500;color:var(--primary-color);transition:all .3s ease}.pos-modal-select:hover{border-color:var(--primary-color);background-color:#f8fbfa}.pos-custom-dropdown{position:relative;width:100%}.pos-dropdown-button{width:100%;padding:10px 14px;border:1px solid #EAEAEA;border-radius:12px;font-family:Google Sans,sans-serif;font-size:14px;color:#333;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;outline:none;box-sizing:border-box}.pos-dropdown-button:hover{border-color:#d0d0d0;background-color:#fafafa;box-shadow:var(--shadow-sm)}.pos-dropdown-button:focus{border-color:var(--primary-color)}.pos-dropdown-value{font-weight:500;color:#333;display:flex;align-items:center}.pos-dropdown-icon{color:#a0a0a0;transition:transform .2s ease;flex-shrink:0;margin-left:8px;width:14px;height:14px}.pos-dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background-color:#fff;border:1px solid #E8E8E8;border-radius:12px;margin-top:6px;box-shadow:var(--shadow-md);z-index:100;overflow:hidden;animation:slideDown .2s ease;padding:8px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}.pos-dropdown-menu::-webkit-scrollbar{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pos-dropdown-item{width:100%;padding:12px 16px;border:none;background-color:#f5f5f5;color:#333;cursor:pointer;text-align:left;font-family:Google Sans,sans-serif;font-size:14px;transition:all .12s ease;display:flex;justify-content:space-between;align-items:center;outline:none;border-radius:8px;box-sizing:border-box}.pos-dropdown-item:hover{background-color:#efefef;color:#333}.pos-dropdown-item.active{background-color:#e8f4f3;color:var(--primary-color);font-weight:500}.pos-dropdown-checkmark{color:var(--primary-color);flex-shrink:0;margin-left:8px;width:16px;height:16px}.pos-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #d9d9d9;border-radius:12px;box-shadow:var(--shadow-sm);z-index:100;overflow:hidden;animation:slideDown .2s ease;min-width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pos-dropdown-item{width:100%;padding:10px 12px;border:none;background-color:transparent;color:#333;cursor:pointer;text-align:left;font-family:Google Sans,sans-serif;font-size:14px;transition:all .12s ease;display:flex;justify-content:space-between;align-items:center;outline:none;font-weight:500}.pos-dropdown-item:last-child{border-bottom:none}.pos-dropdown-item:hover{background-color:#f5f5f5;color:#333}.pos-dropdown-item.active{background-color:var(--primary-color);color:#fff;font-weight:700}.pos-dropdown-item-text{flex:1}.pos-dropdown-checkmark{color:var(--primary-color);flex-shrink:0;margin-left:8px;width:14px;height:14px}.pos-modal-textarea{min-height:80px;resize:vertical}.pos-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px}.pos-btn-cancel,.pos-btn-confirm{padding:10px 20px;border-radius:12px;font-family:Google Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pos-btn-cancel{border:1px solid #EAEAEA;background:#fff;color:#4a4a4a}.pos-btn-cancel:hover{background:#f8f9fa}.pos-btn-confirm{border:none;background:var(--primary-color);color:#fff}.pos-btn-confirm:hover{background:#0d2f2e}.pos-btn-confirm:disabled{cursor:not-allowed;background:#cdcdcd}.pos-btn-confirm-sm{width:120px;padding:10px 0}@keyframes pos-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pos-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.payment-modal .narrow-field{max-width:460px;width:100%}.payment-modal .narrow-field textarea,.payment-modal .narrow-field input{width:100%}.payment-modal .narrow-select .ant-select{max-width:460px}.payment-modal .narrow-select .ant-select-selector{width:100%}.pos-checkout-page,.pos-checkout-page *{font-family:Google Sans!important}.pos-checkout-page{display:flex;flex-direction:column;align-items:center;width:100%;background:var(--background-color, #f8f8f8);min-height:100vh}.pos-checkout-content{width:100%;max-width:1237px;padding:20px;box-sizing:border-box}.pos-checkout-content{flex:1}.pos-checkout-page>.footer{position:relative!important;bottom:auto!important;margin-top:auto;width:100%}.pos-page-title-section{text-align:center}.pos-title{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0;margin:60px 10px 10px;color:#000}.pos-subtitle{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0;margin:10px 10px 60px;color:#000}.checkout-panels{display:flex;gap:24px;width:100%;max-width:1178px;min-width:0;background:#fff;border:1px solid #B8B8B8;border-radius:25px;box-shadow:var(--shadow-sm);padding:16px;box-sizing:border-box;align-items:stretch;margin-left:-1px;margin-bottom:50px;margin-top:95px}.checkout-left{flex:3;min-width:0;background:#fff;border:none;border-radius:0;padding:-82px 0;height:616px;display:flex;flex-direction:column;overflow:hidden;margin:0}.checkout-right{flex:1;min-width:0;display:flex;justify-content:flex-end}.checkout-table{width:100%;display:flex;flex-direction:column;flex:1;min-height:0}.checkout-table .thead{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.7fr) minmax(0,.7fr) minmax(0,.7fr);padding:10px 20px;border-bottom:1px solid #AAAAAA;color:#000;font-weight:600;font-size:20px}.checkout-table .thead>:first-child{margin-left:-20px}.checkout-table .tbody{display:flex;flex-direction:column;flex:1;overflow-y:auto}.checkout-table .row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.7fr) minmax(0,.7fr) minmax(0,.7fr);align-items:center;padding:14px 20px;border-bottom:1px solid #AAAAAA}.checkout-table .col{display:flex;align-items:center;min-width:0}.checkout-table .col.product .prod{display:flex;gap:12px;align-items:flex-start;margin-left:-20px}.checkout-table .col.product img{width:72px;height:72px;border-radius:10px;object-fit:cover}.checkout-table .col.product .img-placeholder{width:72px;height:72px;border-radius:10px;background:#ececec}.checkout-table .col.product .meta{min-width:0}.checkout-table .col.product .meta .name{font-family:Google Sans;font-weight:600;color:#000;overflow-wrap:anywhere}.checkout-table .col.product .meta .remark{font-size:11px;color:#a0a0a0;line-height:28px;margin-bottom:4px}.checkout-table .col.product .meta .remark:last-child{margin-bottom:0}@media(max-width:1024px){.pos-checkout-content{max-width:100%;width:100%;padding:16px}.checkout-panels{width:100%;max-width:100%;margin:40px 0}}@media(max-width:1000px){.pos-subtitle{font-size:20px;margin:10px 10px 60px}.checkout-panels{flex-direction:column;gap:16px;padding:14px;margin-top:32px}.checkout-left,.checkout-right{width:100%;min-width:0;height:auto}.checkout-right{justify-content:stretch}.checkout-table .thead{grid-template-columns:minmax(0,1.8fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,.8fr);font-size:16px}.checkout-table .row{grid-template-columns:minmax(0,1.8fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,.8fr)}.summary-card{width:100%;max-width:none;min-height:0;height:auto}}@media(max-width:640px){.pos-title{font-size:22px;font-weight:700}.pos-subtitle{font-size:16px;font-weight:500}.pos-checkout-content{padding:12px}.checkout-panels{padding:12px;border-radius:20px}.checkout-table .thead{display:none}.checkout-table .tbody{overflow:visible}.checkout-table .row{grid-template-columns:minmax(0,1fr);grid-template-areas:"product" "price" "qty" "subtotal";gap:10px;align-items:start;padding:16px 0}.checkout-table .col{justify-content:space-between}.checkout-table .col.product{grid-area:product;justify-content:flex-start}.checkout-table .col.price{grid-area:price;align-items:center}.checkout-table .col.qty{grid-area:qty;align-items:center;justify-content:space-between;padding:0 4px 0 0}.checkout-table .col.subtotal{grid-area:subtotal;align-items:center}.checkout-table .col.price,.checkout-table .col.qty,.checkout-table .col.subtotal{flex-direction:row;gap:12px;width:100%}.checkout-table .col.price:before,.checkout-table .col.qty:before,.checkout-table .col.subtotal:before{font-size:12px;font-weight:700;color:#7a7a7a;line-height:1.2}.checkout-table .col.price:before{content:"Price"}.checkout-table .col.qty:before{content:"Quantity"}.checkout-table .col.subtotal:before{content:"Subtotal"}.checkout-table .col.product .prod{margin-left:0;gap:14px}.checkout-table .col.product img,.checkout-table .col.product .img-placeholder{width:64px;height:64px}.checkout-table .qty-ctrl{gap:12px;justify-content:flex-end;margin-left:auto}.checkout-table .col.price,.checkout-table .col.subtotal{font-size:15px}.summary-card{padding:12px;border-radius:20px}.summary-title,.summary-row{font-size:16px}}.checkout-table .col.product .meta .tag{margin-top:6px;display:inline-block;background:#eee;border-radius:6px;padding:2px 8px;font-size:9px;font-weight:600;color:#a0a0a0}.checkout-table .col.price,.checkout-table .col.subtotal{justify-content:flex-start;color:#000;font-weight:600}.checkout-table .col.qty{justify-content:flex-start}.checkout-table .qty-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #B8B8B8;border-radius:999px;min-width:28px;height:28px;padding:0 8px;font-weight:600;color:#000}.empty{padding:16px 20px;color:#888}.checkout-table .qty-ctrl{display:flex;align-items:center;gap:12px}.checkout-table .qty-btn{width:25px;height:25px;border:1px solid #A0A0A0;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-family:Google Sans;font-size:20px;font-weight:600;color:#a0a0a0;cursor:pointer;line-height:1;transition:background .15s,transform .15s}.checkout-table .qty-btn:hover{background:#f5f5f5}.checkout-table .qty-btn:active{transform:scale(.94)}.checkout-table .qty-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:#fff}.checkout-table .qty-num{font-family:Google Sans;font-size:16px;font-weight:600;color:#000;min-width:18px;text-align:center}.summary-card{background:linear-gradient(0deg,#aaaaaa38,#aaaaaa38);border-radius:25px;border:1px none #B8B8B8;padding:12px;min-height:610px;height:auto;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;margin:0;position:relative}.summary-card .summary-title,.summary-card .summary-row,.summary-card .summary-row.total{background:transparent}.summary-title{font-weight:700;color:#000;padding:0 8px 10px;font-size:clamp(17px,1.1vw + 8px,20px);border-bottom:1px solid #AAAAAA;margin:-2px -1px 0}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 10px;color:#000;font-size:clamp(16px,1vw + 8px,20px);font-weight:600}.summary-row span{min-width:0;line-height:1.25}.summary-row span:last-child{text-align:right;overflow-wrap:anywhere;word-break:break-word}.summary-row.vat{border-bottom:none;margin:0 -1px;padding-bottom:10px}.summary-vat-block{border-bottom:1px solid #AAAAAA;margin:0 -1px;padding-bottom:10px}.summary-row.receive{margin:0 -1px;padding-top:10px}.summary-row.total{font-weight:600;border-bottom:2px solid #000;margin:0 -1px;padding-bottom:10px}.summary-row.change{border-bottom:2px solid #000;margin:0 -1px;padding-bottom:10px}.summary-sep{height:1px;background:#b8b8b8;margin:6px 8px}.summary-sep.bottom{height:2px;background:#000;margin:8px}.summary-add{border:none;outline:none;background:var(--primary-color);color:#fff;border-radius:16px;padding:4px 10px;font-weight:600;cursor:pointer;font-family:Google Sans;font-size:clamp(12px,.5vw + 10px,14px);transition:background .2s,color .2s}.summary-add:hover{background:#bebebe}.pay-btn{width:100%;margin-top:auto;background:var(--primary-color);color:#fff;border:none;border-radius:10px;padding:10px 0;font-weight:600;cursor:pointer;font-family:Google Sans;font-size:clamp(14px,.55vw + 11px,16px);transition:background .2s}.pay-btn:hover{background:#bebebe}.after-pay-actions{display:flex;gap:12px;position:absolute;bottom:16px;left:12px;right:12px}.after-pay-actions .print-btn,.after-pay-actions .download-btn{flex:1;background:var(--primary-color);color:#fff;border:none;border-radius:10px;padding:10px 0;font-weight:600;cursor:pointer;font-family:Google Sans;font-size:14px;transition:background .2s}.after-pay-actions .print-btn:hover,.after-pay-actions .download-btn:hover{background:#bebebe}@media(max-width:1000px){.checkout-right{width:100%;justify-content:stretch;align-self:stretch}.summary-card{width:100%;max-width:100%;min-height:0;height:auto}.summary-title,.summary-row{font-size:18px}}@media(max-width:640px){.summary-card{width:100%;max-width:100%}.summary-title{font-size:16px}.summary-row{font-size:15px;padding:9px 8px}.summary-add{font-size:11px;padding:4px 9px}.pay-btn{font-size:14px;margin-top:16px}}.discount-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:2000;padding:20px}.discount-modal{background:#fff;border-radius:28px;box-shadow:var(--shadow-md);width:520px;max-width:100%;padding:28px 34px 32px;display:flex;flex-direction:column;font-family:Google Sans}.discount-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.discount-modal .modal-title{font-size:20px;font-weight:700;color:#000}.discount-modal .modal-close{background:var(--primary-color);color:#fff;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.discount-modal .modal-close:hover{background:#bebebe}.discount-modal .modal-body{flex:1}.discount-modal .form-grid{display:grid;grid-template-columns:1fr 190px;gap:20px;margin-top:4px}.discount-modal label{display:block;font-size:14px;font-weight:600;color:#000;margin-bottom:6px}.discount-modal input,.discount-modal select{width:100%;box-sizing:border-box;border:1px solid #BEBEBE;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;font-family:Google Sans;outline:none;background:#fff;color:var(--primary-color)}.discount-modal input::placeholder{font-weight:500;font-size:14px}.discount-modal input::-ms-input-placeholder{font-weight:500;font-size:14px}.discount-modal input::-webkit-input-placeholder{font-weight:500;font-size:14px}.discount-modal input:focus,.discount-modal select:focus{border-color:var(--primary-color)}.discount-modal .ant-select-single .ant-select-selector{border-radius:12px;height:40px;display:flex;align-items:center}.discount-modal .ant-select-single .ant-select-selector .ant-select-selection-item{font-size:14px;font-weight:600;color:var(--primary-color)}.discount-modal .ant-select-single .ant-select-selector .ant-select-selection-placeholder{font-size:14px;font-weight:500;color:#a0a0a0}.discount-modal .modal-actions{margin-top:34px;display:flex;justify-content:center}.discount-modal .btn-primary{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:10px 60px;font-size:13px;font-weight:600;cursor:pointer;font-family:Google Sans;transition:background .2s}.discount-modal .btn-primary:hover{background:#bebebe}.summary-add.outline{background:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.discount-display{display:inline-flex;align-items:center;gap:10px}.discount-display .discount-amount{font-weight:700;color:#000}.discount-remove{width:28px;height:28px;border:1px solid var(--primary-color);border-radius:50%;background:transparent;color:var(--primary-color);display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:16px;cursor:pointer}.discount-remove:hover{background:#ecf2f2}.discount-remove:active{transform:scale(.96)}@media(max-width:680px){.discount-modal{padding:24px 24px 28px;width:100%}.discount-modal .form-grid{grid-template-columns:1fr;gap:18px}.discount-modal .btn-primary{width:100%;padding:12px 0}}.payment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:2000;padding:20px}.payment-modal{background:#fff;border-radius:28px;box-shadow:var(--shadow-md);width:430px;max-width:100%;display:flex;flex-direction:column;font-family:Google Sans}.payment-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:none;box-shadow:0 4px 16px #103c3b14}.payment-modal .modal-title{font-size:20px;font-weight:700;color:#000}.payment-modal .modal-close{background:var(--primary-color);color:#fff;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.payment-modal .modal-close:hover{background:#bebebe}.payment-modal .modal-body{flex:1}.payment-modal .radio-row{display:flex;gap:18px;align-items:center;margin-bottom:10px}.payment-modal .radio-row{flex-wrap:nowrap}.payment-modal .radio{display:flex;gap:8px;align-items:center;font-weight:600;color:#000}.payment-modal .radio span{white-space:nowrap}.payment-modal input[type=radio]{accent-color:var(--primary-color)}.payment-modal .form-field{margin-top:12px}.payment-modal label{display:block;font-size:14px;font-weight:600;color:#000;margin-bottom:6px}.payment-modal input,.payment-modal textarea{width:100%;box-sizing:border-box;border:1px solid #BEBEBE;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;font-family:Google Sans;outline:none;background:#fff;color:var(--primary-color)}.payment-modal input[readonly]{background:#f3f3f3!important;color:var(--primary-color);cursor:default}.payment-modal input.amount-input[readonly]{background:#fff!important}.payment-modal textarea{resize:vertical}.payment-modal textarea.remark-fixed{resize:none;height:96px;min-height:96px;max-height:96px}.payment-modal .modal-body .form-field textarea.remark-fixed::placeholder{color:#bebebe!important;font-weight:500!important}.payment-modal .modal-body .form-field textarea.remark-fixed::-ms-input-placeholder{color:#bebebe!important;font-weight:500!important}.payment-modal .modal-body .form-field textarea.remark-fixed::-webkit-input-placeholder{color:#bebebe!important;font-weight:500!important}.payment-modal .modal-body .form-field input::placeholder{font-weight:500;color:#a0a0a0}.payment-modal .modal-body .form-field input::-ms-input-placeholder{font-weight:500;color:#a0a0a0}.payment-modal .modal-body .form-field input::-webkit-input-placeholder{font-weight:500;color:#a0a0a0}.payment-modal input:focus,.payment-modal textarea:focus{border-color:var(--primary-color)}.payment-modal .ant-select-single .ant-select-selector{border-radius:12px;height:40px;display:flex;align-items:center}.payment-modal .ant-select-single .ant-select-selector .ant-select-selection-item{font-size:14px;font-weight:600;color:var(--primary-color)}.payment-modal .ant-select-single .ant-select-selector .ant-select-selection-placeholder{font-size:14px;font-weight:500;color:#a0a0a0}.payment-modal .modal-actions{margin-top:20px;display:flex;justify-content:center;gap:15px}.payment-modal .btn-primary{background:var(--primary-color);color:#fff;border:none;border-radius:8px!important;padding:10px 24px;font-size:13px;font-weight:600;cursor:pointer;font-family:Google Sans;transition:background .2s}.payment-modal .btn-primary:hover{background:#bebebe}.payment-modal .btn-secondary{background:#fff;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px!important;padding:10px 24px;font-size:13px;font-weight:600;cursor:pointer;font-family:Google Sans;transition:background .2s,color .2s}.payment-modal .btn-secondary:hover{background:#bebebe;color:#fff}.payment-modal .form-field.error label{color:#ff2a2d!important}.payment-modal .form-field.error input,.payment-modal .form-field.error textarea{border-color:#ff2a2d!important}.payment-modal .narrow-field input[placeholder="0.00"]::placeholder{font-weight:500}.payment-modal .narrow-field input[placeholder="0.00"]::-ms-input-placeholder{font-weight:500}.payment-modal .narrow-field input[placeholder="0.00"]::-webkit-input-placeholder{font-weight:500}.payment-modal .narrow-field input[type=text][placeholder="0.00"]::placeholder{font-weight:500}.payment-modal .narrow-field input[type=text][placeholder="0.00"]::-ms-input-placeholder{font-weight:500}.payment-modal .narrow-field input[type=text][placeholder="0.00"]::-webkit-input-placeholder{font-weight:500}.receipt-template{width:310px;background:#fff;border-radius:12px;border:none;padding:16px;color:#000}.receipt-template .line{height:1px;background:#000;margin:8px 0}.receipt-template .line.thick{height:2px}.receipt-template .line-after-header{margin-top:20px!important}.receipt-template .line-shift-down{margin-top:12px!important}.receipt-template .header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:6px;background:#fff!important}.receipt-template,.receipt-template *{box-shadow:none!important;font-family:Google Sans!important}.receipt-template .header .logo{width:140px}.receipt-template .header .logo img{width:140px;height:auto;display:block}.receipt-template .header .company-info{font-size:10px;line-height:16px;font-weight:500!important;text-align:center}.receipt-template .amount-row{display:flex;justify-content:space-between;font-size:11px;line-height:22px}.receipt-template .amount-row span:last-child{min-width:70px;text-align:right}.receipt-template .footer-note{font-size:11px}.receipt-template .total-section{margin-top:10px;font-weight:600}.receipt-template .totals-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-items:start}.receipt-template .amount-row.right-only{justify-content:flex-end;gap:8px}.receipt-template .totals-left .amount-row{justify-content:flex-start}.receipt-template .totals-left .amount-row span:first-child{font-weight:600}.receipt-template .totals-left .amount-row span:last-child{min-width:auto;text-align:left;margin-left:6px}.receipt-template .totals-right .amount-row span:first-child{padding-left:6px;font-weight:600}.receipt-template .totals-right .amount-row{line-height:22px}.receipt-template .sig-line{border-top:1px dotted #000;height:0;margin:6px 0 3px}.payment-modal.payment-modal--narrow{max-height:calc(100vh - 100px);overflow:hidden;padding-top:14px;padding-bottom:30px}.payment-modal.payment-modal--narrow .modal-body{max-height:calc(100vh - 120px);overflow:auto;padding-right:6px}.payment-modal.payment-modal--narrow textarea.remark-fixed{height:56px;min-height:56px;max-height:56px}.payment-modal.payment-modal--narrow .form-field{margin-top:8px}.payment-modal.payment-modal--narrow label{font-size:13px;margin-bottom:4px}.payment-modal.payment-modal--booking-cash{max-height:calc(120vh - 100px);overflow:hidden;padding-top:14px;padding-bottom:30px}.payment-modal.payment-modal--booking-cash .modal-body{max-height:calc(150vh - 340px);overflow:auto}.payment-modal.payment-modal--booking-cash textarea.remark-fixed{height:56px;min-height:56px;max-height:56px}.payment-modal.payment-modal--booking-cash .form-field{margin-top:8px}.payment-modal.payment-modal--narrow .modal-body,.payment-modal.payment-modal--booking.payment-modal--narrow .modal-body,.payment-modal.payment-modal--booking-cash .modal-body{-ms-overflow-style:none;scrollbar-width:none}.payment-modal.payment-modal--narrow .modal-body::-webkit-scrollbar,.payment-modal.payment-modal--booking.payment-modal--narrow .modal-body::-webkit-scrollbar,.payment-modal.payment-modal--booking-cash .modal-body::-webkit-scrollbar{width:0;height:0}.img-placeholder-fallback{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:transparent;box-sizing:border-box}.checkout-fallback-img{width:32px!important;height:32px!important;object-fit:contain!important;border-radius:0!important}.payment-complete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:2500;padding:0}.payment-complete-modal{width:560px;max-width:90%;padding:0;border-radius:28px;overflow:hidden;background:#fff;border:none;box-shadow:var(--shadow-lg);text-align:center;position:relative;font-family:Google Sans,Inter,sans-serif}.payment-complete-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;box-shadow:var(--shadow-sm)}.payment-complete-header h2{font-size:22px;font-weight:700;color:#111;margin:0;font-family:Google Sans}.payment-complete-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.payment-complete-close:hover{opacity:.8}.payment-complete-close svg{display:block}.payment-complete-body{padding:0 24px 40px;display:flex;flex-direction:column;align-items:center}.payment-complete-icon-circle{width:80px;height:80px;border-radius:50%;background:#e8f5e9;display:flex;align-items:center;justify-content:center;margin:32px auto 20px}.payment-complete-icon-circle svg{width:48px;height:48px;color:#4caf50}.payment-complete-body h3{font-size:24px;font-weight:700;margin-bottom:12px;margin-top:0;color:#111;font-family:Google Sans}.payment-complete-body .main-text{font-size:16px;color:#777;line-height:1.4;font-weight:400;margin:0 auto 32px;max-width:400px;font-family:Google Sans}.payment-complete-actions{display:flex;justify-content:center;gap:16px;width:100%}.payment-complete-actions button{width:160px;height:42px;padding:0 24px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Google Sans}.payment-complete-actions .btn-print{border:1px solid var(--primary-color)!important;background:#fff!important;color:var(--primary-color)!important}.payment-complete-actions .btn-print:hover{background:#f4f7f7!important}.payment-complete-actions .btn-next{background:var(--primary-color)!important;color:#fff!important;border:1px solid var(--primary-color)!important}.payment-complete-actions .btn-next:hover{background:#0d302f!important;border-color:#0d302f!important}@media(max-width:480px){.payment-complete-actions{flex-direction:row;gap:8px}.payment-complete-actions button{flex:1!important;width:auto;padding:0 8px;font-size:12px}}.receipt-paper{width:380px;background:#fff;border-radius:18px;padding:24px;margin:0 auto;box-shadow:var(--shadow-sm);font-family:Google Sans,sans-serif;color:#000;box-sizing:border-box;border:1px solid #EAEAEA}.receipt-meta-item{display:flex;flex-wrap:wrap;align-items:flex-start;font-size:13px}.summary-row{display:flex;justify-content:space-between;font-size:12px}.booking-page{font-family:Google Sans;color:#0b2b2a;position:relative;min-height:100vh;padding:0 0 66px}.booking-header{background:#0b4b48;height:64px;display:flex;align-items:center;justify-content:center}.booking-header-inner{max-width:1140px;width:100%;padding:0 20px}.booking-logo{height:36px;display:block;margin:0 auto}.booking-main{max-width:1200px;margin:8px auto 22px;background:transparent;padding:0;border-radius:0;box-shadow:none}.booking-top{display:flex;flex-direction:column;gap:12px}.booking-page .page-title-section{text-align:center}.booking-page .page-title-section h1{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0%;margin:60px 10px 10px;color:#000}.booking-page .page-title-section h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;margin:10px 10px 60px;color:#000}.booking-page .page-title-section{margin-top:0}.booking-controls-bar{max-width:1200px;margin:0 auto;padding:0 0 20px;box-sizing:border-box}.booking-controls-bar .booking-controls{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;align-items:center;column-gap:16px;row-gap:0;position:relative}.booking-controls-bar .booking-controls:before{display:none}.booking-controls-bar .date-picker{grid-column:1 / 2;grid-row:1 / 2;display:flex;gap:12px;align-items:center}.booking-controls-bar .date-picker{grid-column:1 / 2;grid-row:1 / 2;display:flex;gap:12px;align-items:flex-start;flex-direction:column}.booking-controls-bar .date-picker label{margin:0;font-size:14px!important;color:#000;font-weight:700}.date-input-row{display:flex;gap:8px;align-items:center;width:280px}.calendar-icon-inline{flex:1;display:inline-flex;align-items:center;justify-content:space-between;height:40px;padding:0 12px;border-radius:8px;border:1px solid #E6E6E6;background:#fff;box-sizing:border-box}.calendar-icon-inline .calendar-month-inline{font-weight:600}.today-btn{background:#f1e6c4;border:none;color:#cd9e11;height:40px!important;width:100px!important;padding:0 12px!important;border-radius:20px;cursor:pointer;font-family:Google Sans;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.calendar-icon-inline img{height:18px;width:18px}.booking-controls-bar .gender-filter{grid-column:1 / 2;grid-row:2 / 3;display:flex;gap:8px;margin-top:8px}.booking-controls-bar .actions-right{grid-column:3 / 4;grid-row:1 / 3;justify-self:end;display:flex;flex-direction:column;gap:20px;align-items:flex-end}.booking-controls-bar .search{height:40px;padding:0 42px 0 16px;border-radius:20px;border:1px solid #AAAAAA;width:320px;box-sizing:border-box}.booking-controls-bar input.search,.booking-controls-bar .search input{border-radius:20px!important}.booking-controls-bar .search-wrapper{position:relative;display:inline-block}.booking-controls-bar .search-wrapper .search{padding-right:42px}.booking-controls-bar .search-wrapper .search-icon-hm{position:absolute;right:10px;top:50%;transform:translateY(-50%);height:20px;width:15px;cursor:pointer}.booking-controls-bar .search-wrapper{justify-self:end}.booking-controls-bar .search-wrapper{width:min(100%,320px);max-width:100%}.booking-controls-bar .search,.booking-controls-bar .search-wrapper .search{width:100%;max-width:100%;box-sizing:border-box}.booking-controls-bar .btn-add{background:#0b4b48;color:#fff;height:40px;padding:0 20px;border-radius:20px!important;border:none;cursor:pointer;font-family:Google Sans;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.booking-controls-bar .btn-delete-all{background:#b42318;color:#fff;padding:8px 14px;border-radius:18px;border:none;cursor:pointer;font-family:Google Sans;font-size:14px;font-weight:600}.booking-controls-bar .btn-delete-all:disabled{opacity:.7;cursor:not-allowed}@media(max-width:1024px){.booking-main{margin:0 48px}.booking-controls-bar{margin:0 48px;padding-bottom:10px}.booking-controls-bar .search-wrapper{width:170px}.booking-controls-bar .search,.booking-controls-bar .search-wrapper .search{width:100%!important}}@media(min-width:1024px)and (max-width:1164px){.booking-controls-bar .search-wrapper{width:200px}}@media(max-width:900px){.booking-page .page-title-section h1{font-size:22px}.booking-page .page-title-section h2{font-size:16px}.booking-controls-bar .booking-controls{display:flex;flex-direction:column;align-items:stretch;gap:12px}.booking-controls-bar .actions-right{justify-self:stretch;display:flex;justify-content:flex-end}.booking-controls-bar .search,.booking-controls-bar .search-wrapper{width:100%}.booking-controls-bar .search-wrapper .search{width:100%!important}.booking-main{padding:0;background:transparent;box-shadow:none;border-radius:0}}.booking-controls{display:flex;align-items:center;gap:16px;justify-content:space-between}.date-picker label{display:block;font-size:14px;color:var(--primary-color);margin-bottom:6px;font-weight:600}.date-picker input{padding:8px 10px;border-radius:6px;border:1px solid #AAAAAA}.gender-filter{display:flex;gap:8px}.pill{background:#fff;border-radius:20px;padding:8px 14px;border:2px solid #0b4b48;cursor:pointer;font-family:Google Sans;font-size:16px;font-weight:600;color:var(--primary-color)}.pill.active{background:#fff;border:2px solid #0b4b48;box-shadow:0 0 0 2px #0b4b480f;color:var(--primary-color)}.pill.toggled{background:#f0f0f0;border:none!important;color:#aaa!important}.actions-right{margin-left:auto;display:flex;gap:10px;align-items:center}.booking-controls-bar .actions-right,.booking-controls-bar .search-wrapper{margin-top:30px}.search{padding:8px 12px;border-radius:20px;border:1px solid #AAAAAA;width:180px}.btn-add{background:#0b4b48;color:#fff;padding:8px 14px;border-radius:18px;border:none;cursor:pointer;font-family:Google Sans,sans-serif;font-size:16px}.btn-add{background:#0b4b48;color:#fff;padding:8px 14px;border-radius:18px;border:none;cursor:pointer;font-family:Google Sans,sans-serif;font-size:16px;font-weight:600}.mobile-add-btn{display:none!important}.booking-grid-wrap{margin-top:18px;border-radius:12px;overflow:hidden;border:1px solid #D6D6D6;--time-slot-width: 60px;--therapist-list-width: 240px;position:relative}.grid-header{display:flex;background:#fafafa;border-bottom:1px solid #D6D6D6;position:relative}.grid-header:after{content:"";position:absolute;left:var(--therapist-list-width);bottom:0;height:1px;width:calc(var(--time-slot-width) * var(--slot-count, 18));background:#d6d6d6;pointer-events:none}.col-therapist{width:var(--therapist-list-width);min-width:var(--therapist-list-width);flex:0 0 var(--therapist-list-width);box-sizing:border-box;padding:12px;font-weight:600;font-size:20px;color:#000;background:#fff!important;position:relative;z-index:2;border-right:1px solid #D6D6D6;box-shadow:4px 0 12px #00000014;display:flex;align-items:center}.col-times-container{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.col-times{display:grid;grid-template-columns:repeat(var(--slot-count, 18),var(--time-slot-width));flex:1;overflow-x:auto;width:100%;min-width:0}.col-times{-ms-overflow-style:none;scrollbar-width:none}.col-times::-webkit-scrollbar{height:0}.time-cell{padding:12px 6px;font-size:16px;color:#000;font-weight:600;text-align:center;background:#fff;box-sizing:border-box;height:100%;width:var(--time-slot-width);border-left:0;border-right:1px solid #D6D6D6}.time-cell:first-child{border-left:none}.grid-cell{padding:12px 6px;box-sizing:border-box;height:var(--time-row-height, 56px);width:var(--time-slot-width);background:#fff;border-left:0;border-right:1px solid #D6D6D6}.grid-cell.slot-empty{background:#fff}.grid-body{display:flex}.therapist-column{width:var(--therapist-list-width);min-width:var(--therapist-list-width);flex:0 0 var(--therapist-list-width);display:flex;flex-direction:column;background:#f0f0f0;border-right:none;box-sizing:border-box;position:relative;z-index:2;box-shadow:4px 0 12px #00000014}.therapist-column:after{display:none}.therapist-row{display:flex;align-items:center;gap:10px;padding:12px;border-right:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6;height:var(--time-row-height, 56px);box-sizing:border-box;box-shadow:inset -2px 0 4px #00000005;background:#fff;position:relative}.avatar{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 -2px #ffffff0f;object-fit:cover;flex-shrink:0;flex:none!important}.avatar.auto-assign-avatar{border-radius:0;background:transparent;box-shadow:none;object-fit:contain}.therapist-name{font-size:14px;flex:1 1 auto;max-width:100%;overflow:hidden;white-space:normal;overflow-wrap:anywhere;word-break:normal}.therapist-row>div{min-width:0;display:flex;flex-direction:column;flex:1}.booking-controls-bar .btn-add,.btn-add{transition:background .2s ease,color .2s ease}.booking-controls-bar .btn-add:hover,.btn-add:hover{background:#0b2b2a;color:#fff}.booking-controls-bar .btn-delete-all:hover{background:#912018;color:#fff}.therapist-gender{font-size:13px;color:#969a95;margin-top:2px;font-weight:500}.timeline-column{flex:1;overflow-x:auto;overflow-y:hidden;margin-top:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#9BA9A8 #E7ECEC}.timeline-column::-webkit-scrollbar{height:10px;background:#e7ecec}.timeline-column::-webkit-scrollbar-track{background:#e7ecec;border-radius:999px}.timeline-column::-webkit-scrollbar-thumb{background:#9ba9a8;border-radius:999px;border:2px solid #E7ECEC}.timeline-column::-webkit-scrollbar-thumb:hover{background:#7e8d8c}.timeline-row{border-bottom:1px solid #D6D6D6;min-height:56px;box-sizing:border-box;position:relative}.timeline-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#d6d6d6;pointer-events:none;z-index:4}.timeline-grid{display:grid;grid-template-columns:repeat(var(--slot-count, 18),var(--time-slot-width));position:relative;align-items:center;box-sizing:border-box;width:max-content}.timeline-grid:before{content:"";position:absolute;left:0;top:0;height:calc(100% + 30px);width:calc(var(--time-slot-width) * var(--slot-count, 18));pointer-events:none;background-image:repeating-linear-gradient(to right,transparent 0 calc(var(--time-slot-width) - 1px),#D6D6D6 calc(var(--time-slot-width) - 1px) calc(var(--time-slot-width)));z-index:0}.timeline-row,.timeline-grid{width:max-content}.grid-cell{border-left:none;min-height:var(--time-row-height, 56px);box-sizing:border-box;width:var(--time-slot-width);background:#fff}.grid-cell:nth-child(18n+1){border-left:none}.appointment{color:#fff;border-radius:12px;font-size:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:4px 12px;box-sizing:border-box;z-index:3;pointer-events:auto;position:absolute;background:#10b981;gap:2px;line-height:1.2;height:48px}.appointment .appointment-icon{width:18px;height:18px;flex:0 0 auto;filter:grayscale(1) brightness(0)}.appointment-detail-icon{width:46px;height:46px;filter:grayscale(1) brightness(0)}.appointment .appointment-main{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;color:#000}.appointment .appointment-status{flex:0 0 auto;padding:0 10px;height:22px;line-height:22px;border-radius:999px;font-size:11px;font-weight:700;color:#fff;background:#7fa0ab}.appointment .appointment-status.in-service{background:#6f3eb7}.appointment .appointment-status.draft{background:#f28b0c}.appointment .appointment-status.completed{background:#a9a9a9}.appointment .appointment-status.no-show{background:#7d7d7d}.appointment .appointment-status.cancel{background:#d9534f}.appointment-detail-popover-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px 12px;background:#08131347;pointer-events:auto}.appointment-detail-card{width:600px;max-width:calc(100vw - 32px);background:#fff;border-radius:28px;box-shadow:var(--shadow-lg);padding:18px 18px 16px;box-sizing:border-box}.appointment-detail-card.appointment-detail-card-popover{position:relative;transform:none;opacity:1;will-change:transform,opacity;animation:appointment-popover-show .2s ease forwards;width:380px;max-width:calc(100vw - 24px);max-height:calc(100vh - 40px);overflow:auto;border-radius:22px;padding:20px;pointer-events:auto;box-shadow:var(--shadow-md)}@keyframes appointment-popover-show{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.appointment-detail-header{display:flex;align-items:center;gap:14px}.appointment-detail-icon-box{width:88px;height:88px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:34px;line-height:1}.appointment-detail-header-text{min-width:0;display:flex;flex-direction:column;gap:6px}.appointment-detail-title{font-size:20px;font-weight:700;line-height:1.02;margin-bottom:0;color:#202020;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-detail-duration-badge{align-self:flex-start;background:var(--primary-color);color:#fff;font-size:14px;font-weight:700;padding:4px 12px;line-height:1.2;border-radius:999px}.appointment-detail-divider{height:1px;background:#e1e1e1;margin-bottom:12px}.appointment-detail-divider.dashed{background:repeating-linear-gradient(to right,#E3E3E3 0 5px,transparent 5px 10px)}.appointment-detail-line{font-size:16px;line-height:1.6;margin-bottom:8px;color:#202020}.appointment-detail-value{color:#8d8d8d;font-weight:500}.appointment-detail-payment{font-weight:700}.appointment-detail-payment.paid{color:#3b9f53}.appointment-detail-payment.unpaid{color:var(--gold)}.appointment-detail-contact-title{font-size:18px;font-weight:700;line-height:1.1;margin-bottom:8px;color:#202020;text-decoration:underline}.appointment-detail-contact-name,.appointment-detail-contact-phone{font-size:16px;font-weight:500;line-height:1.2;color:#8d8d8d;margin-bottom:6px}.appointment-detail-checkin-btn{width:100%;height:48px;border:none;border-radius:12px;font-family:Google Sans;font-size:15px;font-weight:600;line-height:1;margin-top:10px;cursor:pointer;transition:background .2s ease,color .2s ease}.appointment-detail-checkin-btn.checkin-active{background:var(--primary-color);color:#fff}.appointment-detail-checkin-btn.checkin-active:not(:disabled):hover{background:#bebebe}.appointment-detail-checkin-btn.checkin-done,.appointment-detail-checkin-btn.checkin-disabled{background:#cfcfcf;color:#7a7a7a;cursor:not-allowed}.appointment-detail-actions{display:flex;gap:14px;justify-content:space-between;margin-top:10px}.appointment-detail-btn{flex:1 1 0;height:48px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-family:Google Sans;font-size:14px;line-height:1;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.appointment-detail-btn.delete{background:#fff;border-color:#b98923;color:#b98923}.appointment-detail-btn.delete:hover{background:#faf5e9;color:#9f7418}.appointment-detail-btn.delete.cancel-disabled,.appointment-detail-btn.delete:disabled{background:#cfcfcf;border-color:#cfcfcf;color:#7a7a7a;cursor:not-allowed}.appointment-detail-btn.delete.cancel-disabled:hover,.appointment-detail-btn.delete:disabled:hover{background:#cfcfcf;color:#7a7a7a}.appointment-detail-btn.edit{background:#b98923;color:#fff}.appointment-detail-btn.edit:hover{background:#bebebe}.booking-cancel-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000038;display:flex;justify-content:center;align-items:center;z-index:2000;padding:16px}.booking-cancel-modal-card{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:#fbfbfb;border-radius:18px;box-shadow:var(--shadow-lg);border:1px solid #E6E6E6}.booking-cancel-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #E2E2E2}.booking-cancel-modal-header h3{margin:0;font-family:Google Sans;font-size:20px;line-height:1.05;font-weight:700;color:#1b1b1b}.booking-cancel-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;font-family:Google Sans;font-size:18px;line-height:1;cursor:pointer;transition:background .2s ease}.booking-cancel-modal-close:hover{background:#bebebe}.booking-cancel-modal-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:10px}.booking-cancel-reason-item{display:flex;align-items:center;gap:10px;font-family:Google Sans;font-size:22px;line-height:1.35;font-weight:500;color:#373737;cursor:pointer}.booking-cancel-reason-item input{width:18px;height:18px;accent-color:#0B5B58;cursor:pointer;margin:0}.booking-cancel-reason-text{margin-top:8px;min-height:124px;width:100%;resize:vertical;border-radius:10px;border:1px solid #CFCFCF;padding:14px;font-family:Google Sans;font-size:15px;font-weight:600;line-height:1.45;background:#fff;color:#303030;box-sizing:border-box}.booking-cancel-reason-text:disabled{background:#e7e7e7;color:#8a8a8a}.booking-cancel-confirm-btn{align-self:center;margin-top:6px;min-width:100px;height:42px;border-radius:8px;border:none;background:var(--primary-color);color:#fff;font-family:Google Sans;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease}.booking-cancel-confirm-btn:hover{background:#bebebe}.booking-cancel-confirm-btn:disabled{background:#cfcfcf;color:#7a7a7a;cursor:not-allowed}@media(max-width:768px){.booking-cancel-modal-header h3{font-size:36px}.booking-cancel-reason-item{font-size:18px}.booking-cancel-reason-text{font-size:16px;min-height:110px}.booking-cancel-confirm-btn{font-size:16px;height:48px;min-width:140px}.booking-controls-bar,.booking-main{margin:0 24px}}.therapist-column .therapist-row:last-child{border-bottom:1px solid #D6D6D6}.timeline-column .timeline-row:last-child{border-bottom:1px solid #D6D6D6}.booking-footer{text-align:center;margin:18px 0;color:#999}.booking-controls-bar .calendar-icon-inline{align-items:center;background-color:#fff;border:1px solid #d0d0d0;border-radius:999px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:6px;padding:6px 12px;position:relative}.booking-controls-bar .calendar-icon-inline img{height:22px;width:22px}.booking-controls-bar .popup-datepicker-container{left:0;position:absolute;top:45px;z-index:1000}.booking-controls-bar .calendar-month-inline{font-weight:600;font-family:Google Sans;font-size:14px}.booking-controls-bar .popup-datepicker-container .ant-picker-panel,.booking-controls-bar .popup-datepicker-container .ant-picker-header,.booking-controls-bar .popup-datepicker-container .ant-picker-month-btn,.booking-controls-bar .popup-datepicker-container .ant-picker-year-btn,.booking-controls-bar .popup-datepicker-container .ant-picker-cell-inner{font-family:Google Sans;font-size:14px}.booking-controls-bar .hide-datepicker-input.ant-picker .ant-picker-input{display:none!important}.booking-controls-bar .hide-datepicker-input.ant-picker{background-color:initial!important;border:none!important;box-shadow:none!important;height:1px!important;left:0!important;opacity:0!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;top:0!important;width:1px!important;z-index:-1!important}@media(max-width:1000px){.booking-main{padding:0;background:transparent;box-shadow:none;border-radius:0}.booking-grid-wrap{--therapist-list-width: 220px}.col-therapist,.therapist-column{width:var(--therapist-list-width);min-width:var(--therapist-list-width);flex-basis:var(--therapist-list-width)}}@media(max-width:900px){.booking-controls-bar .booking-controls{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;column-gap:12px;row-gap:12px}.booking-controls-bar .date-picker{grid-column:1 / 2;grid-row:1 / 2}.booking-controls-bar .search-wrapper{grid-column:1 / 2;grid-row:2 / 3;justify-self:start;margin-top:0;width:170px}.booking-controls-bar .search,.booking-controls-bar .search-wrapper .search{width:100%}.booking-controls-bar .actions-right{grid-column:2 / 3;grid-row:1 / 3;gap:10px;margin-top:0}.date-input-row{width:100%;max-width:260px}.today-btn,.booking-controls-bar .btn-add,.booking-controls-bar .btn-delete-all{font-size:14px;padding:8px 12px}.booking-grid-wrap{--therapist-list-width: 200px;--time-row-height: 56px}.grid-header:after{width:calc(var(--time-slot-width) * var(--slot-count, 18))}.col-therapist,.therapist-column{width:var(--therapist-list-width);min-width:var(--therapist-list-width);flex-basis:var(--therapist-list-width)}.col-therapist{font-size:17px;padding:10px}.therapist-row{gap:10px;padding:12px}.therapist-name{font-size:14px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}.therapist-gender{font-size:12px;white-space:nowrap}.time-cell,.grid-cell{font-size:12px}.time-cell{padding:8px 3px;font-size:11px}.avatar{width:28px;height:28px}.time-cell,.grid-cell{height:var(--time-row-height, 52px)}.appointment{height:32px;line-height:32px;font-size:11px;padding:0 8px 0 10px}.appointment .appointment-icon{width:16px;height:16px}.appointment .appointment-status{height:20px;line-height:20px;font-size:10px;padding:0 8px}}@media(max-width:600px){.booking-page .page-title-section h1{font-size:22px}.booking-page .page-title-section h2{font-size:16px;font-weight:500;margin-bottom:60px}.booking-controls-bar .booking-controls{display:flex;flex-direction:column;align-items:stretch;gap:10px}.booking-controls-bar .date-picker,.booking-controls-bar .search-wrapper,.booking-controls-bar .actions-right{width:100%}.booking-controls-bar .search-wrapper{max-width:100%}.date-input-row{max-width:none}.calendar-icon-inline{min-width:0;padding:8px 10px}.booking-controls-bar .calendar-icon-inline img{width:18px;height:18px}.booking-controls-bar .calendar-month-inline,.booking-controls-bar .date-picker label{font-size:13px!important}.booking-controls-bar .actions-right{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}.booking-controls-bar .btn-add,.booking-controls-bar .btn-delete-all,.today-btn{min-width:60px;width:60px!important;min-height:34px;height:34px!important;border-radius:20px!important;font-size:12px!important;padding:6px 10px!important}.booking-grid-wrap{--therapist-list-width: 180px;--time-row-height: 56px;margin-top:14px}.col-therapist,.therapist-column{width:var(--therapist-list-width);min-width:var(--therapist-list-width);flex-basis:var(--therapist-list-width)}.col-therapist{font-size:15px;padding:10px 8px}.time-cell{padding:6px 2px;font-size:10px;font-weight:600}.therapist-row{gap:10px;padding:12px 8px}.therapist-name{font-size:13px;line-height:1.15;max-width:calc(100% - 46px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.therapist-gender{font-size:11px;line-height:1.1}.avatar{width:28px;height:28px}.appointment{height:26px;line-height:26px;font-size:9px;top:9px;gap:4px;padding:0 6px 0 8px}.appointment .appointment-main{font-size:8px}.appointment .appointment-status{height:18px;line-height:18px;padding:0 5px;font-size:8px}.appointment .appointment-icon{width:12px;height:12px}.booking-page>.footer{padding:10px 12px}}.booking-page>.footer{display:flex;justify-content:center;align-items:center;left:0;right:0;bottom:0;padding:15px 0}.booking-page>.footer p{margin:0}.booking-grid-wrap{--therapist-col-width: 170px;--time-row-height: 56px}.booking-grid-wrap{--therapist-col-width: 170px;--time-row-height: 56px;display:block;width:100%;max-width:1200px;margin:0 auto}.grid-header-horizontal{display:grid;grid-template-columns:180px 1fr;background:#fafafa;border-bottom:1px solid #D6D6D6}.grid-header-horizontal{display:grid;grid-template-columns:180px auto;background:#fafafa;border-bottom:1px solid #D6D6D6}.grid-header-horizontal .corner-cell{width:155px;padding:12px;font-weight:600;font-size:20px;color:#000;background:#f0f0f0;box-shadow:2px 0 4px #0000000f}.top-therapists{display:grid;align-items:center}.top-therapists{display:grid;align-items:center;grid-auto-flow:column;grid-auto-columns:var(--therapist-col-width);width:max-content}.top-therapist-cell{display:flex;align-items:center;gap:8px;padding:10px;border-left:1px solid #D6D6D6;min-height:56px;box-sizing:border-box}.top-therapist-cell .avatar{width:24px;height:24px}.top-therapist-cell .therapist-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-times{display:flex;flex-direction:column;overflow-x:auto}.month-label{font-weight:700;font-size:16px;flex:none;text-align:center;padding:0 6px}.month-btn{background:transparent;border:1px solid #DDDDDD;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:16px}.times-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.times-scroll::-webkit-scrollbar{height:8px}.times-row{display:grid;grid-auto-flow:column;grid-auto-columns:var(--time-slot-width);width:max-content;height:100%;border-bottom:1px solid #D6D6D6}.times-row::-webkit-scrollbar{height:0}.times-row::-webkit-scrollbar{height:8px}.grid-body-vertical{display:grid;grid-template-columns:180px 1fr}.grid-body-vertical{display:grid;grid-template-columns:180px auto}.grid-body-vertical{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.grid-body-vertical::-webkit-scrollbar{width:0;height:0;background:transparent}.grid-body-vertical::-webkit-scrollbar-thumb{background:transparent}.timeline-grid-vertical{display:grid;position:relative;border-top:1px solid #D6D6D6;border-right:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6;width:max-content}.timeline-grid-vertical{background-image:repeating-linear-gradient(to right,#D6D6D6 0,#D6D6D6 1px,transparent 1px,transparent calc(var(--therapist-col-width))),repeating-linear-gradient(to bottom,#D6D6D6 0,#D6D6D6 1px,transparent 1px,transparent var(--time-row-height));background-origin:content-box}.time-column{background:#f0f0f0;box-shadow:2px 0 4px #0000000f}.time-cell-vertical{padding:12px 6px;font-size:16px;color:#000;font-weight:600;text-align:center;background:#f0f0f0;height:var(--time-row-height);box-sizing:border-box;border-bottom:1px solid #AAAAAA}.time-column .time-cell-vertical:last-child{border-bottom:0}.timeline-grid-vertical{display:grid;position:relative}.grid-cell-vertical{background:#fff;height:var(--time-row-height);box-sizing:border-box;border-left:1px solid #AAAAAA;border-bottom:1px solid #AAAAAA}.grid-cell-vertical.last-row{border-bottom:0}.grid-cell-vertical.slot-empty{background:#fff}.grid-header-horizontal,.grid-body-vertical,.time-column,.time-cell-vertical,.timeline-grid-vertical{display:none}.current-time-line-container{position:absolute;top:0;bottom:0;width:8px;margin-left:-4px;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center}.current-time-line-dot{width:8px;height:8px;background-color:var(--gold);border-radius:50%;margin-top:-4px;box-shadow:0 0 4px #00000059;flex-shrink:0;z-index:11}.current-time-line-bar{width:2px;background-color:var(--gold);flex-grow:1;z-index:10}.day-name-sticky-row{width:100%;text-align:center;font-weight:600;font-size:16px;color:#000;padding:8px 0;background:#fff;border-bottom:1px solid #D6D6D6;box-sizing:border-box;flex-shrink:0;z-index:5}@keyframes bsl-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bsl-card-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bsl-gif-pulse{0%,to{opacity:1}50%{opacity:.82}}.booking-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#ffffffc7;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:24px;opacity:1;visibility:visible;pointer-events:auto}.booking-loading-card{display:flex;flex-direction:column;align-items:center;gap:14px}.booking-loading-gif{width:72px;height:72px;object-fit:contain}.booking-loading-label{margin:0;font-size:15px;font-weight:600;color:var(--primary-color);font-family:Google Sans,sans-serif}.booking-page .calendar-loading-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffffffd9!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;pointer-events:all!important;border-radius:0!important}.booking-page .calendar-loading-overlay .spinner-container p{color:var(--primary-color)!important;font-weight:600!important}.booking-page .calendar-loading-gif{width:72px!important;height:72px!important}@media(max-width:900px){.booking-controls-bar .booking-controls{display:grid;grid-template-columns:1fr;gap:12px!important}.booking-controls-bar .desktop-only-add-btn{display:none!important}.booking-controls-bar .search{width:100%}.booking-controls-bar .search-wrapper .search{width:100%!important}.booking-controls-bar .search-wrapper{margin-top:0;width:100%;justify-self:stretch}.date-input-row{width:100%;max-width:100%!important}.today-btn{width:auto;min-width:70px!important;padding:0 10px;font-size:14px;flex:1 1 auto!important;font-size:12px}.calendar-icon-inline{flex:1 1 auto;min-width:110px!important}.mobile-add-btn{display:inline-flex;align-items:center!important;justify-content:center!important;height:40px!important;border-radius:8px!important;padding:0 12px!important;font-size:14px!important;white-space:nowrap!important;flex:1 1 auto!important}}@media(min-width:1024px){.booking-main,.booking-controls-bar{padding-left:48px!important;padding-right:48px!important;box-sizing:border-box!important}}@media(max-width:900px){.appointment{padding:2px 6px;border-radius:8px;height:48px}.appointment .appointment-title{font-size:11px!important;margin-bottom:0!important}.appointment .appointment-services div{font-size:9px!important}.appointment .appointment-services svg{width:10px!important;height:10px!important;margin-right:2px!important}}.payment-page{font-family:Google Sans;color:var(--primary-color);position:relative;min-height:100vh;display:flex;flex-direction:column;padding-bottom:0;--payment-content-height: clamp(420px, 62vh, 3560px)}.payment-title-section{text-align:center}.payment-title-section h1{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0%;margin:60px 10px 10px;color:#000}.payment-title-section h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;margin:10px 10px 60px;color:#000}.payment-controls{width:100%;max-width:1200px;margin:0 auto;padding:20px 0;display:flex;flex-direction:column;position:relative}.payment-tabs-container{width:100%;border-bottom:1px solid #ECECEC;margin-bottom:10px}.payment-tabs-container .tabs{display:flex;gap:18px}.payment-tabs-container .tab-btn{background:transparent!important;border:none!important;color:#9d9d9d!important;font-family:Google Sans;font-size:15px;padding:10px 0!important;cursor:pointer;border-radius:0!important;position:relative;transition:color .2s ease}.payment-tabs-container .tab-btn.active{color:#111!important;font-weight:500}.payment-tabs-container .tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--gold);border-radius:2px}.payment-filter-row{display:flex;align-items:center;gap:16px;width:100%}.date-filter-group{display:flex;align-items:center;gap:12px}.date-filter-group .today-btn{background-color:#f1e6c4!important;color:#cd9e11!important;border:none!important;border-radius:20px!important;height:38px!important;padding:0 16px!important;font-family:Google Sans;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.date-filter-group .today-btn:hover{background-color:#ebd7be!important}.status-filter-group{flex-shrink:0;margin-left:auto}.status-filter-group .payment-select{width:240px;height:38px!important}.status-filter-group .payment-select .ant-select-selector{height:38px!important;border-radius:99px!important;border:1px solid #AAAAAA!important;box-shadow:none!important;display:flex!important;align-items:center!important;font-family:Google Sans;font-size:13px!important;font-weight:600!important;color:var(--primary-color)!important;padding:0 16px!important;transition:border-color .2s ease!important;background:#fff!important}.status-filter-group .payment-select .ant-select-selection-item{font-weight:600!important;color:var(--primary-color)!important;font-size:13px!important;display:flex!important;align-items:center!important;line-height:normal!important}.status-filter-group .payment-select .ant-select-arrow{color:var(--primary-color);right:16px!important;top:50%!important;transform:translateY(-50%)!important;margin-top:0!important}.status-filter-group .payment-select.ant-select-outlined:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--primary-color)!important}.status-filter-group .payment-select.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:none!important}.payment-page .payment-date-picker{border:none;outline:none;font-family:Google Sans;font-size:14px;font-weight:500;color:var(--primary-color)}.payment-page .payment-date-picker .ant-picker-input input::placeholder{color:#aaa;font-weight:500;font-size:14px;font-family:Google Sans}.payment-page .payment-date-picker.ant-picker{border:1px solid #AAAAAA!important;background:#fff!important;padding:4px 16px!important;border-radius:20px!important;height:38px!important;width:200px!important;box-sizing:border-box!important}.payment-page .payment-date-picker .ant-picker-suffix{color:var(--primary-color)}.payment-page .payment-date-picker .calendar-suffix-icon{width:16px;height:16px}.payment-page .payment-date-picker .ant-picker-input input{height:28px;font-family:Google Sans;font-size:14px;font-weight:600;color:var(--primary-color)}.search-wrapper{position:relative}.search{padding:8px 36px 8px 16px;border:1px solid #AAAAAA!important;border-radius:20px;width:240px;height:38px;box-sizing:border-box}.search{font-family:Google Sans;font-size:14px;font-weight:600;color:var(--primary-color)}.search:focus{border-color:#aaa!important;box-shadow:none!important}.search::placeholder{font-weight:500;color:#aaa}.payment-controls input.search,.payment-controls .search{border-radius:20px!important}.hmIcon-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:13px;height:13px;opacity:.8}.payment-card{width:94%;max-width:1140px;margin:12px auto 22px;background:#fff;border:1px solid #BEBEBE;border-left:none;box-shadow:-12px 0 15px -10px #00000026;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:1px 25px 25px 1px}.payment-card{flex-direction:column;align-items:stretch}.payment-page .payment-layout{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:340px 1fr;gap:0}.payment-page .left-panel{background:#fff;border:1px solid #BEBEBE;border-right:none;border-radius:25px 1px 1px 25px;padding:12px;height:var(--payment-content-height);overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box;overflow-x:hidden}.payment-page .left-panel::-webkit-scrollbar{display:none}.payment-page .right-panel{display:flex;flex-direction:column;height:auto;overflow:visible;gap:12px;margin-right:0}.left-booking-card{position:relative;background:#fff;border:1px solid #BEBEBE;border-radius:16px;padding:12px 14px;margin-bottom:10px;width:100%;box-sizing:border-box;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.left-booking-card:hover{border-color:var(--secondary-color);box-shadow:var(--shadow-sm)}.left-booking-card.active{background:#f5f5f5;border:1px solid #F5F5F5}.left-booking-card .left-code{font-family:Google Sans;font-weight:700;color:var(--primary-color);margin-bottom:6px}.left-booking-card .left-contact,.left-booking-card .left-date{font-family:Google Sans;font-weight:500;color:#6b6b6b;opacity:.9;margin-top:6px;font-size:13px;line-height:1.2}.left-booking-card .left-status{position:absolute;right:12px;top:10px;background:#fcb53b;color:#000;border:none;border-radius:23.5px;padding:4px 10px;font-family:Google Sans;font-size:12px;font-weight:600}.left-booking-card .left-status.paid{background:#01f891;color:#000;border:none}.left-booking-card .left-status.paid{font-size:12px}.left-booking-card .left-status.partial{background:#5eccce;color:#000;border:none}.left-booking-card .left-status.partial{font-size:10px}.left-booking-card .left-status.cancel{background:#f59f9f;color:#000;border:none}.left-booking-card .left-status.cancel{font-size:12px}.left-booking-card .left-status.refund{background:#f6efb8;color:#000;border:none}.left-booking-card .left-status.refund{font-size:12px}.payment-page .right-panel .payment-card{margin:0 auto 0 -1px;width:100%;max-width:none!important;height:var(--payment-content-height);min-height:350px;border-top-left-radius:0;border-bottom-left-radius:0;overflow-y:auto;flex-shrink:0;box-sizing:border-box}.payment-page .right-panel .payment-card{-ms-overflow-style:none;scrollbar-width:none}.payment-page .right-panel .payment-card::-webkit-scrollbar{display:none}.payment-page .right-panel .pay-action{margin:12px 0;width:100%;justify-content:center!important}.payment-card-header{display:flex;justify-content:space-between;align-items:center;margin:0;padding:24px 20px;border-bottom:1px solid #efefef;flex:0 0 auto}.payment-card-header{padding-bottom:12px;border-bottom:1px solid #BEBEBE}.payment-code{font-family:Google Sans;font-weight:700;font-size:35px;color:var(--primary-color);margin:0}.payment-status-pill{background:#fcb53b;color:#000;border:none;border-radius:23.5px;padding:10px 20px;font-family:Google Sans;font-size:14px;font-weight:600}.payment-status-pill.paid{background:#01f891;color:#000;border:none}.payment-status-pill.partial{background:#5eccce;color:#000;border:none}.payment-status-pill.cancel{background:#f59f9f;color:#000;border:none}.payment-status-pill.refund{background:#f6efb8;color:#000;border:none}.payment-card-body{flex:1 1 auto;overflow-y:auto;padding:16px 20px 24px}.payment-card-body{-ms-overflow-style:none;scrollbar-width:none}.payment-card-body::-webkit-scrollbar{display:none}.payment-meta-strip{display:flex;align-items:center;gap:72px;margin:8px 0 14px}.payment-meta-strip .meta-inline-row{display:flex;align-items:center;gap:6px}.payment-meta-strip .label{color:var(--primary-color);font-weight:600;font-size:14px}.payment-meta-strip .value{color:#858585;font-weight:500;font-size:14px;line-height:20px}.payment-table{margin-top:6px;width:100%;background:transparent}.payment-table .table-header{display:grid;grid-template-columns:40px 1fr 100px 100px 100px;background:var(--primary-color);color:#fff;font-family:Google Sans;font-weight:600;padding:10px 12px;font-size:13px;border-top-left-radius:10px;border-top-right-radius:10px}.payment-table .th{padding:3px 6px}.payment-table .table-row{display:grid;grid-template-columns:40px 1fr 100px 100px 100px;border-top:1px solid #AAAAAA;padding:10px 12px;color:#000;font-size:13px;font-weight:500;background:transparent}.payment-table .table-row:last-child{border-bottom:2px solid #000000}.payment-table .td{padding:3px 6px}.payment-table .td.unit,.payment-table .td.total,.payment-table .th.unit,.payment-table .th.total{text-align:right}.payment-table .td.qty,.payment-table .th.qty{text-align:center}.payment-summary{margin-top:12px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.payment-summary .summary-row{display:flex;gap:12px;width:min(100%,420px);justify-content:space-between;align-items:flex-start;color:#000;font-size:13px}.payment-summary .summary-row span:first-child{flex:0 0 150px}.payment-summary .summary-row span:last-child{flex:1 1 auto;text-align:right;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.payment-summary .summary-add-btn{background:var(--primary-color);color:#fff;border:none;border-radius:16px;padding:3px 10px;font-family:Google Sans;font-weight:600;cursor:pointer;font-size:13px}.payment-summary .total{font-weight:700;font-size:15px}.payment-summary .summary-row.total{border-bottom:2px solid #202020;padding-bottom:8px;margin-bottom:8px}.payment-document-panel{width:100%;max-width:100%;box-sizing:border-box}.payment-document-toggle{box-sizing:border-box}.payment-document-label{flex:1 1 auto;min-width:0;text-align:left;padding-right:12px;overflow-wrap:anywhere;word-break:break-word}.payment-document-icon{flex:0 0 auto}.payment-document-content{width:100%;max-width:100%;box-sizing:border-box}.payment-multi-invoice-total{width:min(100%,420px);margin-top:58px;margin-left:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;border-top:2px solid #202020;color:#000;font-size:15px;font-weight:700}.payment-multi-invoice-total.payment-multi-invoice-total-no-border{border-top:none;padding-top:0}.empty-state{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a0a0a0;text-align:center;gap:8px}.empty-icon{width:80px;height:80px;margin-bottom:0;object-fit:contain;opacity:.8;display:block}.empty-state p{font-size:16px;font-family:Google Sans;font-weight:500;text-align:center}.date-label{display:none}.status-pills{display:none;flex-wrap:nowrap;align-items:center;gap:10px}.status-pills-label{align-self:center;color:#000;font-family:Google Sans;font-size:13px;font-weight:700;margin-right:2px;white-space:nowrap}.status-pills .pill{background:#efefef;color:#9f9f9f;border:2px solid transparent;border-radius:23.5px;padding:6px 12px;font-family:Google Sans;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.status-pills .pill.active{background:#fff;color:var(--gold);border:2px solid var(--gold);box-shadow:none}@media(min-width:1200px){.payment-controls{width:100%;max-width:1140px;margin:0 auto;padding:20px 10px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:16px;row-gap:18px;position:relative}.payment-controls:after{content:"";position:absolute;left:18px;right:18px;height:1px;background:#e1e1e1;top:70px}.payment-tabs-container{grid-column:1 / 2;grid-row:1 / 2;border-bottom:none;margin-bottom:0;width:auto}.payment-filter-row{display:contents}.date-filter-group{grid-column:1 / 2;grid-row:2 / 3;margin-top:6px;align-items:flex-start}.date-filter-group .today-btn{display:none}.date-field{position:relative;border:1px solid #AAAAAA;border-radius:20px;padding:4px 16px;height:38px;display:flex;align-items:center;box-sizing:border-box}.date-label{display:block;font-family:Google Sans;font-size:14px;font-weight:600;color:var(--primary-color);position:absolute;top:-10px;left:12px;background:#fff;padding:0 8px;z-index:2}.payment-page .date-filter-group .payment-date-picker.ant-picker{border:none!important;background:transparent!important;padding:0!important;width:200px!important;height:28px!important;box-shadow:none!important}.search-filter-group{grid-column:2 / 3;grid-row:1 / 2;justify-self:end}.search-filter-group .search{width:320px}.status-filter-group{display:none}.payment-controls>.status-pills{display:flex!important;flex-wrap:nowrap;align-items:center;gap:10px;grid-column:2 / 3;grid-row:2 / 3;justify-content:flex-end;justify-self:end;margin-top:6px}.payment-page .payment-layout{width:100%;max-width:1140px;display:grid;grid-template-columns:340px 1fr;gap:0}.payment-page .left-panel{border:1px solid #AAAAAA;border-right:none;box-shadow:8px 0 14px #00000014;height:var(--payment-content-height);max-height:none;min-height:0;border-radius:25px 1px 1px 25px}.payment-page .right-panel .payment-card{border:1px solid #AAAAAA;border-left:none;border-radius:0 25px 25px 0;box-shadow:-12px 0 14px #00000014;height:var(--payment-content-height);min-height:350px;margin-left:-1px;overflow-y:auto}.payment-card-header{border-bottom:1px solid #AAAAAA;margin-bottom:14px}.payment-status-pill{padding:10px 20px}.payment-table .table-header{grid-template-columns:44px 1fr 120px 120px 120px}.payment-table .table-row{grid-template-columns:44px 1fr 120px 120px 120px;font-weight:600}.payment-table .td.qty,.payment-table .th.qty{text-align:right}.payment-page .right-panel .pay-action{justify-content:center;transform:translate(-170px);margin:12px 0;gap:12px}.payment-page .booking-head-grid{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:24px!important;row-gap:8px!important}.left-booking-card.active{border:none}}@media(max-width:1199px){.payment-controls>.status-pills{display:none!important}.status-filter-group{display:block}}@media(max-width:1200px){.payment-title-section h1{font-size:32px}.payment-title-section h2{font-size:18px}.tab-btn{font-size:15px}.date-label,.date-field input,.payment-page .payment-date-picker,.payment-page .payment-date-picker .ant-picker-input input,.search,.search::placeholder{font-size:13px!important}.status-pills-label,.status-pills .pill{font-size:12px}.left-booking-card .left-code{font-size:15px}.left-booking-card .left-contact,.left-booking-card .left-date{font-size:12px}.payment-code{font-size:30px}.payment-status-pill,.payment-meta-strip .label,.payment-meta-strip .value{font-size:13px}.payment-table .table-header,.payment-table .table-row,.payment-summary .summary-row,.payment-summary .summary-add-btn{font-size:12px}.payment-summary .total,.payment-multi-invoice-total{font-size:14px}.empty-state p{font-size:15px}.pay-button{font-size:13px}}@media(min-width:770px)and (max-width:1164px){.payment-controls{display:flex;flex-direction:column;row-gap:12px;padding:10px 0 14px;width:calc(100% - 96px);margin:0 48px;box-sizing:border-box}}@media(max-width:1200px){.payment-page .payment-layout{display:flex;flex-direction:column;gap:12px}.payment-page .left-panel,.payment-page .right-panel{width:100%}.payment-page .left-panel{height:auto;max-height:320px;min-height:180px;border:1px solid #AAAAAA;border-radius:18px;box-shadow:var(--shadow-md)}.payment-page .right-panel{gap:12px}.payment-page .right-panel .payment-card{width:100%;height:auto;min-height:320px;margin-left:0;border:1px solid #AAAAAA;border-radius:18px;box-shadow:var(--shadow-md);overflow-y:auto}.payment-page .right-panel .pay-action{width:100%;margin:8px 0 0;justify-content:center;transform:none!important}}@media(max-width:1024px){.payment-controls{margin:8px 12px 0}@media(min-width:768px){.payment-controls{width:calc(100% - 96px);margin:8px 48px 0;box-sizing:border-box}.payment-page .payment-layout,.pay-action{width:calc(100% - 96px);margin-left:48px;margin-right:48px;box-sizing:border-box}}.payment-card{margin:12px 12px 22px}.payment-title-section h1{font-size:30px}.payment-title-section h2{font-size:18px}.tab-btn{font-size:14px;padding:7px 12px}.date-label,.date-field input,.payment-page .payment-date-picker,.payment-page .payment-date-picker .ant-picker-input input,.search,.search::placeholder{font-size:12px!important}.status-pills-label,.status-pills .pill{font-size:11px}.payment-code{font-size:26px}.payment-status-pill{font-size:12px}.payment-card-header{padding:20px 18px 12px}.payment-card-body{padding:14px 18px 20px}.payment-meta-strip .label,.payment-meta-strip .value,.payment-table .table-header,.payment-table .table-row{font-size:12px}.payment-summary .summary-row,.payment-summary .summary-add-btn{font-size:11px}.payment-summary .total,.payment-multi-invoice-total{font-size:13px}.left-booking-card .left-code{font-size:14px}.left-booking-card .left-contact,.left-booking-card .left-date,.empty-state p,.pay-button{font-size:12px}}@media(max-width:768px){.payment-page{--payment-content-height: auto}.payment-title-section h1{font-size:24px}.payment-title-section h2{font-size:16px}.payment-controls{display:flex;flex-direction:column;row-gap:12px;width:100%;padding:10px 12px;box-sizing:border-box}.payment-tabs-container{margin-bottom:12px}.payment-filter-row{flex-direction:column;align-items:stretch;gap:12px;width:100%}.date-filter-group{width:100%;display:flex;gap:10px}.payment-page .payment-date-picker.ant-picker{flex-grow:1!important;width:auto}.date-filter-group .today-btn{flex-shrink:0;width:80px!important;padding:0}.status-filter-group,.status-filter-group .payment-select{width:100%}.search-filter-group{width:100%;margin-left:0}.search-filter-group .search-wrapper,.search-filter-group .search{width:100%!important}.payment-page .payment-layout{gap:12px}.payment-meta-strip{flex-wrap:wrap;gap:10px 24px}.payment-page .left-panel{height:auto;min-height:280px;border-right:1px solid #AAAAAA;border-radius:25px}.payment-page .right-panel{height:auto;overflow:visible}.payment-page .right-panel .payment-card{height:auto;min-height:320px;margin-left:0;border-left:1px solid #AAAAAA;border-top-left-radius:25px;border-bottom-left-radius:25px}.tab-btn{font-size:13px;padding:7px 10px}.date-label,.date-field input,.payment-page .payment-date-picker,.payment-page .payment-date-picker .ant-picker-input input,.search,.search::placeholder,.status-pills-label,.status-pills .pill{font-size:11px!important}.left-booking-card .left-code{font-size:13px}.left-booking-card .left-contact,.left-booking-card .left-date{font-size:11px}.left-booking-card .left-status{font-size:9px}.payment-code{font-size:22px}.payment-status-pill,.payment-meta-strip .label,.payment-meta-strip .value,.payment-table .table-header,.payment-table .table-row{font-size:11px}.payment-table .table-header,.payment-table .table-row{padding:8px 10px}.payment-summary .summary-row,.payment-summary .summary-add-btn{font-size:10px}.payment-summary .total,.payment-multi-invoice-total,.empty-state p,.pay-button{font-size:11px}.payment-page .payment-modal .modal-title{font-size:15px}.payment-page .payment-modal .modal-section-title,.payment-page .payment-modal .payment-type-btn,.payment-page .payment-modal .modal-input,.payment-page .payment-modal .modal-textarea,.payment-page .payment-modal .ant-select-single .ant-select-selector,.payment-page .payment-modal .btn,.payment-page .refund-options-section-title,.payment-page .refund-radio-row,.payment-page .refund-amount-input,.payment-page .refund-amount-currency,.payment-page .refund-coupon-preview,.payment-page .payment-discount-label,.payment-page .payment-discount-input,.payment-page .payment-discount-label .ant-select-selection-item,.payment-page .payment-discount-label .ant-select-selection-placeholder{font-size:11px!important}}@media(max-width:430px){.payment-title-section h1{font-size:22px}.payment-title-section h2{font-size:15px}.tab-btn{font-size:12px;padding:6px 9px}.date-label,.date-field input,.payment-page .payment-date-picker,.payment-page .payment-date-picker .ant-picker-input input,.search,.search::placeholder,.status-pills-label,.status-pills .pill{font-size:10px!important}.left-booking-card .left-code{font-size:12px}.left-booking-card .left-contact,.left-booking-card .left-date,.payment-meta-strip .label,.payment-meta-strip .value,.payment-table .table-header,.payment-table .table-row,.payment-summary .summary-row,.payment-summary .summary-add-btn,.payment-summary .total,.payment-multi-invoice-total,.empty-state p,.pay-button{font-size:10px}.payment-code{font-size:19px}.payment-status-pill,.left-booking-card .left-status{font-size:9px}.payment-page .payment-modal .modal-title{font-size:14px}}.payment-page>.footer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:auto!important;text-align:center}.pay-action{width:100%;max-width:1140px;margin:20px auto 24px;display:flex;justify-content:center;gap:12px}.pay-button{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-family:Google Sans;font-size:14px;font-weight:600;cursor:pointer;width:150px;height:40px;box-shadow:var(--shadow-sm)}.pay-button:hover{transition:background .15s ease}.pay-button.pay-main-btn:hover{background:#bebebe}.pay-button.print-btn,.pay-button.download-btn{transition:background .2s}.pay-button.print-btn:hover,.pay-button.download-btn:hover{background:#bebebe}.pay-button:active{transform:translateY(1px)}.payment-page .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.payment-page .modal.payment-modal{background:#fff;border-radius:20px;box-shadow:var(--shadow-md);width:520px;max-width:96vw;display:flex;flex-direction:column;font-family:Google Sans;max-height:calc(100vh - 80px);overflow:hidden}.payment-page .payment-modal .modal-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;background:#fff}.payment-page .payment-modal .modal-title{font-size:20px;font-weight:700;color:#000;line-height:1.1;margin:0}.payment-page .payment-modal .modal-close{background:var(--primary-color);color:#fff;width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.payment-page .payment-modal .modal-close:hover{background:#bebebe}.payment-page .payment-modal .modal-content{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 210px);padding:20px 20px 0;-ms-overflow-style:none;scrollbar-width:none}.payment-page .payment-modal .modal-content::-webkit-scrollbar{width:0;height:0;display:none}.payment-page .payment-modal .modal-section{margin:10px 0}.payment-page .payment-modal .modal-section-title{font-size:14px;font-weight:500;color:#000}.payment-page .payment-modal .modal-section:has(.ant-select) .modal-section-title{display:inline-block;margin-bottom:8px}.payment-page .payment-modal .payment-type-row{display:flex;gap:4px;background:#f5f6f6;padding:4px;border-radius:14px;margin-top:14px;box-shadow:inset 0 2px 4px #00000008}.payment-page .payment-modal .payment-type-btn{flex:1;border:none!important;background:transparent;padding:10px 16px;font-size:15px;font-weight:600;color:#768b88;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;font-family:Google Sans,sans-serif;height:auto;min-width:unset;display:inline-flex;align-items:center;justify-content:center}.payment-page .payment-modal .payment-type-btn:before,.payment-page .payment-modal .payment-type-btn:after{display:none!important}.payment-page .payment-modal .payment-type-btn:hover:not(.active){color:var(--primary-color);background:#103c3b0d!important}.payment-page .payment-modal .payment-type-btn.active{background:var(--primary-color)!important;color:#fff!important;border:none!important;box-shadow:0 4px 10px #103c3b33!important}.payment-page .payment-modal .modal-input,.payment-page .payment-modal .modal-textarea{width:100%;box-sizing:border-box;border:1px solid #C9C9C9;border-radius:8px;padding:8px 12px;font-size:12px;font-family:Google Sans;outline:none;background:#fff;color:var(--primary-color);margin-top:8px}.payment-page .payment-modal .modal-input{height:40px}.payment-page .payment-modal .modal-input[readonly]{background:#f3f3f3}.payment-page .payment-modal .modal-input.modal-amount-white{background:#fff!important}.payment-page .payment-modal .modal-input::placeholder,.payment-page .payment-modal .modal-textarea::placeholder{color:#bebebe;font-size:12px!important;font-weight:500;opacity:1}.payment-page .payment-modal .charge-input::placeholder{color:#aaa!important}.payment-page .payment-modal .modal-input.invalid,.payment-page .payment-modal .charge-input.invalid{border-color:#ff2a2d!important}.payment-page .payment-modal .modal-input.invalid:focus,.payment-page .payment-modal .charge-input.invalid:focus{box-shadow:0 0 0 3px #ff2a2d14}.payment-page .payment-modal .modal-textarea{min-height:110px;resize:none}.payment-page .payment-modal .modal-input-wrapper{position:relative}.payment-page .payment-modal .modal-input-wrapper .modal-input{position:relative;z-index:2;background:#fff}.payment-page .payment-modal .modal-input-placeholder{position:absolute;left:12px;top:50%;transform:translateY(-35%);pointer-events:none;z-index:3;font-size:12px!important;font-weight:500!important;color:#bebebe!important;line-height:1.2}.payment-page .payment-modal .modal-input-placeholder-charge{color:#aaa!important}.payment-page .payment-modal .modal-textarea-wrapper{position:relative}.payment-page .payment-modal .modal-textarea-placeholder{position:absolute;left:12px;top:18px;pointer-events:none;color:#bebebe;font-size:12px!important;font-weight:500}.payment-page .payment-modal .ant-select-single .ant-select-selector{border-radius:8px;height:40px;min-height:40px;display:flex;align-items:center;font-size:12px;border:1px solid #C9C9C9!important;padding:0 12px!important}.payment-page .payment-modal .ant-select-single .ant-select-selector .ant-select-selection-item,.payment-page .payment-modal .ant-select-single .ant-select-selector .ant-select-selection-item-content,.payment-page .payment-modal .ant-select-single .ant-select-selector .ant-select-selection-placeholder{font-size:12px!important;font-weight:500;color:#bebebe}.payment-page .payment-modal .ant-select-single.ant-select-open .ant-select-selector .ant-select-selection-item,.payment-page .payment-modal .ant-select-single.ant-select-open .ant-select-selector .ant-select-selection-item-content,.payment-page .payment-modal .ant-select-single.ant-select-focused .ant-select-selector .ant-select-selection-item,.payment-page .payment-modal .ant-select-single.ant-select-focused .ant-select-selector .ant-select-selection-item-content,.payment-page .payment-modal .ant-select-single.ant-select-has-value .ant-select-selector .ant-select-selection-item,.payment-page .payment-modal .ant-select-single.ant-select-has-value .ant-select-selector .ant-select-selection-item-content{font-size:12px!important;font-weight:600;color:var(--primary-color)}.payment-page .payment-modal .modal-actions{margin-top:0;display:flex;justify-content:center;gap:10px;padding:0 20px 20px}.payment-page .payment-modal .btn{min-width:100px;padding:10px;border-radius:8px;font-size:13px;font-weight:600;font-family:Google Sans;cursor:pointer}.payment-page .payment-modal .btn.btn-cancel{background:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.payment-page .payment-modal .btn.btn-cancel:hover{background:#bebebe;color:#fff}.payment-page .payment-modal .btn.btn-primary{background:var(--primary-color);color:#fff;border:none}.payment-page .payment-modal .btn.btn-primary:hover{background:#bebebe}.payment-page .refund-options-modal{width:388px;max-width:94vw;padding:0;border-radius:18px}.payment-page .refund-options-modal .modal-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:10px 20px;margin-bottom:0}.payment-page .refund-options-modal .modal-close{margin-left:270px}.payment-page .refund-options-content{padding:18px 20px 8px;max-height:none}.payment-page .refund-options-section-title{font-size:14px;font-weight:700;color:#000;margin-bottom:18px}.payment-page .refund-radio-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#4a4a4a;margin-bottom:16px;cursor:pointer}.payment-page .refund-radio-row input[type=radio]{margin:0;width:16px;height:16px;accent-color:var(--primary-color)}.payment-page .refund-amount-row{display:grid;grid-template-columns:1fr 74px;gap:8px;margin:-4px 0 18px 26px}.payment-page .refund-amount-row.refund-amount-row-single{grid-template-columns:1fr}.payment-page .refund-amount-input,.payment-page .refund-amount-currency{height:32px;border:1px solid #D7D7D7;border-radius:6px;background:#f7f7f7;color:#a0a0a0;font-family:Google Sans;font-size:12px;font-weight:500;padding:0 10px;outline:none}.payment-page .refund-amount-input::placeholder{color:#c7c7c7}.payment-page .refund-options-actions{justify-content:center;padding:14px 20px 18px;margin-top:0}.payment-page .refund-confirm-btn{min-width:106px;height:36px;border-radius:10px}.payment-page .refund-coupon-preview{margin:-4px 0 18px 26px;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #E5E5E5;border-radius:8px;background:#fafafa;color:var(--primary-color);font-size:12px;font-weight:600}.payment-page .payment-discount-modal{width:min(820px,calc(100vw - 50px));max-width:calc(100vw - 50px);padding:0;border-radius:18px}.payment-page .payment-discount-modal .modal-header{padding:10px 20px;margin-bottom:0}.payment-page .payment-discount-modal .modal-title{margin-left:0}.payment-page .payment-discount-content{padding:18px 24px 5px}.payment-page .payment-discount-grid{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:16px;align-items:start}.payment-page .payment-discount-label{display:flex;flex-direction:column;gap:8px;color:#4a4a4a;font-size:12px;font-weight:600}.payment-page .payment-discount-grid>.payment-discount-label:first-child{padding-top:0}.payment-page .payment-discount-input{height:42px;border:1px solid #D7D7D7;border-radius:8px;background:#f7f7f7;color:var(--primary-color);font-family:Google Sans;font-size:14px;font-weight:500;padding:0 12px;outline:none}.payment-page .payment-discount-input::placeholder{color:#c7c7c7}.payment-page .payment-discount-label .ant-select{width:100%}.payment-page .payment-discount-label .ant-select-selector{height:42px!important;border:1px solid #D7D7D7!important;border-radius:8px!important;background:#f7f7f7!important;box-shadow:none!important}.payment-page .payment-discount-label .ant-select-selection-item,.payment-page .payment-discount-label .ant-select-selection-placeholder{line-height:40px!important;font-size:14px!important;font-weight:600;color:var(--primary-color)!important}.payment-page .payment-discount-label .ant-select-arrow{color:var(--primary-color)}.payment-page .payment-discount-arrow-icon{width:15px;height:10px}.payment-page .payment-discount-actions{justify-content:center;padding:16px 24px 20px;margin-top:0}@media(max-width:1164px){.payment-page .modal.payment-modal{width:min(460px,calc(100vw - 36px));padding:18px 16px;border-radius:10px;max-height:calc(100vh - 48px)}.payment-page .payment-modal .modal-header{margin-bottom:8px}.payment-page .payment-modal .modal-title{font-size:15px}.payment-page .payment-modal .modal-close{width:26px;height:26px;font-size:16px}.payment-page .payment-modal .modal-content{max-height:calc(100vh - 180px)}.payment-page .payment-modal .payment-type-row{gap:10px}.payment-page .payment-modal .payment-type-btn{min-width:unset;height:auto;padding:10px 12px;font-size:14px}.payment-page .payment-modal .modal-input,.payment-page .payment-modal .ant-select-single .ant-select-selector{height:38px;min-height:38px}.payment-page .payment-modal .modal-textarea{min-height:96px}.payment-page .payment-modal .modal-actions{margin-top:16px}.payment-page .payment-modal .btn{min-width:84px;padding:9px 18px}.payment-page .refund-options-modal{width:min(360px,calc(100vw - 24px));max-width:calc(100vw - 24px);border-radius:14px}.payment-page .refund-options-modal .modal-header{width:calc(100% - 24px);margin-left:auto;margin-right:auto;box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px 12px}.payment-page .refund-options-modal .modal-title{flex:1 1 auto;min-width:0;margin:0;font-size:14px!important;line-height:1.05;padding-left:4px;overflow-wrap:anywhere;word-break:break-word}.payment-page .refund-options-modal .modal-close{flex:0 0 auto;margin-left:auto;margin-right:4px;width:26px;height:26px;font-size:16px}.payment-page .refund-options-content{padding:16px 16px 8px}.payment-page .refund-radio-row{gap:8px;font-size:12px;margin-bottom:14px}.payment-page .refund-radio-row input[type=radio]{width:15px;height:15px}.payment-page .refund-amount-row{margin:-2px 0 16px 22px;grid-template-columns:minmax(0,1fr) 66px}.payment-page .refund-amount-input,.payment-page .refund-amount-currency{height:30px;font-size:11px!important;padding:0 8px}.payment-page .refund-coupon-preview{margin:-2px 0 16px 22px;padding:9px 10px;font-size:11px}.payment-page .refund-options-actions{padding:12px 16px 16px}.payment-page .refund-confirm-btn{min-width:96px;height:34px;border-radius:9px}.payment-page .payment-discount-modal{width:min(520px,calc(100vw - 24px));max-width:calc(100vw - 24px);border-radius:14px}.payment-page .payment-discount-modal .modal-header{width:calc(100% - 24px);margin-left:auto;margin-right:auto;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 20px 4px}.payment-page .payment-discount-modal .modal-title{flex:1 1 auto;min-width:0;padding-left:4px;overflow-wrap:anywhere;word-break:break-word}.payment-page .payment-discount-modal .modal-close{flex:0 0 auto;margin-left:auto;margin-right:4px}.payment-page .payment-discount-content{padding:16px 16px 6px}.payment-page .payment-discount-grid{grid-template-columns:minmax(0,1fr) 132px;gap:12px}.payment-page .payment-discount-label,.payment-page .payment-discount-label span{font-size:11px!important}.payment-page .payment-discount-input{height:38px;font-size:12px;padding:0 10px}.payment-page .payment-discount-label .ant-select-selector{height:38px}.payment-page .payment-discount-label .ant-select-selection-item,.payment-page .payment-discount-label .ant-select-selection-placeholder{line-height:36px!important;font-size:12px!important}.payment-page .payment-discount-actions{padding:14px 16px 16px}}@media(max-width:430px){.payment-page .refund-options-modal,.payment-page .payment-discount-modal{transform:none;margin-left:auto;margin-right:auto}.payment-page .refund-options-modal .modal-header,.payment-page .payment-discount-modal .modal-header{width:calc(100% - 12px);margin-left:auto;margin-right:auto;box-sizing:border-box;justify-content:space-between;align-items:center;gap:10px;padding-left:16px;padding-right:16px}.payment-page .refund-options-modal .modal-title,.payment-page .payment-discount-modal .modal-title{flex:1 1 auto;min-width:0;font-size:13px!important;line-height:1.05;padding-left:2px;overflow-wrap:anywhere;word-break:break-word}.payment-page .refund-options-modal .modal-close,.payment-page .payment-discount-modal .modal-close{flex:0 0 auto;margin-left:auto;width:24px;height:24px;font-size:14px;margin-right:2px}}@media(max-width:640px){.payment-page .refund-options-modal .modal-header,.payment-page .payment-discount-modal .modal-header{width:calc(100% - 20px);margin-left:auto;margin-right:auto;box-sizing:border-box;padding-left:18px;padding-right:18px}.payment-page .refund-options-modal .modal-title,.payment-page .payment-discount-modal .modal-title{padding-left:4px}.payment-page .refund-options-modal .modal-close,.payment-page .payment-discount-modal .modal-close{margin-right:4px}}@media(max-width:900px){.payment-page{--payment-page-scale: .78;--payment-virtual-width: 980px;--payment-content-height: clamp(420px, 62vh, 3560px);overflow-x:hidden}.payment-title-section{zoom:.9}.payment-controls,.payment-page .payment-layout,.pay-action{width:var(--payment-virtual-width)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;zoom:var(--payment-page-scale)}.payment-page .payment-layout{grid-template-columns:300px 1fr;gap:0}.payment-page .left-panel{padding:10px;height:var(--payment-content-height);min-height:0!important;border-right:none;border-radius:25px 1px 1px 25px}.payment-page .right-panel{height:auto;overflow:visible}.payment-page .right-panel .payment-card{height:var(--payment-content-height);min-height:350px;margin-left:-1px;border-left:none!important;border-top-left-radius:0;border-bottom-left-radius:0}.left-booking-card{width:calc(100% - 4px);padding:10px 12px;border-radius:14px}.left-booking-card .left-status{top:8px;right:10px;padding:3px 8px;font-size:9px;border-radius:18px}.payment-card-body{padding:12px 16px 18px}.pay-action{transform:none!important;justify-content:center}}@media(max-width:768px){.payment-page{--payment-page-scale: .66;--payment-virtual-width: 900px}.payment-title-section{zoom:.82}.payment-page .payment-layout{grid-template-columns:276px 1fr}.status-pills{gap:7px;max-width:320px}.status-pills-label{font-size:11px}.status-pills .pill{font-size:10px;padding:4px 9px}.left-booking-card{padding:9px 11px}.left-booking-card .left-status{top:7px;right:8px;padding:3px 7px;font-size:8px}.payment-card-body{padding:10px 14px 16px}}@media(max-width:640px){.payment-page{--payment-page-scale: .55;--payment-virtual-width: 820px}.payment-title-section{zoom:.74}.payment-page .payment-layout{grid-template-columns:248px 1fr}.status-pills{gap:6px;max-width:290px}.status-pills-label{font-size:10px}.status-pills .pill{font-size:9px;padding:4px 8px}.left-booking-card{padding:8px 10px}.left-booking-card .left-status{right:7px;padding:2px 7px;font-size:8px}.payment-card-body{padding:9px 12px 14px}}@media(max-width:540px){.payment-page{--payment-page-scale: .47;--payment-virtual-width: 760px}.payment-page .payment-layout{grid-template-columns:228px 1fr}.status-pills{gap:5px;max-width:260px}.status-pills .pill{padding:3px 7px}.left-booking-card{padding:8px 9px}.left-booking-card .left-status{right:6px;padding:2px 6px;font-size:7px}.payment-card-body{padding:8px 10px 12px}.payment-title-section{zoom:.68}}@media(max-width:900px){.payment-page .payment-layout{display:flex;flex-direction:column!important;gap:20px}.payment-page .left-panel,.payment-page .right-panel{width:100%!important}.payment-page .left-panel{height:auto;max-height:240px!important;min-height:180px!important;border:1px solid #BEBEBE;border-radius:18px;border-right:1px solid #BEBEBE;box-shadow:var(--shadow-md)!important;overflow-y:auto}.payment-page .right-panel{gap:10px}.payment-page .right-panel .payment-card{width:100%;height:auto;min-height:320px;margin-left:0;border:1px solid #BEBEBE!important;border-radius:18px!important;border-left:1px solid #BEBEBE!important;border-top-left-radius:18px;border-bottom-left-radius:18px;box-shadow:var(--shadow-md)!important;overflow-y:auto}.payment-page .right-panel .pay-action{width:100%;margin:8px 0 0;justify-content:center;transform:none!important}}@media(max-width:900px){.payment-page{--payment-page-scale: 1 !important;--payment-virtual-width: 100% !important}.payment-title-section,.payment-controls,.payment-page .payment-layout,.pay-action{zoom:1!important}.payment-controls,.payment-page .payment-layout,.pay-action{width:min(100%,1140px)!important;max-width:min(100%,1140px)!important}.payment-title-section h1{font-size:22px}.payment-title-section h2{font-size:16px}.tab-btn{font-size:16px!important;padding:8px 14px!important}.date-label,.date-field input,.payment-page .payment-date-picker,.payment-page .payment-date-picker .ant-picker-input input,.search,.search::placeholder,.status-pills-label,.status-pills .pill{font-size:13px!important}.left-booking-card .left-code{font-size:16px!important}.left-booking-card .left-contact,.left-booking-card .left-date{font-size:13px!important}.left-booking-card .left-status,.payment-status-pill{font-size:10px!important}.payment-code{font-size:35px}.payment-meta-strip .label,.payment-meta-strip .value{font-size:14px!important}.payment-table .table-header,.payment-table .table-row,.payment-summary .summary-row,.payment-summary .summary-add-btn{font-size:13px!important}.payment-summary .total,.payment-multi-invoice-total,.empty-state p,.pay-button{font-size:14px!important}.payment-page .payment-modal .modal-title{font-size:16px}.payment-page .payment-modal .modal-section-title,.payment-page .payment-modal .payment-type-btn,.payment-page .payment-modal .modal-input,.payment-page .payment-modal .modal-textarea,.payment-page .payment-modal .ant-select-single .ant-select-selector,.payment-page .payment-modal .btn,.payment-page .refund-options-section-title,.payment-page .refund-radio-row,.payment-page .refund-amount-input,.payment-page .refund-amount-currency,.payment-page .refund-coupon-preview,.payment-page .payment-discount-label,.payment-page .payment-discount-input,.payment-page .payment-discount-label .ant-select-selection-item,.payment-page .payment-discount-label .ant-select-selection-placeholder{font-size:12px!important}}@media(max-width:900px){.payment-page .payment-layout{width:calc(100% - 48px);max-width:calc(100% - 48px);margin:12px 24px 0}@media(min-width:768px){.payment-page .payment-layout{width:calc(100% - 96px);max-width:calc(100% - 96px);margin:12px 48px 0}}.payment-page .left-panel{width:100%!important;max-width:100%!important;margin:0!important;max-height:220px!important;min-height:160px!important;padding:10px;border-radius:16px;box-sizing:border-box;overflow-x:hidden}.left-booking-card{width:100%;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:12px 14px;border-radius:12px;margin-bottom:8px;box-sizing:border-box;position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;background:#fff;border:1px solid #EAEAEA;box-shadow:var(--shadow-sm)!important;transition:all .2s ease!important}.left-booking-card.active{background:#f5f5f5;border-color:#f5f5f5!important}.left-booking-card .left-code{font-size:16px!important;font-weight:700;color:var(--primary-color);margin-bottom:2px;max-width:calc(100% - 80px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.left-booking-card .left-contact,.left-booking-card .left-date{font-size:13px!important;color:#666!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.left-booking-card .left-status{position:absolute;top:10px;right:12px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px}.payment-page .right-panel .payment-card{width:100%;max-width:100%;margin:0;min-height:280px;border-radius:16px!important;box-sizing:border-box;overflow-x:hidden!important}.payment-card-header{padding:14px 14px 10px;margin-bottom:10px!important;min-width:0!important;width:100%;box-sizing:border-box}.payment-card-body{padding:10px 14px 16px;overflow-x:auto!important;overflow-y:auto;box-sizing:border-box}.payment-meta-strip,.payment-table,.payment-summary,.payment-multi-invoice-total{min-width:680px}.payment-document-list,.payment-document-panel{min-width:680px!important;width:max-content!important;max-width:none!important;box-sizing:border-box!important}.payment-document-toggle,.payment-document-content{min-width:680px!important;width:100%!important;max-width:none!important;box-sizing:border-box!important}.payment-code{font-size:24px}.payment-status-pill{font-size:9px;padding:3px 8px}}@media(max-width:768px){.payment-page .payment-document-toggle{padding:9px 12px!important;font-size:13px!important;align-items:flex-start!important}.payment-page .payment-document-list,.payment-page .payment-document-panel,.payment-page .payment-document-toggle,.payment-page .payment-document-content{min-width:680px!important;max-width:none!important}.payment-page .payment-document-content{padding:10px 14px 10px 18px!important}.payment-page .payment-document-content .payment-table,.payment-page .payment-document-content .payment-summary{min-width:680px!important;width:100%!important}.payment-page .payment-document-content .payment-summary .summary-row{width:100%}.payment-page .modal.payment-modal{width:min(400px,calc(100vw - 24px));padding:16px 14px;max-height:calc(100vh - 32px)}.payment-page .payment-modal .modal-title{font-size:14px}.payment-page .payment-modal .payment-type-row{gap:8px;flex-wrap:nowrap}.payment-page .payment-modal .payment-type-btn{min-width:unset;height:auto;padding:8px 10px;font-size:13px}.payment-page .payment-modal .modal-input,.payment-page .payment-modal .ant-select-single .ant-select-selector{height:36px;min-height:36px;padding:0 10px!important}.payment-page .payment-modal .modal-textarea{min-height:84px;padding:8px 10px}.payment-page .payment-modal .modal-actions{justify-content:center;gap:8px}.payment-page .payment-modal .btn{width:112px!important;min-width:112px;max-width:112px!important;flex:0 0 112px;padding:8px 12px;font-size:10px;text-align:center}}@media(max-width:430px){.payment-page .payment-document-toggle{padding:8px 10px!important;font-size:12px!important}.payment-page .payment-document-list,.payment-page .payment-document-panel,.payment-page .payment-document-toggle,.payment-page .payment-document-content,.payment-page .payment-document-content .payment-table,.payment-page .payment-document-content .payment-summary{min-width:680px!important;max-width:none!important}.payment-page .payment-document-content{padding:10px 12px 10px 16px!important}.payment-page .modal.payment-modal{width:calc(100vw - 16px);padding:14px 12px;border-radius:8px}.payment-page .payment-modal .modal-header{margin-bottom:6px}.payment-page .payment-modal .payment-type-row{gap:6px}.payment-page .payment-modal .payment-type-btn{min-width:unset;height:auto;padding:6px 8px;font-size:12px}.payment-page .payment-modal .modal-input,.payment-page .payment-modal .ant-select-single .ant-select-selector{height:34px;min-height:34px}.payment-page .payment-modal .modal-textarea{min-height:76px}.payment-page .payment-modal .btn{width:104px!important;min-width:104px;max-width:104px!important;flex:0 0 104px;padding:8px 10px}}@media(max-width:768px){.payment-page .left-panel{width:100%!important;max-width:100%!important;max-height:300px!important;min-height:150px!important;padding:9px;border-radius:14px;border:none}.payment-page .right-panel .payment-card{width:100%;max-width:100%;min-height:250px;border-radius:14px!important;border:none!important}.payment-card-header{padding:12px 12px 9px;min-width:unset!important}.payment-card-body{padding:9px 12px 14px}.payment-meta-strip,.payment-summary,.payment-multi-invoice-total{min-width:unset!important}.payment-page .payment-summary{width:100%!important;align-items:stretch!important;margin-top:16px!important;padding:0!important;box-sizing:border-box!important}.payment-page .payment-summary .summary-row{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:flex-start!important;width:100%!important;padding:4px 10px!important;box-sizing:border-box!important;font-size:13px!important;line-height:1.6!important}.payment-page .payment-summary .summary-row span:first-child{flex:0 0 130px!important;margin-right:8px!important;color:#555!important}.payment-page .payment-summary .summary-row span:last-child{flex:1 1 auto!important;text-align:right!important;word-break:break-word!important;overflow-wrap:break-word!important;color:#000!important}.payment-page .payment-summary .summary-row.total{padding-bottom:12px!important;margin-bottom:12px!important}.payment-table{min-width:unset!important;display:block!important;width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.payment-table .table-header,.payment-table .table-row{min-width:580px!important}.payment-code{font-size:21px}.payment-status-pill{font-size:11px;padding:3px 8px;border-radius:12px}.payment-page .booking-head-grid{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important}}@media(max-width:640px){.payment-page .left-panel{width:100%!important;max-width:100%!important;max-height:300px!important;min-height:140px!important;padding:8px;border-radius:12px}.payment-page .right-panel .payment-card{width:100%;max-width:100%;min-height:220px;border-radius:12px!important;border:none!important}.payment-card-header{padding:10px 10px 8px;margin-bottom:8px!important;min-width:unset!important}.payment-card-body{padding:0 10px}.payment-meta-strip,.payment-summary,.payment-multi-invoice-total{min-width:unset!important}.payment-table{min-width:unset!important;display:block!important;width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.payment-table .table-header,.payment-table .table-row{min-width:540px!important}.payment-code{font-size:18px}.payment-status-pill{font-size:11px;padding:3px 8px;border-radius:12px}}@media(max-width:540px){.payment-page .payment-layout{width:calc(100% - 48px);max-width:calc(100% - 48px);margin:12px 24px 0}.payment-page .left-panel{width:100%!important;max-width:100%!important;margin:0!important;max-height:400px!important;min-height:400px!important;padding:6px;border:none}.payment-page .right-panel .payment-card{width:100%;max-width:100%;margin:0;min-height:400px;max-height:400px!important;padding:6px!important;border:none!important;overflow-y:auto;box-sizing:border-box}.payment-card-header{padding:9px 9px 7px;margin-bottom:0!important;min-width:unset!important}.payment-meta-strip,.payment-summary,.payment-multi-invoice-total{min-width:unset!important}.payment-table{min-width:unset!important;display:block!important;width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.payment-table .table-header,.payment-table .table-row{min-width:500px!important}.payment-code{font-size:16px}.payment-status-pill{font-size:11px;padding:3px 8px;border-radius:12px}}@media(max-width:768px){.payment-controls{width:calc(100% - 24px);max-width:calc(100% - 48px);margin:0 24px;padding:10px 0}}@media(min-width:768px)and (max-width:1200px){.payment-page{--payment-page-scale: 1 !important;--payment-virtual-width: 100% !important}.payment-controls,.payment-page .payment-layout,.pay-action,.payment-title-section{zoom:1!important}.payment-controls{width:calc(100% - 96px);max-width:1140px;margin:0 48px;padding:0;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;row-gap:14px!important;column-gap:0!important;box-sizing:border-box!important}.payment-controls:after{left:18px!important;right:18px!important;top:94px!important}.tabs{grid-column:1 / 2!important;grid-row:1 / 2!important;justify-self:start!important}.actions{grid-column:1 / 2!important;grid-row:2 / 3!important;justify-self:stretch!important;width:100%!important;gap:0!important}.search-wrapper{width:100%!important;max-width:320px!important}.search{width:100%;max-width:100%!important;flex:1 1 100%!important;box-sizing:border-box;height:38px;border-radius:20px}.filters{grid-column:1 / 2!important;grid-row:3 / 4!important;justify-self:stretch!important;width:100%!important;max-width:320px!important;flex-wrap:wrap!important;margin-top:0!important}.filters .date-field{width:100%!important}.payment-page .filters .payment-date-picker.ant-picker{width:100%!important;max-width:100%!important;height:38px!important;border-radius:20px!important;border:1px solid #AAAAAA!important;background:#fff!important;padding:4px 16px!important}.payment-page .payment-layout{--payment-stacked-panel-height: 320px;width:calc(100% - 96px);max-width:1140px;margin:12px 48px 0;display:flex;flex-direction:column!important;gap:12px;box-sizing:border-box!important}.pay-action{width:calc(100% - 96px);max-width:1140px;margin:12px 48px 24px;box-sizing:border-box!important}.payment-page .left-panel,.payment-page .right-panel{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.payment-page .left-panel{height:var(--payment-stacked-panel-height);max-height:var(--payment-stacked-panel-height)!important;min-height:var(--payment-stacked-panel-height)!important;padding:10px;border:1px solid #BEBEBE;border-radius:18px;box-shadow:var(--shadow-md)!important;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;border:none}.payment-page .right-panel{gap:12px;height:auto;overflow:visible}.payment-page .right-panel .payment-card{width:100%;max-width:100%;height:var(--payment-stacked-panel-height);min-height:var(--payment-stacked-panel-height);margin:0;border:1px solid #BEBEBE!important;border-radius:18px!important;box-shadow:var(--shadow-md)!important;overflow-y:auto;box-sizing:border-box;border:none!important}.payment-page .right-panel .pay-action{width:100%;margin:8px 0 0;justify-content:center;transform:none!important}.payment-title-section h1{font-size:34px}.payment-title-section h2{font-size:20px}.tab-btn{font-size:17px!important}.date-label,.date-field input,.payment-page .payment-date-picker,.payment-page .payment-date-picker .ant-picker-input input{font-size:15px!important}.search,.search::placeholder{font-size:15px!important}.status-pills-label{font-size:14px}.status-pills .pill{font-size:14px;padding:8px 14px}.left-booking-card .left-code{font-size:17px!important}.left-booking-card .left-contact,.left-booking-card .left-date{font-size:14px!important}.left-booking-card .left-status{font-size:13px}.payment-code{font-size:34px}.payment-status-pill{font-size:15px}.payment-meta-strip .label,.payment-meta-strip .value{font-size:15px!important}.payment-table .table-header,.payment-table .table-row{font-size:14px!important}.payment-summary .summary-row{font-size:14px}.payment-summary .total{font-size:17px}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.left-booking-card.skeleton{pointer-events:none;border-color:#eaeaea}.left-booking-card.skeleton .skeleton-line,.left-booking-card.skeleton .skeleton-badge,.payment-card .skeleton-line,.payment-card .skeleton-badge{background:var(--skeleton-gradient);background-size:200% 100%;animation:skeleton-loading 1.5s infinite!important}.payment-page .receipt-paper{width:380px;background:#fff;border-radius:18px;padding:24px;margin:0 auto;box-shadow:var(--shadow-sm);font-family:Google Sans,sans-serif;color:#000;box-sizing:border-box;border:1px solid #EAEAEA}.payment-page .payment-receipt-offscreen .receipt-paper{box-shadow:none;border-radius:0;border:none}.payment-page .receipt-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;margin-bottom:22px;width:100%}.payment-page .receipt-logo img{width:110px;object-fit:contain}.payment-page .receipt-company{text-align:center;font-size:13px;line-height:1.8;color:#222;font-weight:500;width:100%}.payment-page .receipt-divider{height:1px;background:#eaeaea;margin:12px 0;border:none}.payment-page .receipt-divider.thick{height:2px;background:var(--primary-color)}.payment-page .receipt-title{text-align:center;font-size:20px;font-weight:800;letter-spacing:.4px;margin:22px 0;padding:18px 0;border-top:2px solid #1B1B1B;border-bottom:2px solid #1B1B1B}.payment-page .receipt-meta{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.payment-page .receipt-meta-item{display:flex;flex-wrap:wrap;align-items:flex-start;font-size:13px}.payment-page .meta-label{font-weight:700;color:#111;margin-right:8px}.payment-page .meta-value{color:#222}.payment-page .booking-customer-section{border-top:1px dashed #BDBDBD;padding-top:18px;margin-top:12px;margin-bottom:22px}.payment-page .booking-customer-item{display:flex;flex-wrap:wrap;margin-bottom:12px;font-size:13px}.payment-page .receipt-table{width:100%;border-collapse:collapse;margin-top:18px}.payment-page .receipt-table thead{border-top:4px solid #111;border-bottom:2px solid #111}.payment-page .receipt-table th{padding:14px 0;font-size:13px;font-weight:800}.payment-page .receipt-table td{padding:14px 0;font-size:13px}.payment-page .receipt-table td:last-child,.payment-page .receipt-table th:last-child{text-align:right}.payment-page .receipt-summary{margin-top:18px}.payment-page .summary-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:12px}.payment-page .summary-row.refund{color:#d94b4b;font-weight:700}.payment-page .summary-total{margin-top:14px;border-top:2px solid #111;border-bottom:2px solid #111;padding:10px 0;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:#111;white-space:nowrap}.payment-page .summary-row.paid-amount span:last-child{color:#67ae6e;font-weight:700}.payment-page .receipt-footer{margin-top:28px;text-align:center;font-size:10px;color:#666}.booking-summary-page{font-family:Google Sans,sans-serif!important;color:#000;position:relative;min-height:120vh;padding-bottom:66px;overflow-x:hidden}.booking-summary-page,.booking-summary-page input,.booking-summary-page textarea,.booking-summary-page select,.booking-summary-page .btn,.booking-summary-page .btn-primary,.booking-summary-page .ant-select-selector{font-family:Google Sans!important}.booking-summary-page .page-title-section{text-align:center}.booking-summary-page .page-title-section h1{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0;margin:60px 10px 10px;color:#000}.booking-summary-page .page-title-section h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0;margin:10px 10px 60px;color:#000}.booking-summary-page .summary-container{max-width:1200px;margin:18px auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;background:#fff;box-sizing:border-box}.booking-summary-page .summary-left{background:transparent;border:none;border-radius:0;padding:0;min-width:0}.booking-summary-page .summary-left h2{font-size:20px;margin:0 0 12px;font-weight:700;position:relative;padding-bottom:8px}.booking-summary-page .summary-left h2:after{content:"";position:absolute;left:0;right:0;height:1px;background:#c9c9c9;bottom:-6px}.booking-summary-page .customer-list{display:grid;grid-template-columns:1fr;gap:0px}.booking-summary-page .summary-right{background:transparent;min-width:0}.booking-summary-page .summary-right-block{border:none;border-radius:20px}.booking-summary-page .summary-right .summary-box{border:1px solid #d8d8d8;border-radius:20px;background:transparent;padding:20px}.booking-summary-page .summary-right .summary-box-header{position:relative}.booking-summary-page .summary-right .summary-box-header.service-details-header{background:transparent}.booking-summary-page .summary-right .summary-row{padding:4px 0}.booking-summary-page .summary-right .summary-box.payment-status-box{background:#f3f3f3;padding:12px;border-radius:20px;border:none}.booking-summary-page .payment-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.booking-summary-page .payment-status-row h3{margin:0;font-size:18px;font-weight:700}.booking-summary-page .payment-status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:30px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:600;color:#000;background:#f0ad35}.booking-summary-page .payment-status-pill.paid{background:#a8df8e;color:#000}.booking-summary-page .payment-status-pill.partial{background:#5eccce;color:#000}.booking-summary-page .payment-status-pill.unpaid{background:#fcb53b;border:none!important;color:#000}.booking-summary-page .payment-status-pill.cancel{background:#f5b2b2;color:#000}.booking-summary-page .summary-right .summary-box.booking-info,.booking-summary-page .summary-right .summary-box.booking-contact{background:#f3f3f3;border:none;border-radius:20px;padding:10px 20px;box-shadow:var(--shadow-md)}.booking-summary-page .summary-right .summary-box.booking-info .summary-box-header,.booking-summary-page .summary-right .summary-box.booking-contact .summary-box-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:0}.booking-summary-page .summary-right .summary-box.booking-info h3,.booking-summary-page .summary-right .summary-box.booking-contact h3{margin:0;font-size:18px;font-weight:700}.booking-summary-page .summary-right .summary-box.booking-contact h3{display:inline-flex;border-bottom:2px solid #000000}.booking-summary-page .summary-right .summary-box.booking-info .summary-row,.booking-summary-page .summary-right .summary-box.booking-contact .summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #d8d8d8}.booking-summary-page .summary-right .summary-box.booking-info .summary-row.summary-row-label-value{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:none}.booking-summary-page .summary-right .summary-box.booking-info .summary-row.summary-row-label-value strong{font-size:15px;font-weight:600;color:#000}.booking-summary-page .summary-right .summary-box.booking-info .summary-row.summary-row-label-value span{color:#9e9e9e;font-weight:600}.booking-summary-page .summary-right .summary-box.booking-info .summary-row.summary-row-two-col{display:flex;align-items:stretch;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #d8d8d8}.booking-summary-page .summary-right .summary-box.booking-info .summary-row.summary-row-two-col .summary-row-col{flex:1;display:flex;flex-direction:column;gap:10px;padding:0 16px}.booking-summary-page .summary-right .summary-box.booking-info .summary-row.summary-row-two-col .summary-row-col:first-child{padding-left:0}.booking-summary-page .summary-right .summary-box.booking-info .summary-row.summary-row-two-col .summary-row-col+.summary-row-col{border-left:1px solid #d8d8d8;padding-left:20px}.booking-summary-page .summary-right .summary-box.booking-info .summary-row.summary-row-two-col .summary-row-col strong{font-weight:600;color:#000;font-size:15px}.booking-summary-page .summary-right .summary-box.booking-info .summary-row.summary-row-two-col .summary-row-col span{color:#616161!important;font-weight:500;text-align:left;font-size:14px}.booking-summary-page .summary-right .summary-box.booking-info .summary-row.summary-row-divider{width:100%;border-bottom:1px solid #e0e0e0;margin:10px 0}.booking-summary-page .summary-right .summary-box.booking-info .summary-row:last-child,.booking-summary-page .summary-right .summary-box.booking-contact .summary-row:last-child{border-bottom:none}.booking-summary-page .summary-right .summary-box.booking-info .summary-row strong,.booking-summary-page .summary-right .summary-box.booking-contact .summary-row strong{font-weight:600;color:#000;font-size:15px}.booking-summary-page .summary-right .summary-box.booking-contact .summary-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:12px 0}.booking-summary-page .summary-right .summary-box.booking-info .summary-row>span:last-child,.booking-summary-page .summary-right .summary-box.booking-contact .summary-row>span:last-child{color:#616161!important;font-weight:500;font-size:14px}.booking-summary-page .summary-right .summary-box.booking-contact .summary-row>span:last-child{text-align:left;white-space:normal}.booking-summary-page .summary-right .summary-box.booking-info{margin-bottom:16px}.booking-summary-page .customer-card{position:relative;border:none!important;background:#fff;border-radius:15px;margin:20px 0 12px;display:flex;gap:12px;align-items:center;min-height:64px;width:100%;box-sizing:border-box;box-shadow:var(--shadow-sm);padding:20px}.booking-summary-page .customer-card.editing{background:#fff;padding:20px}.booking-summary-page .customer-card{max-height:none}.booking-summary-page .customer-card::-webkit-scrollbar{width:0;height:0}.booking-summary-page .customer-card-main{flex:1;min-width:0}.booking-summary-page .customer-card-header>div:first-child{min-width:0;display:flex;align-items:center;gap:12px}.booking-summary-page .customer-card-header>div:first-child .customer-name{font-size:16px;font-weight:700;color:#111827}.booking-summary-page .customer-card-header>div:first-child .muted{font-size:12px;color:#6b7280;margin-top:2px}.booking-summary-page .treatment-time-wrapper{display:flex;align-items:center;gap:10px;margin:0 16px 0 6px;min-width:0;flex:1 1 auto}.booking-summary-page .treatment-label{font-size:14px;font-weight:600;color:#111827;line-height:1.3;white-space:nowrap}.booking-summary-page .customer-time{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;color:#c78b2a!important;background:#fff5e7!important;border:none!important}.booking-summary-page .customer-time .time-icon{width:14px;height:14px;filter:invert(56%) sepia(85%) saturate(368%) hue-rotate(1deg) brightness(92%) contrast(87%)!important}.booking-summary-page .service-count-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;background:#d4dddc;color:var(--primary-color);font-size:13px;font-weight:700;white-space:nowrap}.booking-summary-page .customer-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600;min-width:0}.booking-summary-page .customer-card-header>.service-count-pill{flex-shrink:0}.booking-summary-page .customer-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.booking-summary-page .customer-card.collapsed{cursor:pointer}.booking-summary-page .customer-card.collapsed .treatment-time-wrapper{margin:0 16px 0 6px}.booking-summary-page .customer-card.editing .treatment-time-wrapper{margin:0 0 0 6px}.booking-summary-page .treatment-time-wrapper>div{display:block}.booking-summary-page .treatment-time-list{display:grid!important;grid-auto-flow:row!important;grid-template-columns:repeat(2,max-content)!important;column-gap:8px;row-gap:8px;justify-content:flex-start;align-items:start;width:auto;max-width:100%}.booking-summary-page .customer-avatar{width:40px;height:40px;border-radius:50%;background:#f5f5f5;object-fit:cover;border:1px solid #e6e6e6;margin:0 12px 0 0;flex-shrink:0}.booking-summary-page .customer-card-pen{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:background .2s ease}.booking-summary-page .customer-card-pen:hover{background:#aaa}.booking-summary-page .customer-card-pen img{width:15px;height:15px;display:block}.booking-summary-page .customer-card-delete{position:absolute;right:50px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#858585;transition:background .2s ease,color .2s ease}.booking-summary-page .customer-card-delete:hover{background:#aaa;color:#bebebe}.booking-summary-page .customer-card-delete .btn-delete-icon,.booking-summary-page .btn-delete .btn-delete-icon{width:18px;height:18px;display:inline-block;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.booking-summary-page .summary-pen{position:absolute;right:8px;top:8px;width:25px;height:25px;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20}.booking-summary-page .summary-pen img{width:15px;height:15px;display:block}.booking-summary-page .customer-name{font-size:16px;font-weight:700}.booking-summary-page .customer-card .muted{font-size:12px;color:#858585;font-weight:400}.booking-summary-page .customer-time{font-size:9px;font-weight:700;color:#333;display:inline-flex;align-items:center;gap:8px;background:#f5f9ee;padding:6px 10px;border-radius:20px}.booking-summary-page .time-icon{width:15px;height:15px;margin-right:0;vertical-align:middle}.booking-summary-page .customer-card-body{font-size:13px;line-height:2;transition:max-height .15s ease-out,opacity .12s ease-out}.booking-summary-page .customer-card .customer-card-body{max-height:0;opacity:0;overflow:hidden;pointer-events:none;margin-top:0}.booking-summary-page .customer-card.editing .customer-card-body{max-height:1200px;opacity:1;pointer-events:auto;margin-top:16px}.booking-summary-page .customer-card.editing{background:#fff!important;border-radius:16px!important;padding:20px!important;box-shadow:var(--shadow-sm)!important;display:block!important;box-sizing:border-box!important;margin:20px 0 12px!important}.booking-summary-page .customer-card.editing .customer-avatar{position:static!important;width:40px!important;height:40px!important;border-radius:50%!important;margin:0!important}.booking-summary-page .customer-card.editing .customer-card-main{width:100%!important}.booking-summary-page .customer-card.editing .customer-card-header{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding-bottom:12px!important;padding-left:0!important;min-height:auto!important}.booking-summary-page .customer-card.editing .customer-card-body{margin-top:0!important}.booking-summary-page .customer-card.editing .customer-edit-form{margin-left:0!important;padding-left:0!important}.booking-summary-page .customer-card-actions{display:flex;align-items:center;gap:8px}.booking-summary-page .customer-card-actions .btn{min-width:64px;padding:6px 12px;height:32px;border-radius:99px!important;font-size:12px;line-height:1}.booking-summary-page .customer-card-actions .btn{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.booking-summary-page .customer-card-actions .btn.btn-cancel:hover{background:#bebebe!important;color:#fff!important;border-color:#bebebe!important}.booking-summary-page .customer-card-actions .btn.btn-cancel{border-color:var(--primary-color)!important}.booking-summary-page .customer-card-actions .btn.btn-primary:hover{background:#bebebe!important;color:#fff!important;border-color:#bebebe!important}.booking-summary-page .customer-card-body>div:nth-of-type(1),.booking-summary-page .customer-card-body>div:nth-of-type(2){color:#000;font-weight:600}.booking-summary-page .customer-card-body>div:nth-of-type(1)>strong,.booking-summary-page .customer-card-body>div:nth-of-type(2)>strong{color:#000;font-weight:700}.booking-summary-page .tag{display:inline-block;background:#f0f5f5;color:#000;border-radius:12px;padding:2px 8px;margin-left:6px;font-size:8px;font-weight:600}.booking-summary-page .muted{font-size:11px;color:#858585}.booking-summary-page .service-tags{margin-top:0;display:flex;align-items:center;gap:8px;line-height:1.6}.booking-summary-page .service-tags strong{margin-right:6px}.booking-summary-page .service-tags .tag{font-weight:700}.booking-summary-page .tag{line-height:2}.booking-summary-page .customer-edit-form{display:block}.booking-summary-page .customer-edit-form .form-row{display:flex;gap:20px!important;align-items:center;margin-top:8px}.booking-summary-page .customer-edit-form .form-row.two-cols{gap:12px}.booking-summary-page .customer-edit-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#374151}.booking-summary-page .customer-card .customer-edit-form label{font-size:13px!important;font-weight:600!important;color:#374151!important}.booking-summary-page .customer-edit-form-top-row{display:grid!important;grid-template-columns:2fr 1fr!important;gap:16px!important;margin-bottom:16px!important;align-items:start!important}.booking-summary-page .customer-edit-form-gender{width:100%;min-width:0}.booking-summary-page .customer-edit-gender-row{display:flex;flex-direction:column}.booking-summary-page .customer-edit-gender-label{font-size:13px!important;font-weight:600!important;color:#374151!important}.booking-summary-page .customer-edit-gender-options{display:flex!important;align-items:center!important;gap:16px!important;height:42px!important}.booking-summary-page .customer-edit-gender-options label{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;white-space:nowrap;font-size:14px!important;cursor:pointer!important;color:#374151!important;font-weight:500!important}.booking-summary-page .customer-edit-gender-options input[type=radio]{flex:0 0 auto;margin:0}.booking-summary-page .customer-edit-gender-options span{display:inline-block;white-space:nowrap}.booking-summary-page .summary-bed-therapist-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:12px}@media(max-width:768px){.booking-summary-page .summary-bed-therapist-row{grid-template-columns:1fr;gap:12px}}.booking-summary-page .customer-edit-form .form-row.two-cols>label:first-child{position:relative;top:0}.booking-summary-page .customer-edit-form .input,.booking-summary-page .customer-edit-form .select{height:42px!important;padding:8px 12px!important;border-radius:8px!important;border:1px solid #E5E7EB!important;font-size:14px!important;line-height:1.2!important;background:#fff!important;box-sizing:border-box!important}.booking-summary-page .customer-edit-form .input{font-weight:600}.booking-summary-page .customer-edit-form .input,.booking-summary-page .customer-edit-form .select,.booking-summary-page .customer-edit-form .ant-select-selector{background:#fff!important;border:1px solid #E5E7EB!important}.booking-summary-page .customer-edit-form .service-select .ant-select-selector,.booking-summary-page .customer-edit-form .customer-box-select .ant-select-selector{background:#fff!important}.booking-summary-page .customer-edit-form .ant-select-selector{min-height:42px!important;height:42px!important;padding:0 12px!important;display:flex!important;align-items:center!important;border-radius:8px!important;border:1px solid #E5E7EB!important}.booking-summary-page .customer-edit-form .ant-select-selection-placeholder,.booking-summary-page .customer-edit-form .ant-select-selection-item{line-height:40px!important;font-size:14px!important}.booking-summary-page .customer-edit-form .input::placeholder,.booking-summary-page .customer-edit-form .input::-webkit-input-placeholder,.booking-summary-page .customer-edit-form .input:-ms-input-placeholder,.booking-summary-page .customer-edit-form .input::-ms-input-placeholder{font-weight:500!important;font-size:12px!important;color:#858585!important}.booking-summary-page .customer-edit-form .name-input::placeholder,.booking-summary-page .customer-edit-form .name-input::-webkit-input-placeholder,.booking-summary-page .customer-edit-form .name-input:-ms-input-placeholder,.booking-summary-page .customer-edit-form .name-input::-ms-input-placeholder{font-weight:500!important;font-size:12px!important;color:#858585!important}.booking-summary-page .customer-edit-form .name-input{font-size:12px!important;font-family:Google Sans!important;font-weight:600!important;background:#fff!important}.booking-summary-page .customer-edit-form .form-row.two-cols>label>.input{display:block;width:100%;max-width:100%;box-sizing:border-box}.booking-summary-page .customer-edit-form .btn{min-width:120px;padding:10px 22px;box-sizing:border-box}.booking-summary-page .customer-edit-form .btn.btn-cancel{transition:background-color .2s ease,color .2s ease;border:1px solid var(--primary-color)!important}.booking-summary-page .customer-edit-form .btn.btn-cancel:hover{background:#bebebe!important;color:#fff!important}.booking-summary-page .customer-edit-form .btn.btn-primary{transition:background-color .2s ease,color .2s ease}.booking-summary-page .customer-edit-form .btn.btn-primary:hover{background:#bebebe!important}.booking-summary-page .service-item-time{font-size:13px;font-weight:600;color:#00796b;white-space:nowrap;background:#e0f2f1;border:1px solid #4DB6AC;padding:4px 10px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.booking-summary-page .service-item-time:hover{background:#b2dfdb;border-color:#00796b;color:#004d40}.booking-summary-page .service-item-time-readonly{font-size:13px;font-weight:600;color:#00796b;white-space:nowrap;background:#e0f2f1;border:1px solid #4DB6AC;padding:4px 10px;border-radius:8px;display:inline-flex;align-items:center}.booking-summary-page .service-item-time-wrap{position:relative;display:inline-flex;align-items:center}.booking-summary-page .service-time-editor{position:absolute;top:calc(100% + 8px);right:0;width:190px;background:#fff;border:1px solid #DCDCDC;border-radius:10px;padding:8px;z-index:1500;overflow:visible;box-shadow:var(--shadow-md)}.booking-summary-page .ant-picker-dropdown,.booking-summary-page .rc-time-picker-panel,.booking-summary-page .service-time-editor .ant-picker-dropdown{z-index:1600!important}.booking-summary-page .service-time-editor-row{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.booking-summary-page .service-time-editor-row label{font-size:12px;font-weight:600;color:#333;margin:0}.booking-summary-page .service-time-editor-row .service-time-picker-input.ant-picker,.booking-summary-page .service-time-editor-row .service-time-picker-input.ant-picker-outlined,.booking-summary-page .service-time-editor-row .service-time-picker-input.ant-picker-borderless{width:100%;height:24px!important;min-height:34px!important;max-height:24px!important;padding:0 8px!important;border-radius:10px;border:1px solid #CCCCCC!important;background:#fff!important;box-shadow:none!important;margin-bottom:0;box-sizing:border-box}.booking-summary-page .service-time-editor-row .service-time-picker-input .ant-picker-input{align-items:center;height:100%}.booking-summary-page .service-time-editor-row .ant-picker-input>input{font-size:12px!important;font-weight:600!important;color:var(--primary-color)!important;font-family:Google Sans!important;height:22px!important;line-height:22px!important;padding:0!important;position:relative;top:0}.booking-summary-page .service-time-editor-row .service-time-picker-input .ant-picker-input>input{background:transparent!important}.booking-summary-page .service-time-editor-row .service-time-picker-input .ant-picker-suffix{transform:translate(-8px)}.booking-summary-page .service-time-editor-actions{display:flex;justify-content:flex-end;gap:0px;margin-top:2px}.booking-summary-page .service-time-btn{border:1px solid #AAAAAA;border-radius:8px;padding:0 10px!important;height:20px!important;min-height:25px!important;max-height:20px!important;line-height:20px!important;width:70px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:Google Sans;font-size:13px!important;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.booking-summary-page .service-time-btn.save{background:#b88035;color:#fff;border-color:#b88035}.booking-summary-page .service-time-btn.save:hover{background:#bebebe;border-color:#bebebe}.booking-summary-page .service-time-btn.cancel{background:#fff;color:#b88035;border-color:#b88035}.booking-summary-page .service-time-btn.cancel:hover{background:#bebebe;color:#fff;border-color:#bebebe}.booking-summary-page .service-item-title-plus{border:none;background:transparent;color:#000;font-weight:700;cursor:pointer;padding:0;margin:0;font-size:inherit;font-family:Google Sans}.booking-summary-page .customer-edit-form .service-detail-header .header-actions{display:inline-flex;align-items:center;gap:8px}.booking-summary-page .customer-edit-form .btn-delete{min-width:34px;width:34px;height:30px;border-radius:16px;border:none;background:#f5f5f5;color:#858585;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.booking-summary-page .customer-edit-form .btn-delete:hover{background:#aaa;color:#bebebe}.booking-summary-page .custom-alert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:14000;padding:16px;box-sizing:border-box}.booking-summary-page .custom-alert-modal{width:720px;max-width:min(720px,calc(100vw - 32px));background:#fff;border-radius:20px!important;overflow:hidden;box-shadow:var(--shadow-lg);padding:48px 48px 36px;position:relative;text-align:center;box-sizing:border-box}.booking-summary-page .alert-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-top-left-radius:20px;border-top-right-radius:20px;background:#fff;box-shadow:var(--shadow-md);margin:-48px -48px 12px}.booking-summary-page .alert-modal-header h1{margin:0;font-size:20px;font-weight:800;color:#000}.booking-summary-page .alert-modal-close-circle{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;background:var(--primary-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s ease}.booking-summary-page .alert-modal-close-circle:hover{background:#bebebe}.booking-summary-page .alert-modal-icon-wrap{width:92px;height:92px;border-radius:50%;background:#103c3b21;display:flex;align-items:center;justify-content:center;margin:-1px auto 18px;box-shadow:var(--shadow-sm)}.booking-summary-page .alert-modal-icon-wrap img{width:46px;height:46px}.booking-summary-page .alert-modal-title{font-size:18px;font-weight:700;color:#000;margin:6px 0 8px}.booking-summary-page .alert-modal-text{font-size:16px;color:#000;margin:0 0 22px}.booking-summary-page .alert-modal-actions{display:flex;justify-content:center}.booking-summary-page .alert-modal-close-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:10px 28px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;font-family:Google Sans;transition:background .2s ease,color .2s ease,border .2s ease}.booking-summary-page .alert-modal-close-btn:hover,.booking-summary-page .alert-modal-close-btn:focus,.booking-summary-page .alert-modal-close-btn:active{background:#bebebe;color:#fff}.booking-summary-page .btn-delete-confirm{background:var(--primary-color);color:#fff;border:1px solid #AAAAAA;font-weight:600;font-size:13px;font-family:Google Sans!important;border-radius:8px;padding:10px 24px;cursor:pointer;transition:background .2s ease,color .2s ease}.booking-summary-page .btn-delete-confirm:hover{background:#bebebe}@media(max-width:768px){.booking-summary-page .custom-alert-overlay{padding:12px;align-items:center;overflow-y:auto;overflow-x:hidden}.booking-summary-page .custom-alert-modal{max-width:calc(100vw - 24px);border-radius:14px;padding:28px 16px 20px;margin:16px 0}.booking-summary-page .alert-modal-header{padding:12px 16px;margin:-28px -16px 8px}.booking-summary-page .alert-modal-header h1{font-size:15px}.booking-summary-page .alert-modal-close-circle{width:32px;height:32px;font-size:15px}.booking-summary-page .alert-modal-icon-wrap{width:68px;height:68px;margin:4px auto 14px}.booking-summary-page .alert-modal-icon-wrap img{width:34px;height:34px}.booking-summary-page .alert-modal-title{font-size:15px;margin:4px 0 8px}.booking-summary-page .alert-modal-text{font-size:13px;margin-bottom:16px}.booking-summary-page .alert-modal-actions{gap:10px;flex-wrap:wrap}.booking-summary-page .alert-modal-close-btn,.booking-summary-page .btn-delete-confirm{padding:8px 18px;font-size:12px}}.booking-summary-page .customer-edit-form .form-row.two-cols>label,.booking-summary-page .customer-edit-form .form-row.two-cols>div{flex:1 1 50%;width:50%;box-sizing:border-box}.booking-summary-page .customer-edit-form .form-row.two-cols .ant-select,.booking-summary-page .customer-edit-form .form-row.two-cols .input,.booking-summary-page .customer-edit-form .form-row.two-cols select{width:100%!important}.booking-summary-page .customer-edit-form .form-row>div{position:relative}.booking-summary-page .customer-edit-form .form-row>div .na-corner-toggle{position:static!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;font-size:12px!important;font-weight:700!important;color:#333!important;margin:0!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}.booking-summary-page .customer-edit-form .form-row>div .na-corner-toggle input[type=checkbox],.booking-summary-page .customer-edit-form .form-row>div .na-corner-toggle .ant-checkbox,.booking-summary-page .customer-edit-form .form-row>div .na-corner-toggle .ant-checkbox-wrapper{margin:0!important;position:relative!important}.booking-summary-page .customer-edit-form .form-row>div .na-corner-toggle input[type=checkbox]{width:14px!important;height:14px!important;cursor:pointer!important;position:relative!important;left:-6px!important}.booking-summary-page .customer-edit-form .form-row>div>div{margin-top:0}.booking-summary-page .customer-edit-form .form-row>div>div:has(.na-corner-toggle){margin-top:8px}.booking-summary-page .customer-edit-form .form-row>div .na-corner-toggle span{position:static!important;display:inline-block!important;line-height:1!important}.booking-summary-page .customer-edit-form .ant-select-selection-item,.booking-summary-page .customer-edit-form .ant-select-selection-item-content,.booking-summary-page .customer-edit-form .ant-select-selection-placeholder,.booking-summary-page .customer-edit-form .ant-select-selection-search input{font-size:12px!important;line-height:1.2!important}.booking-summary-page .customer-edit-form .ant-select-selection-item{padding:0 6px!important;border-radius:5px!important;overflow:hidden!important}.booking-summary-page .customer-edit-form .ant-select-selection-item-content,.booking-summary-page .customer-edit-form .ant-select-selection-item{transform:none}.booking-summary-page .customer-edit-form .customer-box-select .ant-select-selection-item,.booking-summary-page .customer-edit-form .customer-box-select .ant-select-selection-placeholder{line-height:42px!important;font-size:12px!important}.booking-summary-page .customer-edit-form .therapist-select .ant-select-selection-placeholder{margin-left:-22px!important;margin-top:2px!important}.booking-summary-page .customer-edit-form .customer-box-select.ant-select-single .ant-select-selection-search-input{height:42px!important;line-height:42px!important;padding:0!important;margin:0!important}.booking-summary-page .service-dropdown .ant-select-item-option{position:relative;padding-left:42px!important}.booking-summary-page .service-dropdown .ant-select-item-option .ant-select-item-option-state{display:none!important}.booking-summary-page .service-dropdown .ant-select-item-option:before{content:"";position:absolute;left:14px;top:50%;width:16px;height:16px;border:2px solid #BEBEBE;border-radius:4px;background:#fff;transform:translateY(-50%);box-sizing:border-box}.booking-summary-page .service-dropdown .ant-select-item-option-selected:before{border-color:var(--primary-color);background:var(--primary-color)}.booking-summary-page .service-dropdown .ant-select-item-option-selected:after{content:"";position:absolute;left:19px;top:50%;width:5px;height:9px;border:solid #FFFFFF;border-width:0 2px 2px 0;transform:translateY(-60%) rotate(45deg)}.booking-summary-selected-service-popover .ant-popover-inner-content{padding:16px 10px 8px 16px!important;text-align:left}.booking-summary-selected-service-popover.ant-popover{position:fixed!important;top:50vh!important;left:50vw!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;transform-origin:center center!important;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);z-index:14000!important}.booking-summary-selected-service-popover .ant-popover-arrow{display:none!important}.booking-summary-selected-service-popover .ant-popover-content,.booking-summary-selected-service-popover .ant-popover-inner{width:100%;max-width:100%;border-radius:18px}.booking-summary-selected-service-popover .ant-popover-inner{overflow:hidden;box-shadow:0 18px 48px #0f172a2e}.booking-summary-selected-service-popover .selected-service-popup-content,.booking-summary-selected-service-popover .selected-service-popup-item{text-align:left;margin-left:0;font-family:Google Sans;font-weight:600;font-size:10px}.booking-summary-selected-service-popover .selected-service-popup-content{min-width:0;width:100%;max-width:100%;min-height:0;max-height:min(240px,calc(100vh - 160px));overflow-y:auto;padding-right:4px}.booking-summary-selected-service-popover .selected-service-popup-item{padding:6px 10px;margin-bottom:6px;border-radius:10px;color:#1f2937;line-height:1.35;border:1px solid rgba(16,60,59,.12);overflow-wrap:anywhere}.booking-summary-selected-service-popover .selected-service-popup-item:last-child{margin-bottom:0}@media(max-width:768px){.booking-summary-page .booking-summary-selected-service-popover.ant-popover{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.booking-summary-page .booking-summary-selected-service-popover .ant-popover-inner-content{padding:14px 12px!important}.booking-summary-page .booking-summary-selected-service-popover .selected-service-popup-content,.booking-summary-page .booking-summary-selected-service-popover .selected-service-popup-item{font-size:11px}.booking-summary-page .booking-summary-selected-service-popover .selected-service-popup-content{max-height:calc(100vh - 140px)}}.booking-summary-page .customer-edit-form .select{background:#fff}.booking-summary-page .customer-edit-form .muted{font-size:13px;color:#000;font-weight:600}.booking-summary-page .summary-box{border:1px solid #AAAAAA;border-radius:20px;padding:12px 16px;background:#fff;margin-bottom:20px}.booking-summary-page .summary-right .summary-box.summary-box-service-details{margin-bottom:0}.booking-summary-page .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:0}.booking-summary-page .summary-row strong{font-weight:700}.booking-summary-page .summary-right span{color:#000!important;font-weight:500;font-size:14px}.booking-summary-page .summary-right .summary-row>span,.booking-summary-page .summary-right .service-total .row>span:last-child,.booking-summary-page .summary-right .col-unit,.booking-summary-page .summary-right .col-amt{color:#000!important}.booking-summary-page .service-table{border-radius:1px solid #f3f3f3!important}.booking-summary-page .summary-right .service-table.invoice-summary-box{background:#e6e6e6;border-radius:12px;padding:12px}.booking-summary-page .summary-right .service-table.invoice-summary-box .invoice-summary-header{background:transparent;border-radius:0;padding:0;margin-bottom:0}.booking-summary-page .summary-right .service-table.invoice-summary-box .invoice-summary-header .service-table-row.service-table-head{background:transparent}.booking-summary-page .summary-right .service-table.invoice-summary-box .invoice-summary-header .service-table-row.service-table-head:first-child{border-bottom:2px solid #000000;padding-bottom:8px}.booking-summary-page .service-table-row{display:grid;grid-template-columns:1fr 110px 120px;gap:2px;align-items:start;padding:10px 0;font-size:14px;border-bottom:none}.booking-summary-page .service-table-head{font-weight:600;color:#000;font-size:15px;border-bottom:1px solid #C9C9C9;padding-bottom:8px}.booking-summary-page .service-table-row.service-table-head{border-bottom:1px solid #d8d8d8;padding-bottom:8px}.booking-summary-page .service-table-head .col-unit,.booking-summary-page .service-table-head .col-amt{font-weight:600}.booking-summary-page .col-name{display:flex;align-items:flex-start;gap:12px}.booking-summary-page .col-unit,.booking-summary-page .col-amt{text-align:right;font-weight:500;padding-right:15px;box-sizing:border-box}.booking-summary-page .service-count{display:inline-block;width:auto;height:auto;border-radius:0;border:0;padding:0;font-weight:500;font-size:14px;color:#000!important;background:transparent}.booking-summary-page .service-count:before{content:"(";margin-right:3px}.booking-summary-page .service-count:after{content:")";margin-left:3px}.booking-summary-page .service-meta{display:flex;flex-direction:column}.booking-summary-page .service-title{display:block;font-weight:600;color:#000!important}.booking-summary-page .muted{font-size:12px;color:#858585;margin-top:4px}.booking-summary-page .service-total{border-top:none;margin-top:0;padding-top:0}.booking-summary-page .service-total .row{display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:6px 0}.booking-summary-page .service-total .row:first-child{border-top:1px solid #d8d8d8;padding-top:12px}.booking-summary-page .service-total .row.grand{font-weight:800;color:var(--primary-color);border-top:1px solid #d8d8d8;padding-top:12px;margin-top:8px;font-size:15px}.booking-summary-page .summary-right .service-total .cash-summary{border-bottom:2px solid var(--primary-color);padding:6px 0;margin-top:8px}.booking-summary-page .summary-right .service-total .row>span:first-child{font-weight:600;color:#000;font-size:15px}.booking-summary-page .summary-right .service-total .row.grand>span:last-child{color:var(--primary-color)!important}.booking-summary-page .summary-right .service-total .row.grand>span:last-child{color:#000!important;font-weight:500;font-size:14px}.booking-summary-page .summary-right .service-total.payment-summary-box{background:#f3f3f3;border-radius:12px;padding:12px}.booking-summary-page .summary-right .service-total.payment-summary-box .row:first-child{border-top:none;border-bottom:2px solid #000000;padding-top:0;padding-bottom:10px;margin-bottom:6px}.booking-summary-page .btn-add{border:1px solid #0A2524!important;border-radius:14px;background:#e7eded;font-size:12px;padding:4px 10px;color:#0a2524!important;font-family:Google Sans;font-weight:500!important;cursor:pointer}.booking-summary-page .btn-add:hover{background:var(--primary-color);color:#fff!important;border-color:#f1f1f1!important}.booking-summary-page .summary-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.booking-summary-page .btn{padding:10px 18px;border-radius:8px!important;border:1px solid #AAAAAA;font-weight:600;font-size:14px;cursor:pointer;background:#fff;color:var(--primary-color)}.booking-summary-page .btn-primary{background:var(--primary-color);color:#fff}.booking-summary-page .btn-cancel{background:#fff;color:var(--primary-color)}.booking-summary-page .page-actions{display:flex;gap:16px;justify-content:center;margin:40px 0}.booking-summary-page .page-actions .btn{min-width:140px;padding:10px 18px;border-radius:8px}.booking-summary-page .page-actions .btn.btn-primary{min-width:160px}.booking-summary-page .page-actions .btn.btn-cancel,.booking-summary-page .page-actions .btn:nth-child(2){transition:background-color .2s ease,color .2s ease}.booking-summary-page .page-actions .btn.btn-cancel:hover,.booking-summary-page .page-actions .btn:nth-child(2):hover{background:#bebebe!important;color:#fff!important}.booking-summary-page .page-actions .btn.btn-cancel,.booking-summary-page .page-actions .btn:nth-child(2){border-color:var(--primary-color)!important}.booking-summary-page .page-actions .btn.btn-primary{transition:background-color .2s ease,color .2s ease}.booking-summary-page .page-actions .btn.btn-primary:hover{background:#bebebe!important;border:none!important}.booking-summary-page .page-actions .btn.edit-trigger-btn,.booking-summary-page .page-actions .btn.edit-trigger-btn:hover{border:none!important}.booking-summary-page .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.booking-summary-page .modal.booking-edit-modal{width:520px;max-width:min(520px,calc(100vw - 32px));background:#fff;border-radius:12px;box-shadow:var(--shadow-md);padding:30px 16px 12px;box-sizing:border-box}.booking-summary-page .booking-edit-modal .modal-title{font-weight:700;font-size:16px;margin-bottom:8px}.booking-summary-page .booking-edit-modal .modal-title{display:none!important}.booking-summary-page .booking-edit-modal .modal-row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.booking-summary-page .booking-edit-modal .modal-row>span{font-weight:600}.booking-summary-page .people-counter-inline{display:inline-flex;align-items:center;gap:10px}.booking-summary-page .booking-edit-modal .people-counter-inline{display:none!important}.booking-summary-page .people-counter-inline .circle-btn{width:24px;height:24px;border-radius:50%;border:1px solid #AAAAAA;background:#fff;color:var(--primary-color);font-weight:700;line-height:1;cursor:pointer}.booking-summary-page .people-counter-inline .circle-btn:hover{background:#f3f3f3}.booking-summary-page .people-counter-value{min-width:20px;text-align:center;font-weight:700}.booking-summary-page .booking-edit-modal .modal-row:first-child{transform:translateY(-6px);margin-bottom:25px}.booking-summary-page .booking-edit-modal .modal-form{display:flex;flex-direction:column;gap:10px}.booking-summary-page .booking-edit-modal .modal-label{display:flex;flex-direction:column;font-size:13px}.booking-summary-page .booking-edit-modal .modal-label>div{margin-top:10px}label.modal-label{font-size:13px!important;font-family:Google Sans!important;font-weight:600!important}.booking-summary-page .booking-edit-modal .modal-input{height:38px;padding:6px 10px;border-radius:8px;border:1px solid #C9C9C9;font-size:14px}.booking-summary-page .booking-edit-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.booking-summary-page .booking-edit-modal .btn.btn-cancel{min-width:0!important;padding:10px 18px!important;width:auto!important;font-size:11px!important;font-weight:500!important;font-family:Google Sans!important;line-height:1.2!important;border:1px solid var(--primary-color)!important;border-color:var(--primary-color)!important;transition:background-color .2s ease,color .2s ease,border-color .2s ease!important}.booking-summary-page .booking-edit-modal .btn.btn-cancel:hover{background:#bebebe!important;color:#fff!important;border-color:var(--primary-color)!important}.booking-summary-page .booking-edit-modal .btn.btn-primary{font-size:11px!important;font-family:Google Sans!important}.booking-summary-page .modal.booking-edit-modal .btn.btn-cancel-local,.booking-summary-page .modal.superpen-modal .btn.btn-cancel-local{border:1px solid var(--primary-color)!important;font-size:13px!important;font-family:Google Sans!important;font-weight:500!important;padding:10px 14px!important;min-width:0!important;width:auto!important;line-height:1.2!important;font-weight:600!important}.booking-summary-page .modal.booking-edit-modal .btn.btn-cancel-local:hover,.booking-summary-page .modal.superpen-modal .btn.btn-cancel-local:hover{background:#fafafa!important;border-color:var(--primary-color)!important}.booking-summary-page .modal.booking-edit-modal .btn.btn-cancel:hover,.booking-summary-page .modal.superpen-modal .btn.btn-cancel:hover{background:#bebebe!important;color:#fff!important;border-color:var(--primary-color)!important}.booking-summary-page .modal.booking-edit-modal .btn.btn-primary,.booking-summary-page .modal.superpen-modal .btn.btn-primary{border:1px solid var(--primary-color)!important;font-size:13px!important;font-family:Google Sans!important;font-weight:500!important;padding:10px 20px!important;min-width:0!important;width:auto!important;line-height:1.2!important;font-weight:600!important}.booking-summary-page .modal.booking-edit-modal .btn.btn-primary:hover,.booking-summary-page .modal.superpen-modal .btn.btn-primary:hover{background:#0a2a2a!important}.booking-summary-page .modal.payment-modal{width:520px;max-width:96vw;height:680px;background:#fff;border-radius:20px;box-shadow:var(--shadow-md);padding:0;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}html body .booking-summary-page .payment-modal .modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:0!important;position:relative!important;z-index:2!important;border-bottom:none!important;padding:10px 20px!important;box-shadow:0 4px 16px #103c3b14!important;background:#fff!important}.booking-summary-page .payment-modal .modal-content{overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 210px);padding:10px 20px 0;-ms-overflow-style:none;scrollbar-width:none}.booking-summary-page .payment-modal .modal-content::-webkit-scrollbar{width:0;height:0;display:none}.booking-summary-page .payment-modal .modal-title{font-weight:700;font-size:20px;line-height:28px;margin:0}.booking-summary-page .payment-modal .modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;cursor:pointer}.booking-summary-page .payment-modal .modal-close:hover{background:#bebebe}.booking-summary-page .payment-modal .modal-section{margin:18px 0}.booking-summary-page .payment-modal .modal-section-title{font-size:13px!important;font-weight:700!important;color:#1f2937!important;display:block;margin-bottom:8px!important;font-family:Google Sans,sans-serif}.booking-summary-page .payment-modal .payment-type-row{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:12px;margin-top:10px}.booking-summary-page .payment-modal .payment-type-btn{flex:1;border:none!important;background:transparent;padding:10px 16px;font-size:14px;font-weight:600;color:#4b5563;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center;font-family:Google Sans,sans-serif;height:auto;min-width:unset;display:inline-flex;align-items:center;justify-content:center}.booking-summary-page .payment-modal .payment-type-btn:before,.booking-summary-page .payment-modal .payment-type-btn:after{display:none!important}.booking-summary-page .payment-modal .payment-type-btn:hover:not(.active){color:var(--primary-color);background:#103c3b0d!important}.booking-summary-page .payment-modal .payment-type-btn.active{background:var(--primary-color)!important;color:#fff!important;border:none!important;box-shadow:0 4px 12px #103c3b26!important}.booking-summary-page .payment-modal .modal-input,.booking-summary-page .payment-modal .modal-textarea{height:40px;padding:10px 14px!important;border-radius:10px!important;border:1px solid #E5E7EB!important;font-size:13px!important;font-family:Google Sans,sans-serif!important;box-sizing:border-box;width:100%;margin-top:8px;background:#fff;transition:border-color .2s,box-shadow .2s}.booking-summary-page .payment-modal .modal-input:focus,.booking-summary-page .payment-modal .modal-textarea:focus{border-color:var(--primary-color)!important;outline:none;box-shadow:0 0 0 3px #103c3b14!important}.booking-summary-page .payment-modal .modal-textarea{min-height:100px;resize:none}.booking-summary-page .payment-modal .modal-input-wrapper{position:relative}.booking-summary-page .payment-modal .modal-input-wrapper .modal-input{position:relative;z-index:2;background:#fff}.booking-summary-page .payment-modal .ant-select-single .ant-select-selector{font-size:13px!important;height:40px!important;border:1px solid #E5E7EB!important;border-radius:10px!important;padding:0 12px!important;display:flex!important;align-items:center!important;background:#fff!important;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.booking-summary-page .payment-modal .ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #103c3b14!important}.booking-summary-page .payment-modal .modal-input::placeholder{font-size:13px!important;font-weight:500!important;color:#9ca3af!important;opacity:1!important}.booking-summary-page .payment-modal .modal-input-placeholder{position:absolute;left:14px;top:50%;transform:translateY(-35%);pointer-events:none;z-index:3;font-size:13px!important;font-weight:500!important;color:#9ca3af!important;line-height:1.2}.booking-summary-page .payment-modal .modal-input-placeholder-charge{color:#9ca3af!important}.booking-summary-page .payment-modal .ant-select-selection-placeholder{font-size:13px!important;color:#9ca3af!important}.booking-summary-page .payment-modal .modal-input.modal-amount-white{background:#f9fafb!important;font-weight:700!important;color:#111827!important;font-size:14px!important}.booking-summary-page .payment-modal .modal-input.invalid,.booking-summary-page .payment-modal .charge-input.invalid{border-color:#ef4444!important}.booking-summary-page .payment-modal .modal-textarea-wrapper{position:relative}.booking-summary-page .payment-modal .modal-textarea{position:relative;z-index:2;background:#fff}.booking-summary-page .payment-modal .modal-textarea-placeholder{position:absolute;left:14px;top:18px;pointer-events:none;z-index:3;font-size:13px!important;font-weight:500!important;color:#9ca3af!important;line-height:1.2}.booking-summary-page .payment-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:auto;padding:16px 24px 24px;border-top:1px solid #F3F4F6}.booking-summary-page .payment-modal .btn.btn-cancel{transition:all .2s ease!important;border:1px solid #D1D5DB!important;background:#fff!important;color:#374151!important;min-width:100px!important;padding:10px 22px!important;font-size:13px!important;font-weight:600!important;border-radius:999px!important}.booking-summary-page .payment-modal .btn.btn-cancel:hover{background:#f3f4f6!important;color:#374151!important;border-color:#d1d5db!important}.booking-summary-page .payment-modal .btn.btn-primary{transition:all .2s ease!important;background:var(--primary-color)!important;color:#fff!important;min-width:100px!important;padding:10px 22px!important;font-size:13px!important;font-weight:600!important;border-radius:999px!important;border:none!important}.booking-summary-page .payment-modal .btn.btn-primary:hover{background:#0a2524!important}.booking-summary-page .modal.discount-modal{margin:auto!important;position:relative!important;top:unset!important;left:unset!important;transform:none!important}.booking-summary-page .modal.discount-modal .modal-actions{justify-content:center!important}.booking-summary-page .modal.discount-modal .btn.btn-primary{min-width:120px!important;padding:10px 22px!important}.booking-summary-page .modal.discount-modal .modal-input{border-radius:8px!important;height:40px!important;padding:8px 12px!important;box-sizing:border-box!important;font-size:12px!important;font-family:Google Sans!important}.booking-summary-page .modal.discount-modal .modal-form{align-items:start!important}.booking-summary-page .modal.discount-modal .modal-form label.modal-label{display:flex;flex-direction:column;font-size:14px!important;font-weight:600!important}.booking-summary-page .modal.discount-modal .modal-form label.modal-label .modal-input,.booking-summary-page .modal.discount-modal .ant-select-selector{margin-top:8px!important;box-sizing:border-box}.booking-summary-page .modal.discount-modal .ant-select-suffix,.booking-summary-page .modal.discount-modal .ant-select-arrow{display:flex!important;align-items:center!important;margin-top:0!important;height:100%}.booking-summary-page .modal.discount-modal .ant-select-suffix img,.booking-summary-page .modal.discount-modal .ant-select-arrow img{width:15px!important;height:10px!important;transform:translateY(-16px)}.booking-summary-page .input-with-icon{position:relative}.booking-summary-page .input-with-icon input{height:38px;border-radius:8px;border:1px solid #C9C9C9;padding:6px 12px;box-sizing:border-box;width:100%;font-size:12px;font-weight:600;font-family:Google Sans}.booking-summary-page .input-with-icon .input-icon{position:absolute;right:8px;top:52%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.booking-summary-page .input-with-icon .input-icon img{width:20px;height:20px;display:block}.add-booking-datepicker{z-index:12000!important}.add-booking-datepicker .ant-picker-panel-container{max-width:min(360px,calc(100vw - 32px));box-sizing:border-box}.add-booking-datepicker .ant-picker-panel-layout{width:100%}.booking-summary-page .booking-edit-modal .ant-select-selector{min-height:36px!important;height:36px!important;padding:0 12px!important;border-radius:8px!important;display:flex!important;align-items:center!important}.booking-summary-page .booking-edit-modal .ant-select-selection-placeholder,.booking-summary-page .booking-edit-modal .ant-select-selection-item{line-height:36px!important}.booking-summary-page .modal.discount-modal .ant-select-selector{min-height:40px!important;height:40px!important;padding:0 12px!important;border-radius:8px!important;display:flex!important;align-items:center!important}.booking-summary-page .modal.discount-modal .ant-select-selection-item,.booking-summary-page .modal.discount-modal .ant-select-selection-placeholder{line-height:40px!important;font-family:Google Sans!important;font-size:12px!important}.booking-summary-page .modal.discount-modal .ant-select-dropdown,.booking-summary-page .modal.discount-modal .ant-select-item,.booking-summary-page .modal.discount-modal .ant-select-item-option,.booking-summary-page .modal.discount-modal .ant-select-item-option-content,.booking-summary-page .booking-edit-modal .ant-select-selector,.booking-summary-page .booking-edit-modal .ant-select-selection-item,.booking-summary-page .booking-edit-modal .ant-select-selection-placeholder{font-size:12px!important;font-family:Google Sans!important}.booking-summary-page .ant-select-dropdown{z-index:13000!important}.booking-summary-page .summary-pen.summary-pen-small{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:#e4e4e4}.booking-summary-page .modal.superpen-modal{width:520px;max-width:96vw;background:#fff;border-radius:20px;box-shadow:var(--shadow-md);padding:20px}.booking-summary-page .superpen-modal .modal-title{font-weight:700;font-size:16px}.booking-summary-page .superpen-modal .modal-form{display:flex;flex-direction:column;gap:12px}.booking-summary-page .superpen-modal .modal-label{display:flex;flex-direction:column;font-size:15px!important;font-weight:400}.booking-summary-page .superpen-modal .modal-input{height:28px;padding:6px 10px;border-radius:8px;border:1px solid #C9C9C9;font-size:13px;font-weight:500}.booking-summary-page .superpen-modal .modal-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.booking-summary-page .superpen-modal .modal-label .modal-input{margin-top:10px}@media(max-width:1268px){.booking-summary-page .summary-container{width:calc(100% - 96px);margin:0 48px;grid-template-columns:1fr;gap:24px}.booking-summary-page .summary-left h2,.booking-summary-page .summary-right .summary-box.booking-info h3,.booking-summary-page .summary-right .summary-box.booking-contact h3,.booking-summary-page .payment-status-row h3{font-size:17px}.booking-summary-page .summary-row,.booking-summary-page .service-table-row,.booking-summary-page .service-total .row,.booking-summary-page .btn,.booking-summary-page .btn-primary,.booking-summary-page .btn-cancel{font-size:13px}.booking-summary-page .btn{padding:9px 16px}.booking-summary-page .page-actions .btn{min-width:128px;padding:9px 16px}.booking-summary-page .page-actions .btn.btn-primary{min-width:148px}.booking-summary-page .payment-status-pill{min-width:82px;height:28px;padding:0 12px;font-size:13px}}@media(max-width:768px){.booking-summary-page .summary-container{grid-template-columns:1fr;width:calc(100% - 24px);gap:12px;border-radius:16px}.booking-summary-page .summary-actions{justify-content:center}.booking-summary-page .summary-right-block{padding:0;border-radius:14px}.booking-summary-page .customer-card{padding:10px;border-radius:12px}.booking-summary-page .customer-card.editing .customer-card-header{padding-left:48px;min-height:56px}.booking-summary-page .customer-card.editing .customer-avatar{left:10px;top:10px;width:30px;height:30px}.booking-summary-page .customer-edit-form-top-row{grid-template-columns:1fr;gap:10px}.booking-summary-page .summary-bed-therapist-row{grid-template-columns:1fr;gap:12px}.booking-summary-page .customer-edit-form .service-detail-header{flex-wrap:wrap;align-items:flex-start;gap:8px}.booking-summary-page .customer-edit-form .service-detail-header .header-actions{width:100%;justify-content:flex-start}.booking-summary-page .service-item-card{min-height:0}}@media(max-width:1024px){.booking-summary-page .summary-container{grid-template-columns:1fr;gap:14px}.booking-summary-page .summary-right{width:100%}.booking-summary-page .payment-status-row{flex-wrap:wrap;align-items:flex-start}.booking-summary-page .summary-left h2,.booking-summary-page .summary-right .summary-box.booking-info h3,.booking-summary-page .summary-right .summary-box.booking-contact h3,.booking-summary-page .payment-status-row h3{font-size:16px}.booking-summary-page .summary-row,.booking-summary-page .service-table-row,.booking-summary-page .service-total .row,.booking-summary-page .service-item-time,.booking-summary-page .service-item-title,.booking-summary-page .btn,.booking-summary-page .btn-primary,.booking-summary-page .btn-cancel{font-size:12px}.booking-summary-page .btn{padding:8px 14px}.booking-summary-page .summary-actions{flex-wrap:wrap;gap:8px}.booking-summary-page .summary-actions .btn,.booking-summary-page .summary-actions .btn.btn-primary,.booking-summary-page .page-actions .btn,.booking-summary-page .page-actions .btn.btn-primary{min-width:0;padding:8px 14px;font-size:12px}.booking-summary-page .payment-status-pill{min-width:76px;height:26px;padding:0 10px;font-size:12px}.booking-summary-page .payment-modal .payment-type-btn{min-width:unset;height:auto;padding:10px 12px;font-size:14px}.booking-summary-page .page-actions{flex-wrap:wrap;justify-content:center;gap:10px}.booking-summary-page .page-actions .btn,.booking-summary-page .page-actions .btn.btn-primary{min-width:0}.booking-summary-page .receipt-actions.receipt-actions-row{flex-wrap:wrap;gap:10px;margin-top:28px}}@media(max-width:768px){.booking-summary-page .page-title-section h1{font-size:22px}.booking-summary-page .page-title-section h2{font-size:15px;margin-bottom:20px}.booking-summary-page .summary-container{margin:0 24px;width:calc(100% - 48px);border-radius:14px}.add-booking-datepicker .ant-picker-panel-container{max-width:calc(100vw - 28px)}.add-booking-datepicker .ant-picker-content th,.add-booking-datepicker .ant-picker-cell,.add-booking-datepicker .ant-picker-header,.add-booking-datepicker .ant-picker-header button,.add-booking-datepicker .ant-picker-month-btn,.add-booking-datepicker .ant-picker-year-btn,.add-booking-datepicker .ant-picker-footer,.add-booking-datepicker .ant-picker-now-btn{font-size:12px!important}.add-booking-datepicker .ant-picker-content th,.add-booking-datepicker .ant-picker-content td{min-width:34px;width:34px;height:34px;padding:2px}.add-booking-datepicker .ant-picker-cell .ant-picker-cell-inner{min-width:30px;height:30px;line-height:30px;font-size:12px}.add-booking-datepicker .ant-picker-header,.add-booking-datepicker .ant-picker-footer{padding:10px 12px}.booking-summary-page .modal-backdrop{padding:24px;align-items:center;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.booking-summary-page .modal.booking-edit-modal{max-width:calc(100vw - 28px);padding:24px 14px 12px;border-radius:14px;margin:0}.booking-summary-page .booking-edit-modal .modal-input{font-size:12px}.booking-summary-page .booking-edit-modal .modal-actions{gap:8px}.booking-summary-page .booking-edit-modal .btn.btn-cancel-local,.booking-summary-page .booking-edit-modal .btn.btn-primary{padding:8px 14px!important}.booking-summary-page .summary-right-block,.booking-summary-page .summary-right .summary-box.booking-info,.booking-summary-page .summary-right .summary-box.booking-contact,.booking-summary-page .summary-right .summary-box.payment-status-box{border-radius:10px}.booking-summary-page .summary-left h2,.booking-summary-page .summary-right .summary-box.booking-info h3,.booking-summary-page .summary-right .summary-box.booking-contact h3,.booking-summary-page .payment-status-row h3{font-size:15px}.booking-summary-page .summary-row,.booking-summary-page .service-table-row,.booking-summary-page .service-total .row{font-size:11px}html body .booking-summary-page .customer-card,html body .booking-summary-page .customer-card.editing{padding:20px!important;margin:14px 0 10px!important;align-items:flex-start!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}html body .booking-summary-page .customer-card .customer-card-header,html body .booking-summary-page .customer-card.editing .customer-card-header{flex-wrap:wrap!important;align-items:center!important;gap:8px!important;padding:0!important;width:100%!important;box-sizing:border-box!important}.booking-summary-page .customer-card.editing .customer-avatar{left:8px;top:8px;width:28px;height:28px;margin-top:10px}html body .booking-summary-page .treatment-time-wrapper,html body .booking-summary-page .customer-card.collapsed .treatment-time-wrapper,html body .booking-summary-page .customer-card.editing .treatment-time-wrapper{width:100%!important;margin:4px 0 0!important;gap:6px!important}.booking-summary-page .treatment-time-list{grid-template-columns:repeat(2,max-content);column-gap:6px;row-gap:6px;justify-content:flex-start}.booking-summary-page .customer-name{font-size:14px}.booking-summary-page .treatment-label,.booking-summary-page .customer-card .muted,.booking-summary-page .customer-edit-form label{font-size:12px!important}.booking-summary-page .service-item-title,.booking-summary-page .service-item-title-plus,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-item-content,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-item,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-placeholder{font-size:11px!important}.booking-summary-page .customer-edit-form .service-select .ant-select-selection-item{padding:0 5px!important}.booking-summary-page .customer-time{font-size:11px;padding:4px 10px;gap:6px}.booking-summary-page .time-icon{width:13px;height:13px}.booking-summary-page .customer-edit-form .form-row{flex-direction:column;align-items:stretch;gap:10px}.booking-summary-page .customer-edit-form-top-row{grid-template-columns:1fr;gap:8px}.booking-summary-page .customer-edit-gender-row{flex-direction:row;align-items:center;gap:10px;flex-wrap:nowrap}.booking-summary-page .customer-edit-gender-label{margin:0;white-space:nowrap;flex:0 0 auto}.booking-summary-page .customer-edit-gender-options{align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}.booking-summary-page .customer-edit-gender-options label{font-size:12px;flex-direction:row}.booking-summary-page .customer-edit-form .service-detail-header{gap:8px;padding-bottom:6px;margin-bottom:8px}.booking-summary-page .customer-edit-form .service-detail-header .header-actions{width:100%;flex-wrap:wrap;gap:6px}.booking-summary-page .summary-bed-therapist-row{grid-template-columns:1fr;gap:10px;margin-top:10px}.booking-summary-page .service-item-card{padding:8px 10px 6px;border-radius:10px}.booking-summary-page .service-item-header{flex-wrap:wrap;align-items:flex-start}.booking-summary-page .service-item-header>div:last-child{width:100%;justify-content:space-between}.booking-summary-page .customer-card-actions .btn{min-width:56px;padding:6px 10px;height:30px;font-size:11px}.booking-summary-page .summary-actions{gap:8px;justify-content:flex-start;flex-wrap:wrap}.booking-summary-page .summary-actions .btn,.booking-summary-page .summary-actions .btn.btn-primary,.booking-summary-page .page-actions .btn,.booking-summary-page .page-actions .btn.btn-primary,.booking-summary-page .btn-delete-confirm,.booking-summary-page .customer-edit-form .btn,.booking-summary-page .customer-edit-form .btn-delete{font-size:15px!important}.booking-summary-page .summary-actions .btn,.booking-summary-page .summary-actions .btn.btn-primary,.booking-summary-page .page-actions .btn,.booking-summary-page .page-actions .btn.btn-primary,.booking-summary-page .btn-delete-confirm{padding:8px 12px}.booking-summary-page .payment-status-pill{min-width:68px;height:24px;padding:0 9px;font-size:11px}.booking-summary-page .payment-modal .payment-type-row{gap:8px}.booking-summary-page .payment-modal .payment-type-btn{min-width:unset;height:auto;padding:8px 10px;font-size:13px}.booking-summary-page .customer-card-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}html body .booking-summary-page .service-table-row:not(.service-table-head){display:flex;flex-wrap:wrap;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f0f0f0;gap:10px 0}html body .booking-summary-page .service-table-row.service-table-head{display:flex!important;border-bottom:1px solid #000000!important;padding-bottom:8px!important}html body .booking-summary-page .service-table-row.service-table-head .col-name{width:100%!important;font-size:15px!important;font-weight:700!important;color:#000!important}html body .booking-summary-page .service-table-row.service-table-head .col-unit,html body .booking-summary-page .service-table-row.service-table-head .col-amt{display:none!important}html body .booking-summary-page .service-table-row:not(.service-table-head) .col-name{width:100%!important;margin-bottom:4px;display:flex;align-items:flex-start;gap:8px}html body .booking-summary-page .service-table-row:not(.service-table-head) .col-unit{width:50%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding-right:0!important;text-align:left!important;font-size:13px!important}html body .booking-summary-page .service-table-row:not(.service-table-head) .col-unit:before{content:"Unit Price";font-size:10px;color:#8c8c8c;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}html body .booking-summary-page .service-table-row:not(.service-table-head) .col-amt{width:50%!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;padding-right:0!important;text-align:right!important;font-size:13px!important}html body .booking-summary-page .service-table-row:not(.service-table-head) .col-amt:before{content:"Amount";font-size:10px;color:#8c8c8c;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}html body .booking-summary-page .page-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-left:24px!important;margin-right:24px!important;width:calc(100% - 48px)!important;box-sizing:border-box!important;font-size:14px!important}html body .booking-summary-page .page-actions .btn,html body .booking-summary-page .page-actions .btn.btn-primary{width:100%!important;max-width:100%!important}.booking-summary-page .receipt-actions.receipt-actions-row{margin-top:20px}.booking-summary-page .receipt-actions.receipt-actions-row .btn{flex:1 1 100%}.booking-summary-page footer,.booking-summary-page .footer{padding-left:0!important;padding-right:0!important}.booking-summary-page footer p,.booking-summary-page .footer p{margin:20px auto!important}}@media(max-width:480px){.booking-summary-page .summary-container{margin:0 24px;width:calc(100% - 48px);padding:10px;border-radius:12px}.add-booking-datepicker .ant-picker-panel-container{max-width:calc(100vw - 24px)}.add-booking-datepicker .ant-picker-content th,.add-booking-datepicker .ant-picker-cell,.add-booking-datepicker .ant-picker-header,.add-booking-datepicker .ant-picker-header button,.add-booking-datepicker .ant-picker-month-btn,.add-booking-datepicker .ant-picker-year-btn,.add-booking-datepicker .ant-picker-footer,.add-booking-datepicker .ant-picker-now-btn{font-size:11px!important}.add-booking-datepicker .ant-picker-content th,.add-booking-datepicker .ant-picker-content td{min-width:30px;width:30px;height:30px;padding:1px}.add-booking-datepicker .ant-picker-cell .ant-picker-cell-inner{min-width:26px;height:26px;line-height:26px;font-size:11px}.add-booking-datepicker .ant-picker-header,.add-booking-datepicker .ant-picker-footer{padding:8px 10px}.booking-summary-page .modal-backdrop{padding:12px;align-items:center;overflow-y:auto;overflow-x:hidden}.booking-summary-page .modal.booking-edit-modal{max-width:calc(100vw - 24px);padding:20px 12px 10px;border-radius:12px;margin:0}.booking-summary-page .booking-edit-modal .btn.btn-cancel-local,.booking-summary-page .booking-edit-modal .btn.btn-primary{padding:7px 12px!important;font-size:10px!important}.booking-summary-page .page-actions{gap:8px}.booking-summary-page .page-actions .btn,.booking-summary-page .page-actions .btn.btn-primary{width:min(100%,calc(100vw - 28px),320px);max-width:calc(100vw - 28px)}.booking-summary-page .summary-right-block,.booking-summary-page .summary-right .summary-box.booking-info,.booking-summary-page .summary-right .summary-box.booking-contact,.booking-summary-page .summary-right .summary-box.payment-status-box{padding:8px;border-radius:8px}.booking-summary-page .customer-card,.booking-summary-page .customer-card.editing{padding:7px;border-radius:10px}.booking-summary-page .customer-card.editing .customer-card-header{padding-left:38px}.booking-summary-page .customer-card.editing .customer-avatar{left:7px;top:7px;width:24px;height:24px}.booking-summary-page .customer-name,.booking-summary-page .summary-left h2,.booking-summary-page .summary-right .summary-box.booking-info h3,.booking-summary-page .summary-right .summary-box.booking-contact h3{font-size:13px}.booking-summary-page .summary-row,.booking-summary-page .service-table-row,.booking-summary-page .service-total .row,.booking-summary-page .service-item-time{font-size:10px}.booking-summary-page .customer-edit-gender-row,.booking-summary-page .customer-edit-gender-options{gap:8px}.booking-summary-page .customer-edit-gender-label,.booking-summary-page .customer-edit-gender-options label{font-size:11px!important}.booking-summary-page .customer-edit-gender-options label{flex-direction:row;align-items:center}.booking-summary-page .service-item-title,.booking-summary-page .service-item-title-plus,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-item-content,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-item,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-placeholder{font-size:10px!important}.booking-summary-page .customer-edit-form .service-select .ant-select-selection-item{padding:0 4px!important}.booking-summary-page .customer-time{font-size:10px;padding:4px 8px}.booking-summary-page .summary-actions .btn,.booking-summary-page .summary-actions .btn.btn-primary,.booking-summary-page .btn-delete-confirm,.booking-summary-page .customer-card-actions .btn,.booking-summary-page .customer-edit-form .btn,.booking-summary-page .customer-edit-form .btn-delete{font-size:10px!important}.booking-summary-page .page-actions .btn,.booking-summary-page .page-actions .btn.btn-primary{font-size:15px!important}.booking-summary-page .summary-actions .btn,.booking-summary-page .summary-actions .btn.btn-primary,.booking-summary-page .btn-delete-confirm{padding:7px 10px}.booking-summary-page .page-actions .btn,.booking-summary-page .page-actions .btn.btn-primary{padding:10px 14px}.booking-summary-page .payment-status-pill{min-width:62px;height:22px;padding:0 8px;font-size:10px}.booking-summary-page .payment-modal .payment-type-btn{min-width:unset;height:auto;padding:6px 8px;font-size:12px}.booking-summary-page .treatment-time-list{column-gap:5px;row-gap:5px}.booking-summary-page .service-item-card{padding:7px 8px 6px}}.booking-summary-page .customer-card .customer-card-header,.booking-summary-page .customer-card.editing .customer-card-header{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;padding:0!important;min-height:auto!important}.booking-summary-page .customer-card.editing .customer-card-header{padding-bottom:0!important}.booking-summary-page .customer-card .customer-card-header>img.customer-avatar{position:static!important;width:44px!important;height:44px!important;margin:0!important;border-radius:50%!important;flex-shrink:0!important}.booking-summary-page .customer-card .customer-card-header>div:first-child{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;min-width:0!important}.booking-summary-page .customer-card .customer-card-header>div:first-child .customer-name{font-size:16px!important;font-weight:700!important;color:#111827!important}.booking-summary-page .customer-card .customer-card-header>div:first-child .muted{font-size:12px!important;color:#6b7280!important;margin-top:0!important}.booking-summary-page .customer-card .treatment-time-wrapper,.booking-summary-page .customer-card.collapsed .treatment-time-wrapper,.booking-summary-page .customer-card.editing .treatment-time-wrapper{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;margin:0!important;width:auto!important;flex:0 0 auto!important}.booking-summary-page .customer-card .treatment-time-list{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;align-items:center!important}.booking-summary-page .customer-card .customer-time{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;border-radius:999px!important;background:#fff4d9!important;color:#986300!important;font-size:13px!important;font-weight:600!important;min-width:max-content!important}.booking-summary-page .service-detail-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;padding-bottom:10px!important;margin-bottom:12px!important}.booking-summary-page .service-detail-header h4{margin:0!important;font-size:15px!important;font-weight:700!important;color:#111827!important}.booking-summary-page .customer-edit-form .service-detail-header .header-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.booking-summary-page .service-item-card{background:#fff!important;border:1px solid #E8E8E8!important;border-radius:12px!important;padding:16px 20px!important;margin-bottom:14px!important;min-height:auto!important;box-shadow:none!important}.booking-summary-page .service-item-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding-bottom:10px!important;margin-bottom:10px!important;border-bottom:1px solid #E5E7EB!important}.booking-summary-page .service-item-header>div:last-child{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}.booking-summary-page .service-item-time-wrap{display:inline-flex!important;align-items:center!important;gap:8px!important}.booking-summary-page .service-item-time{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 14px!important;border-radius:999px!important;background:#fff4d9!important;border:1px solid #F7D08A!important;color:#986300!important;font-size:13px!important;font-weight:600!important}.booking-summary-page .customer-card-actions{flex-shrink:0!important;margin-left:auto!important;justify-content:flex-end!important}.booking-summary-page .customer-card-actions .btn.btn-cancel{background:var(--primary-color)!important;color:#fff!important;border:none!important;height:36px!important;padding:0 18px!important;border-radius:999px!important;font-weight:600!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:opacity .2s!important}.booking-summary-page .customer-card-actions .btn.btn-cancel:hover{opacity:.9!important;background:var(--primary-color)!important;color:#fff!important}.booking-summary-page .btn-add-service{background:var(--primary-color)!important;border:none!important;border-radius:99px!important;padding:6px 12px!important;font-size:12px!important;font-weight:700!important;font-family:Google Sans,sans-serif!important;color:#fff!important;cursor:pointer!important;transition:background .2s ease!important;height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.booking-summary-page .btn-add-service:hover{background:#1e5e5c!important}.booking-summary-page .btn-delete{background:transparent!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:4px!important}.booking-summary-page .btn-delete-icon{width:16px;height:16px;display:inline-block;background-color:#d1d5db;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.booking-summary-page footer,.booking-summary-page .footer{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;display:flex!important;justify-content:center!important;align-items:center;text-align:center;margin-top:32px!important;padding-left:0!important;padding-right:0!important}.booking-summary-page footer p,.booking-summary-page .footer p{width:100%;margin:0 auto 40px!important}.booking-summary-page .payment-modal .payment-type-btn,.booking-summary-page .payment-modal .payment-type-btn *{font-family:Google Sans!important;font-size:11px!important;font-weight:600!important;color:#000!important}.booking-summary-plain-dropdown .ant-select-item-option-state{display:none!important}.booking-summary-plain-dropdown .ant-select-item-option-content:before,.booking-summary-plain-dropdown .ant-select-item-option-content:after{content:none!important;display:none!important}.booking-summary-page .service-item-card{min-height:auto!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #E8E8E8!important;border-radius:12px!important;padding:16px 20px!important;margin-bottom:14px!important;box-shadow:none!important}.booking-summary-page .service-item-card:last-child{margin-bottom:0!important}.booking-summary-page .service-item-header{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;padding-bottom:10px!important;margin-bottom:14px!important;border-bottom:1px solid #E8E8E8!important}.booking-summary-page .service-item-title{font-size:14px!important;font-weight:600!important;color:#111827!important}.booking-summary-page .service-item-time-wrap{display:inline-flex!important;align-items:center!important}.booking-summary-page .service-item-time{background:#fff4d9!important;border:1px solid #F7D08A!important;color:#986300!important}.ant-select-selection-overflow{display:flex!important;align-items:center!important;transform:translateY(2px)!important}.ant-select-selection-item,.ant-select-selection-item-content{display:inline-flex!important;align-items:center!important}.customer-box .customer-body .service-select .ant-select-selector,.booking-summary-page .customer-edit-form .service-select .ant-select-selector{height:auto!important;min-height:42px!important;padding:0 12px!important;border-radius:8px!important;display:flex!important;align-items:center!important}.service-select .ant-select-selection-wrap,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-wrap{display:flex!important;align-items:center!important;width:100%!important;height:100%!important}.service-select .ant-select-selection-overflow,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-overflow{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;margin:0!important;padding:4px 0!important;transform:none!important;width:100%!important}.service-select .ant-select-selection-overflow-item,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-overflow-item{display:flex!important;align-items:center!important}.service-select .ant-select-selection-item,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-item{height:28px!important;display:inline-flex!important;align-items:center!important;background:#0000000f!important;color:var(--primary-color)!important;border-radius:6px!important;padding:0 8px!important;margin:0!important;font-weight:600!important;font-size:12px!important;font-family:Google Sans,sans-serif!important;box-sizing:border-box!important}.service-select .ant-select-selection-item-content,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-item-content{display:inline-flex!important;align-items:center!important;line-height:1!important}.service-select .ant-select-selection-item-remove,.booking-summary-page .customer-edit-form .service-select .ant-select-selection-item-remove{display:inline-flex!important;align-items:center!important;margin-left:4px!important}.booking-summary-page .customer-select-checkbox{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0!important;padding:0!important}.booking-summary-page .customer-select-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1px solid #D1D5DB;border-radius:8px;outline:none;cursor:pointer;position:relative;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;background:#fff;margin:0!important;padding:0!important}.booking-summary-page .customer-select-checkbox input[type=checkbox]:checked{border-color:var(--primary-color);background:var(--primary-color)}.booking-summary-page .customer-select-checkbox input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;display:block}@media(max-width:768px){.booking-summary-page .customer-card .customer-card-actions{display:none!important}html body .booking-summary-page .modal-backdrop{align-items:flex-start!important;padding-top:40px!important}html body .booking-summary-page .modal.payment-modal{height:auto!important;max-height:calc(100vh - 80px)!important;border-radius:14px!important;padding:0!important}html body .booking-summary-page .payment-modal .modal-header{padding:10px 20px}html body .booking-summary-page .payment-modal .modal-content{padding:14px 18px 0!important}html body .booking-summary-page .payment-modal .modal-actions{padding:12px 18px 18px!important;margin-top:18px!important}html body .booking-summary-page .payment-modal .modal-actions .btn{flex:1!important;min-width:0!important}}.booking-summary-page .receipt-page-center{display:flex;justify-content:center}.booking-summary-page .receipt-page-wrap{max-width:560px;width:100%}.booking-summary-page .receipt-template-hidden{position:absolute;left:-9999px;top:-9999px;background:#fff;padding:12px;border-radius:8px;color:#000;width:560px}.booking-summary-page .receipt-divider{height:1px;background:#000;margin:10px 0 8px}.booking-summary-page .receipt-divider.receipt-divider-tight{margin:6px 0 4px}.booking-summary-page .receipt-summary-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:6px 0 8px}.booking-summary-page .receipt-total-items{font-size:11px;font-weight:700;color:#000}.booking-summary-page .receipt-summary-right{width:230px;font-size:11px;color:#000}.booking-summary-page .receipt-summary-row{display:flex;justify-content:space-between;margin:0 0 6px}.booking-summary-page .receipt-summary-row>span:first-child{font-weight:700}.booking-summary-page .receipt-total-row-wrap{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;margin:4px 0 8px}.booking-summary-page .receipt-total-row{width:230px;display:flex;justify-content:space-between;font-size:11px;color:#000}.booking-summary-page .receipt-total-row>span:first-child{font-weight:800}.booking-summary-page .receipt-total-row>span.receipt-total-amount{font-weight:600}.booking-summary-page .receipt-total-row-wrap.receipt-cash-rows .receipt-total-row{line-height:1.8}.booking-summary-page .receipt-double-line{height:2px;background:#000;margin:0 0 14px}.booking-summary-page .receipt-double-line.receipt-double-line-top{margin:8px 0 4px}.booking-summary-page .receipt-note{font-size:11px;line-height:18px;margin-bottom:16px;color:#000;font-weight:600}.booking-summary-page .receipt-signatures{display:flex;justify-content:space-between;gap:24px;margin-bottom:18px}.booking-summary-page .receipt-sign-col{width:48%;text-align:center}.booking-summary-page .receipt-sign-line{border-top:1px dotted #666;padding-top:6px;font-size:11px;font-weight:600;color:#000}.booking-summary-page .receipt-thankyou{text-align:center;font-size:11px;font-weight:600;color:#000}.booking-summary-page .receipt-preview-outer{display:flex;justify-content:center;margin-top:12px}.booking-summary-page .receipt-preview-mid{width:100%;display:flex;justify-content:center}.booking-summary-page .receipt-preview-scroll{width:100%;max-height:calc(100vh - 220px);max-width:100%;overflow-x:hidden;overflow-y:auto;padding:8px;display:flex;justify-content:center}.booking-summary-page .receipt-preview-card{min-height:0;display:flex;align-items:center;justify-content:center;padding:18px}.booking-summary-page .receipt-preview-image{width:100%;max-width:560px;height:auto;aspect-ratio:7 / 10;display:block;border-radius:6px}.booking-summary-page .receipt-preview-image{max-height:min(calc(100vh - 220px),800px);object-fit:contain}.booking-summary-page .receipt-preview-loading{color:var(--primary-color);font-weight:600}.booking-summary-page .receipt-actions.receipt-actions-row{display:flex;gap:12px;justify-content:center;margin-top:48px;margin-bottom:20px}.booking-summary-page .receipt-actions.receipt-actions-row .btn{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.booking-summary-page .receipt-actions.receipt-actions-row .btn:hover{background:#0d3233;border-color:#0d3233}.booking-summary-page .receipt-actions.receipt-actions-row .btn{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.booking-summary-page .receipt-actions.receipt-actions-row .btn:nth-child(3):hover,.booking-summary-page .receipt-actions.receipt-actions-row .btn:nth-child(4):hover{background:#bebebe;border-color:#bebebe;color:#fff}.booking-summary-page .receipt-actions.receipt-actions-row .btn:nth-child(3),.booking-summary-page .receipt-actions.receipt-actions-row .btn:nth-child(4){font-family:Google Sans;font-size:15px}.booking-summary-page .receipt-actions.receipt-actions-row .btn:nth-child(1),.booking-summary-page .receipt-actions.receipt-actions-row .btn:nth-child(2){background:#fff;color:var(--primary-color);border-color:var(--primary-color);font-family:Google Sans;font-size:15px}.booking-summary-page .receipt-actions.receipt-actions-row .btn:nth-child(1):hover,.booking-summary-page .receipt-actions.receipt-actions-row .btn:nth-child(2):hover{background:#bebebe;color:#fff;border-color:#bebebe}@media(max-width:600px){.booking-summary-page .receipt-page-wrap{max-width:calc(100vw - 20px)}.booking-summary-page .receipt-preview-scroll{max-height:calc(100vh - 260px);padding:4px}.booking-summary-page .receipt-preview-card{max-width:calc(100vw - 20px);padding:8px;border-radius:6px}.booking-summary-page .receipt-preview-image{max-height:calc(100vh - 280px);border-radius:4px}}.receipt-paper{width:380px;background:#fff;border-radius:18px;padding:24px;margin:0 auto;box-shadow:var(--shadow-sm);font-family:Google Sans,sans-serif!important;color:#000;box-sizing:border-box;border:1px solid #EAEAEA}.receipt-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;margin-bottom:28px}.receipt-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;margin-bottom:22px;width:100%}.receipt-logo img{width:110px;object-fit:contain}.receipt-company{text-align:center;font-size:13px;line-height:1.8;color:#222;font-weight:500;width:100%}.receipt-divider{height:1px;background:#eaeaea;margin:12px 0;border:none}.receipt-divider.thick{height:2px;background:var(--primary-color)}.receipt-title{text-align:center;font-size:20px;font-weight:800;letter-spacing:.4px;margin:22px 0;padding:18px 0;border-top:2px solid #1B1B1B;border-bottom:2px solid #1B1B1B}.receipt-meta{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.receipt-meta-item{display:flex;flex-wrap:wrap;align-items:flex-start;font-size:13px;line-height:1.5}.meta-label{font-weight:700;color:#111;margin-right:8px}.meta-value{color:#222}.booking-customer-section{border-top:1px dashed #BDBDBD;padding-top:18px;margin-top:12px;margin-bottom:22px}.booking-customer-item{display:flex;flex-wrap:wrap;margin-bottom:12px;font-size:13px}.receipt-table{width:100%;border-collapse:collapse;margin-top:18px}.receipt-table thead{border-top:4px solid #111;border-bottom:2px solid #111}.receipt-table th{padding:14px 0;font-size:13px;font-weight:800}.receipt-table td{padding:14px 0;font-size:13px}.receipt-summary{margin-top:18px}.summary-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.summary-total{margin-top:14px;border-top:2px solid #111;border-bottom:2px solid #111;padding:10px 0;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;color:#111;white-space:nowrap}.receipt-footer{margin-top:20px}.receipt-footer .footer-note{font-size:10px;color:#666;text-align:center;font-style:italic;margin-bottom:24px;line-height:1.4}.receipt-footer .signature-row{display:flex;justify-content:space-between;margin-bottom:24px}.receipt-footer .sig-box{width:40%;text-align:center}.receipt-footer .sig-box .space{height:32px}.receipt-footer .sig-box .line{border-top:1px dotted #888888;margin:4px 0}.receipt-footer .sig-box .label{font-size:9px;font-weight:600;color:#333}.receipt-footer .appreciation-text{text-align:center;font-size:9px;font-weight:700;color:var(--primary-color);letter-spacing:.3px}.report-page-container{display:flex;position:relative;flex-direction:column;align-items:center;min-height:100vh;width:100%;background:#fff}.report-page-content{width:100%;max-width:1248px;margin:0 auto 80px;padding-left:24px;padding-right:24px;background:transparent;border:none;border-radius:0;box-sizing:border-box}.report-page-container .text-box{text-align:center}.report-page-container .text-box h1{font-family:Google Sans;font-weight:700;font-size:35px;line-height:100%;letter-spacing:0;margin:60px 10px 10px;color:#000}.report-page-container .text-box h2{font-family:Google Sans;font-weight:500;font-size:20px;line-height:100%;letter-spacing:0;margin:10px 10px 60px;color:#000}.report-tabs{display:flex;gap:16px;border-bottom:1px solid #AAAAAA;margin-top:18px;overflow-x:auto}.report-tab-btn{border:none;background:transparent;color:#9d9d9d;font-size:15px;padding:10px 0;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;font-family:Google Sans}.report-tab-btn.active{color:#111;border-bottom-color:#b88a1e;font-weight:500}.report-filter-row{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:16px;margin-top:20px;margin-bottom:12px;width:100%}.report-filter-group{display:flex;flex-direction:column;gap:6px;width:220px}.report-search-group{display:flex;flex-direction:column;gap:6px;width:220px;margin-left:auto}.report-filter-group label,.report-search-group label{font-size:14px!important;font-weight:600;color:#404040;font-family:Google Sans}.report-search-group input{height:38px;border-radius:99px!important;border:1px solid #cccccc;padding:0 40px 0 16px;font-size:13px;font-weight:600;width:100%;box-sizing:border-box;transition:border-color .2s ease}.report-search-group input:focus{border-color:var(--primary-color);outline:none}.report-search-group input::placeholder{font-size:13px;font-weight:500;color:#999;opacity:1}.report-search-wrapper{position:relative;display:block;width:100%}.report-search-input{padding-right:40px}.report-search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;opacity:.8}.report-action-buttons{display:flex;gap:10px;align-items:center;height:38px}.report-filter-group:has(.report-action-buttons){width:auto}.report-btn{height:38px;width:38px;min-width:38px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;font-weight:600;cursor:pointer;font-family:Google Sans;font-size:0;transition:background-color .2s ease,color .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;flex-shrink:0}.report-btn img{width:22px!important;height:22px!important;margin:0!important;display:block!important}.report-btn:hover,.report-btn:focus-visible{background:#0d302f}.report-download-menu-wrap{position:relative;width:38px}.report-download-menu{position:absolute;top:calc(100% + 6px);left:-80%;transform:translate(-50%);min-width:100px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;overflow:hidden;z-index:40;will-change:opacity,transform;animation:reportDownloadFade .2s ease both}.report-download-menu-item{width:100%;height:38px;border:none;background:#fff;color:var(--primary-color);font-family:Google Sans;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.report-download-menu-item:not(:last-child){border-bottom:1px solid #f1f5f9}.report-download-menu-item:hover{background:#f1f5f9}.report-page-container .report-select{width:100%}.report-page-container .report-select .ant-select-selector{height:38px!important;border-radius:99px!important;border:1px solid #cccccc!important;box-shadow:none!important;display:flex!important;align-items:center!important;font-family:Google Sans;font-size:13px!important;font-weight:600!important;color:var(--primary-color)!important;padding:0 16px!important;transition:border-color .2s ease!important}.report-page-container .report-select .ant-select-selection-item{font-weight:600!important;color:var(--primary-color)!important;font-size:13px!important;display:flex!important;align-items:center!important;line-height:normal!important}.report-page-container .report-select .ant-select-arrow{color:var(--primary-color);right:16px!important;top:46%!important;transform:translateY(-50%)!important;margin-top:0!important}.report-page-container .report-select.ant-select-outlined:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--primary-color)!important}.report-page-container .report-select.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;box-shadow:none!important}.report-table-wrap{margin-top:16px;border:1px solid #AAAAAA;border-radius:12px;overflow-x:auto;overflow-y:hidden}.report-table-scroll-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;position:relative!important}.report-table-wrap-booking{scrollbar-width:thin;scrollbar-color:#9BA9A8 #E7ECEC}.report-table-wrap-booking::-webkit-scrollbar{height:10px}.report-table-wrap-booking::-webkit-scrollbar-track{background:#e7ecec;border-radius:999px}.report-table-wrap-booking::-webkit-scrollbar-thumb{background:#9ba9a8;border-radius:999px;border:2px solid #E7ECEC}.report-table-wrap-booking::-webkit-scrollbar-thumb:hover{background:#7f8c8b}.report-table{width:100%;border-collapse:separate;border-spacing:0;border-bottom:0px solid #AAAAAA;table-layout:fixed}.report-table-booking{width:max-content;min-width:100%}.report-table th{background:var(--primary-color);color:#fff;text-align:left;padding:12px;font-size:16px;font-weight:600;white-space:nowrap;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.report-table td{padding:11px 12px;border-bottom:1px solid #AAAAAA;font-size:13px;font-weight:600;color:var(--primary-color);line-height:30px;white-space:nowrap;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.report-table tbody tr:last-child td{border-bottom:none}.report-table-fixed-col{position:sticky;background:var(--primary-color);z-index:10;will-change:left}.report-table thead .report-table-fixed-col{background:var(--primary-color)}.report-table tbody .report-table-fixed-col{background:#fff}.report-table-col-1{left:0;width:52px;min-width:52px;max-width:52px;z-index:14}.report-table-col-2{left:52px;width:165px;min-width:165px;max-width:165px;z-index:13}.report-table-col-3{left:217px;width:140px;min-width:140px;max-width:140px;z-index:12}.report-table-col-4{left:357px;width:140px;min-width:140px;max-width:140px;z-index:11}.report-table-fixed-last-col{position:sticky;overflow:visible!important}.report-table-fixed-last-col:after{content:"";position:absolute;top:0;right:-1px;width:10px;height:100%;pointer-events:none;opacity:0;transition:opacity .2s ease;background:linear-gradient(to right,#103c3b2e,#103c3b14 45%,#103c3b00);z-index:10!important}.report-booking-scrolled .report-table-fixed-last-col:after{opacity:1}.report-table-scroll-col{width:120px;min-width:120px;max-width:120px}.report-table tbody tr:has(.report-empty-row){height:280px!important;position:static!important}.report-empty-row{position:absolute!important;left:0!important;right:0!important;width:100%!important;height:280px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#8a8a8a;font-weight:500;font-size:14px;box-sizing:border-box!important}.report-empty-panel{text-align:center;color:#8a8a8a;padding:24px}.report-table-wrap:has(.report-empty-row),.report-table-scroll-container:has(.report-empty-row){overflow-x:hidden!important}.report-table:has(.report-empty-row) th,.report-table:has(.report-empty-row) td:not(.report-empty-row){position:static!important;left:auto!important;right:auto!important;box-shadow:none!important}.report-table:has(.report-empty-row) th:after,.report-table:has(.report-empty-row) td:after,.report-table:has(.report-empty-row) .report-table-fixed-last-col:after{display:none!important}.status-active{color:#2f8f34;font-weight:700}.status-resigned{color:#cf3d3d;font-weight:700}.status-stock-in{color:#54aa00;font-weight:700}.status-stock-out{color:#ff2a2d;font-weight:700}.report-table td.status-stock-in,.report-table td .status-stock-in,.report-table td.status-stock-out,.report-table td .status-stock-out{font-weight:700}.report-table td.status-stock-in{color:#54aa00!important}.report-table td.status-stock-out{color:#ff2a2d!important}.report-pagination-wrap{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.report-column-pagination-wrap{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px;background:#f5f5f5;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:12px;margin-bottom:12px;flex-wrap:wrap}.report-column-label{font-size:13px;font-weight:600;color:#555;margin-right:8px}.report-page-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--gold);background:#fff;color:var(--gold);font-family:Google Sans;font-size:13px;font-weight:600;cursor:pointer}.report-page-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}@keyframes reportDownloadFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-cell-bar{display:inline-block;height:18px;border-radius:6px;background:var(--skeleton-gradient);background-size:200% 100%;animation:skeleton-shimmer 1.6s infinite ease-in-out;vertical-align:middle;width:100%}.skeleton-table-row td{pointer-events:none}.report-table-col-serviceName{width:250px!important;min-width:250px!important;max-width:250px!important}@media(max-width:1200px){.report-page-content{width:100%;padding:0 48px}.report-page-container .text-box h1{font-size:35px;font-weight:700}.report-page-container .text-box h2{margin-bottom:60px;font-size:20px;font-weight:500}.report-table-wrap{overflow-x:auto}.report-table{min-width:760px}.report-search-group{margin-left:0}.report-column-pagination-wrap{background:transparent;border:none!important}.report-filter-row{display:flex;flex-wrap:wrap;gap:12px;width:100%;align-items:flex-start}.report-filter-group,.report-search-group{width:auto!important;flex:1!important;min-width:120px!important;margin:0!important}.report-filter-group:has(.report-action-buttons){flex:none!important;width:340px}.report-table thead th.report-therapist-col-name{position:sticky!important;left:0!important;z-index:15!important;background:var(--primary-color)!important;overflow:visible!important}.report-table tbody td.report-therapist-col-name{position:sticky!important;left:0!important;z-index:14!important;background:#fff!important;overflow:visible!important}.report-table thead th.report-schedule-col-name{position:sticky!important;left:0!important;z-index:13!important;background:var(--primary-color)!important;overflow:visible!important}.report-table tbody td.report-schedule-col-name{position:sticky!important;left:0!important;z-index:12!important;background:#fff!important;overflow:visible!important}.report-table thead th.report-stock-col-no{position:sticky!important;left:0!important;z-index:15!important;background:var(--primary-color)!important}.report-table tbody td.report-stock-col-no{position:sticky!important;left:0!important;z-index:14!important;background:#fff!important}.report-table thead th.report-stock-col-stockno{position:sticky!important;left:60px!important;z-index:13!important;background:var(--primary-color)!important;overflow:visible!important}.report-table tbody td.report-stock-col-stockno{position:sticky!important;left:60px!important;z-index:12!important;background:#fff!important;overflow:visible!important}.report-table thead th.report-therapist-col-name:after,.report-table tbody td.report-therapist-col-name:after,.report-table thead th.report-schedule-col-name:after,.report-table tbody td.report-schedule-col-name:after,.report-table thead th.report-stock-col-stockno:after,.report-table tbody td.report-stock-col-stockno:after{content:"";position:absolute;top:0;right:-1px;width:10px;height:100%;pointer-events:none;opacity:0;transition:opacity .2s ease;background:linear-gradient(to right,#103c3b2e,#103c3b14 45%,#103c3b00);z-index:10!important}.report-therapist-scrolled .report-therapist-col-name:after,.report-schedule-scrolled .report-schedule-col-name:after,.report-stock-scrolled .report-stock-col-stockno:after{opacity:1!important}.report-table tbody tr:hover td.report-therapist-col-name,.report-table tbody tr:hover td.report-stock-col-stockno,.report-table tbody tr:hover td.report-stock-col-no{background:#fff!important}}@media(max-width:767px){.report-page-content{padding-left:16px;padding-right:16px}.report-page-container .text-box h1{font-size:22px}.report-page-container .text-box h2{font-size:16px}.report-tabs{display:flex;gap:18px;border-bottom:1px solid #AAAAAA;margin-bottom:0!important;overflow-x:auto;white-space:nowrap!important}.report-tab-btn{width:auto!important;text-align:left!important;padding:6px 2px;background:transparent;border-radius:0!important;font-size:15px;white-space:nowrap;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;height:auto!important;border-bottom:3px solid transparent;color:#aaa;font-weight:500!important;line-height:normal!important;box-shadow:none!important}.report-tab-btn.active{background:transparent!important;color:#b88a1e;border-bottom-color:#b88a1e;font-weight:600;box-shadow:none!important}.report-action-buttons{display:flex;gap:10px;width:auto!important;align-items:center;justify-content:flex-end!important;height:38px}.report-action-buttons .report-btn{border:none!important;background:var(--primary-color)!important;padding:0!important;width:38px!important;height:38px!important;min-width:38px!important;font-size:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;flex-shrink:0!important;margin:0!important}.report-action-buttons .report-btn img{width:22px!important;height:22px!important;margin:0!important;display:block!important}.report-download-menu-wrap{display:inline-flex!important;margin:0!important;padding:0!important;width:38px}.report-download-menu-wrap .report-btn{width:38px!important;min-width:38px!important;margin:0!important}.report-search-wrapper,.report-search-group input{width:100%!important;box-sizing:border-box!important}.report-filter-group:has(.report-action-buttons) label{display:none!important}.report-table:not(:has(.report-empty-row)) .report-table-fixed-col{position:sticky!important;will-change:left}.report-table:not(:has(.report-empty-row)) thead th.report-therapist-col-name{position:sticky!important;left:0!important;z-index:15!important;background:var(--primary-color)!important;overflow:visible!important}.report-table:not(:has(.report-empty-row)) tbody td.report-therapist-col-name{position:sticky!important;left:0!important;z-index:14!important;background:#fff!important;overflow:visible!important}.report-table:not(:has(.report-empty-row)) thead th.report-schedule-col-name{position:sticky!important;left:0!important;z-index:13!important;background:var(--primary-color)!important;overflow:visible!important}.report-table:not(:has(.report-empty-row)) tbody td.report-schedule-col-name{position:sticky!important;left:0!important;z-index:12!important;background:#fff!important;overflow:visible!important}.report-table:not(:has(.report-empty-row)) thead th.report-stock-col-no{position:sticky!important;left:0!important;z-index:15!important;background:var(--primary-color)!important}.report-table:not(:has(.report-empty-row)) tbody td.report-stock-col-no{position:sticky!important;left:0!important;z-index:14!important;background:#fff!important}.report-table:not(:has(.report-empty-row)) thead th.report-stock-col-stockno{position:sticky!important;left:60px!important;z-index:13!important;background:var(--primary-color)!important;overflow:visible!important}.report-table:not(:has(.report-empty-row)) tbody td.report-stock-col-stockno{position:sticky!important;left:60px!important;z-index:12!important;background:#fff!important;overflow:visible!important}.report-table:not(:has(.report-empty-row)) thead th.report-therapist-col-name:after,.report-table:not(:has(.report-empty-row)) tbody td.report-therapist-col-name:after,.report-table:not(:has(.report-empty-row)) thead th.report-schedule-col-name:after,.report-table:not(:has(.report-empty-row)) tbody td.report-schedule-col-name:after,.report-table:not(:has(.report-empty-row)) thead th.report-stock-col-stockno:after,.report-table:not(:has(.report-empty-row)) tbody td.report-stock-col-stockno:after,.report-table:not(:has(.report-empty-row)) .report-table-fixed-last-col:after{content:"";position:absolute;top:0;right:-1px;width:10px;height:100%;pointer-events:none;opacity:0;transition:opacity .2s ease;background:linear-gradient(to right,#103c3b2e,#103c3b14 45%,#103c3b00);z-index:10!important}.report-therapist-scrolled .report-table:not(:has(.report-empty-row)) th.report-therapist-col-name:after,.report-therapist-scrolled .report-table:not(:has(.report-empty-row)) td.report-therapist-col-name:after,.report-schedule-scrolled .report-table:not(:has(.report-empty-row)) th.report-schedule-col-name:after,.report-schedule-scrolled .report-table:not(:has(.report-empty-row)) td.report-schedule-col-name:after,.report-stock-scrolled .report-table:not(:has(.report-empty-row)) th.report-stock-col-stockno:after,.report-stock-scrolled .report-table:not(:has(.report-empty-row)) td.report-stock-col-stockno:after,.report-booking-scrolled .report-table:not(:has(.report-empty-row)) .report-table-fixed-last-col:after{opacity:1!important}.report-table:not(:has(.report-empty-row)) tbody tr:hover td.report-therapist-col-name,.report-table:not(:has(.report-empty-row)) tbody tr:hover td.report-stock-col-stockno,.report-table:not(:has(.report-empty-row)) tbody tr:hover td.report-stock-col-no{background:#fff!important}.report-table-wrap,.report-table-scroll-container{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media(max-width:832px){div.report-page-container div.report-filter-row{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;align-items:flex-end!important}div.report-page-container div.report-filter-row div.report-filter-group{width:48%!important;max-width:50%!important;min-width:unset!important;flex:0 0 48%!important;order:1!important;margin:0!important}div.report-page-container div.report-filter-row div.report-search-group{flex:1 1 auto!important;min-width:unset!important;width:auto!important;order:3!important;margin-left:0!important;clear:both!important}div.report-page-container div.report-filter-row div.report-filter-group:has(.report-action-buttons){flex:0 0 auto!important;width:auto!important;min-width:unset!important;max-width:unset!important;order:4!important;display:flex!important;align-items:flex-end!important;margin:0!important}div.report-page-container div.report-filter-row:has(#stockReportSearch) div.report-filter-group:not(:has(.report-action-buttons)){width:100%!important;max-width:100%!important;flex:0 0 100%!important}}