@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;position:relative;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.theme-menu-items{max-height:300px;overflow-y:auto}.theme-menu-item{transition:all .2s}.theme-menu-item:hover{color:#fff;background:linear-gradient(135deg,#9b59b6,#6f42c1);transform:translate(5px)}.theme-menu-item.active{color:#fff;background:linear-gradient(135deg,#6f42c1,#9b59b6)}.searchable-dropdown .form-control-sm:focus{border-color:var(--theme-primary,#a909ed);outline:none;box-shadow:0 0 0 2px #a909ed1a}.searchable-dropdown-item{transition:all .2s}.searchable-dropdown-item:hover{background-color:#f8f9fa!important}.searchable-dropdown-item:active{color:#fff;background:var(--theme-gradient,linear-gradient(135deg, #a909ed 0%, #2d0235 100%))!important}.searchable-dropdown-item:active .text-muted{color:#fffc!important}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}body{color:var(--theme-text-primary)!important;background-color:var(--theme-bg-light)!important}.form-label,label{margin-bottom:8px;font-weight:500;display:block;color:var(--theme-text-primary)!important}.form-control:focus,.form-select:focus{outline:none;border-color:var(--theme-primary,#a909ed)!important;box-shadow:0 0 0 .2rem var(--theme-shadow,#a909ed40)!important}.form-text,.text-muted{color:var(--theme-text-secondary)!important}::placeholder{opacity:1;color:var(--theme-text-muted)!important}.form-control,.form-select,input,textarea,select{color:var(--theme-text-primary)!important;background-color:var(--theme-bg-white)!important;border-color:var(--theme-border)!important}.form-check-label{color:var(--theme-text-primary)!important}input[type=checkbox],input[type=radio]{accent-color:var(--theme-primary,#a909ed)}.form-control:disabled,.form-select:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.7;background-color:var(--theme-bg-light)!important}.form-control.is-invalid,.form-select.is-invalid{border-color:var(--theme-danger,#dc3545)!important}.form-control.is-invalid:focus,.form-select.is-invalid:focus{box-shadow:0 0 0 .2rem #dc354540!important}.form-control.is-valid,.form-select.is-valid{border-color:var(--theme-success,#28a745)!important}.form-control.is-valid:focus,.form-select.is-valid:focus{box-shadow:0 0 0 .2rem #28a74540!important}input[type=radio],input[type=checkbox]{accent-color:var(--theme-primary,#a909ed);cursor:pointer;width:16px;height:16px}input[type=radio]:checked,input[type=checkbox]:checked{accent-color:var(--theme-primary,#a909ed)}.form-check-label{cursor:pointer;margin-left:8px;color:var(--theme-text-primary)!important}.form-check{align-items:center;display:flex}.form-check-input{cursor:pointer;margin-top:0!important}.form-check-input:focus{border-color:var(--theme-primary,#a909ed)!important;box-shadow:0 0 0 .2rem var(--theme-shadow,#a909ed40)!important}.form-check-input[type=radio]:checked,.form-check-input[type=checkbox]:checked{background-color:var(--theme-primary,#a909ed)!important;border-color:var(--theme-primary,#a909ed)!important}.form-check-input:disabled,.form-check-input:disabled+.form-check-label{opacity:.5;cursor:not-allowed}.form-switch .form-check-input{border-radius:1em;width:2em;height:1em}.form-switch .form-check-input:checked{background-color:var(--theme-primary,#a909ed)!important;border-color:var(--theme-primary,#a909ed)!important}.card,.card-body,.card-header,.table,.table td,.table th,.modal-content,.modal-body,.modal-header,.modal-footer,.dropdown-item{color:var(--theme-text-primary)!important}.badge{color:#fff!important}.nav-tabs .nav-link{font-family:Georgia,Times New Roman,Times,serif;font-size:.9rem;color:var(--theme-text-secondary)!important}.nav-tabs .nav-link.active{font-weight:600;color:var(--theme-primary)!important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--theme-text-primary)!important}p,span,div{color:inherit}.form-check,.form-check-label,.form-check-input+label,.form-check .form-check-label{color:var(--theme-text-primary)!important}.dropdown-header{color:var(--theme-text-secondary)!important}.modal-title{color:#f8f9fa!important}.card-header:not(.bg-transparent),.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{color:#fff!important}.dots-loader{justify-content:center!important;align-items:center!important;gap:6px!important;padding:10px!important;display:flex!important}.dots-loader div{border-radius:50%!important;width:8px!important;height:8px!important;animation-name:dotBounce!important;animation-duration:1.4s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;animation-fill-mode:both!important;display:inline-block!important}.dots-loader div:first-child{background:var(--theme-primary-light,#b495ee)!important;animation-delay:-.45s!important}.dots-loader div:nth-child(2){background:var(--theme-primary,#a909ed)!important;animation-delay:-.3s!important}.dots-loader div:nth-child(3){background:var(--theme-primary-dark,#2d0235)!important;animation-delay:-.15s!important}.dots-loader div:nth-child(4){background:var(--theme-accent,#fc0)!important;animation-delay:0s!important}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)translateY(0)}40%{opacity:1;transform:scale(1.3)translateY(-10px)}}.dots-loader.medium div{width:12px!important;height:12px!important}.dots-loader.medium{gap:8px!important}.dots-loader.large div{width:16px!important;height:16px!important}.dots-loader.large{gap:10px!important}.dots-loader.light div:first-child{background:#ffffffe6!important}.dots-loader.light div:nth-child(2){background:#ffffffbf!important}.dots-loader.light div:nth-child(3){background:#fff9!important}.dots-loader.light div:nth-child(4){background:#ffffff73!important}input,select,textarea,.form-control,.searchable-dropdown input,.searchable-dropdown .form-control,.searchable-dropdown .selected-value,.searchable-dropdown-item,.dropdown-item{color:#000!important;-webkit-text-fill-color:#000!important}.dropdown-item.active,.dropdown-item:active,.searchable-dropdown-item.active,.searchable-dropdown-item.selected{color:var(--theme-input-text)!important;background:#f3f4f6!important}.online-booking-wrapper{box-sizing:border-box;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:15px 10px;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden auto}.online-booking-container{width:100%;max-width:1250px;margin:0 auto}.booking-header{text-align:center;color:#fff;margin-bottom:14px}.header-top{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.brand-section{align-items:center;gap:10px;display:flex}.brand-logo{object-fit:contain;width:auto;max-width:120px;height:40px}.brand-icon{background:#fff3;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.brand-icon i{color:#fff;font-size:22px}.brand-name{color:#fff;font-size:20px;font-weight:700}.home-button{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.home-button:hover{background:#ffffff40;transform:translateY(-1px)}.header-content h3{color:#fff;margin-bottom:4px;font-weight:700}.header-content p{opacity:.9;font-size:.85rem}.booking-grid{grid-template-columns:1fr 380px;align-items:start;gap:12px;width:100%;display:grid}.booking-main{width:100%;min-width:0}.booking-sidebar{width:380px}.booking-main .form-card{background:#fff;border-radius:8px;margin-bottom:8px;padding:10px 14px;box-shadow:0 4px 12px #0000000a}.dynamic-expand-panel{animation:.2s ease-out forwards panelSlideDownFade}@keyframes panelSlideDownFade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.booking-main .form-card h2{color:#66025e;margin:0 0 8px;font-size:.95rem;font-weight:600}.booking-main .form-card h3{color:#65016e;margin:8px 0 4px;font-size:.78rem;font-weight:600}.service-grid{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.service-chip{cursor:pointer;background:#fff;border:1.5px solid #e9ecef;border-radius:6px;flex:none;align-items:center;gap:6px;padding:5px 10px;transition:all .1s;display:flex}.service-chip:hover{border-color:#a78bfa}.service-chip.selected{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.service-chip i{color:#764ba2;font-size:12px}.service-chip.selected i{color:#fff}.service-chip-content{flex-direction:column;display:flex}.service-chip span{color:#2d3748;font-size:11px;font-weight:600;line-height:1.1}.service-chip.selected span{color:#fff}.service-chip small{color:#718096;font-size:9.5px}.service-chip.selected small{color:#fffc}.date-scroll-container{box-sizing:border-box;align-items:center;width:100%;padding:0 30px;display:flex;position:relative}.date-scroll{scroll-behavior:smooth;scrollbar-width:none;gap:4px;width:100%;padding:2px 0;display:flex;overflow-x:scroll}.date-scroll::-webkit-scrollbar{display:none}.scroll-arrow{color:#4a5568;cursor:pointer;z-index:15;background:#fff;border:1px solid #cbd5e0;border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scroll-arrow.left{left:2px}.scroll-arrow.right{right:2px}.scroll-arrow i{font-size:10px}.date-chip{cursor:pointer;background:#fff;border:1.5px solid #e9ecef;border-radius:6px;flex:none;align-items:center;gap:3px;padding:4px 8px;display:flex}.date-chip.selected{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.date-chip .date-day{font-size:9.5px;font-weight:600}.date-chip .date-num{font-size:11.5px;font-weight:700}.date-chip .date-month{font-size:9.5px;font-weight:600}.today-badge{color:#fff;background:#28a745;border-radius:2px;margin-left:1px;padding:1px 3px;font-size:8px}.no-slots-fallback{color:#e53e3e;font-size:11px;font-weight:500}.time-scroll,.frequency-options,.hours-options,.housekeepers-options,.recurring-days{flex-wrap:wrap;gap:4px;display:flex}.time-chip,.frequency-btn,.hour-btn,.housekeeper-btn,.recurring-day{color:#4a5568;cursor:pointer;background:#f8f9fa;border:1.5px solid #e9ecef;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:600}.time-chip.selected,.frequency-btn.active,.hour-btn.active,.housekeeper-btn.active,.recurring-day.selected{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.addons-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.addon-item{cursor:pointer;background:#f8f9fa;border:1.5px solid #e9ecef;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;display:flex}.addon-item.selected{background:#f5f2ff;border-color:#764ba2}.addon-item i:first-child{color:#764ba2;text-align:center;width:16px;font-size:12px}.addon-info{flex:1}.addon-name{color:#2d3748;font-size:11px;font-weight:600;display:block}.addon-price{color:#718096;font-size:10px}.addon-item i:last-child{color:#cbd5e0;margin-left:auto;font-size:11px}.addon-item.selected i:last-child{color:#28a745}.btn-continue{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;width:100%;margin-top:2px;padding:10px;font-size:.9rem;font-weight:700}.btn-continue:disabled{cursor:not-allowed;background:#cbd5e0}.summary-card{background:#fff;border-radius:12px;padding:16px 20px;position:sticky;top:15px;box-shadow:0 6px 18px #0000000d}.summary-card h3{color:#2c3e50;border-bottom:2px solid #edf2f7;margin:0 0 12px;padding-bottom:8px;font-size:1.1rem;font-weight:600}.summary-item{color:#4a5568;justify-content:space-between;padding:6px 0;font-size:12.5px;display:flex}.summary-addons-list{background:#f7fafc;border-radius:6px;margin:6px 0;padding:4px 8px}.addon-header{color:#718096;font-size:10.5px;font-weight:700}.summary-item.addon-row{padding:2px 0;font-size:11.5px}.summary-divider{background:#edf2f7;height:1px;margin:8px 0}.summary-item.net-total{color:#2d3748;font-size:1.05rem;font-weight:700}.summary-empty-state{text-align:center;color:#a0aec0;padding:20px 10px}.summary-empty-state i{margin-bottom:8px;font-size:30px;display:block}.promo-input-wrapper{gap:8px;margin-top:12px;display:flex}.promo-input-wrapper input{border:1.5px solid #e9ecef;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-size:12px}.promo-input-wrapper input:focus{border-color:#764ba2;box-shadow:0 0 0 2px #764ba21a}.promo-input-wrapper input.promo-applied{color:#2e7d32;background:#e8f5e9;border-color:#4caf50}.promo-input-wrapper button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:500}.remove-promo-btn{background:#f44336!important}.booking-card-step2{background:#fff;border-radius:12px;max-width:700px;margin:0 auto;padding:20px;box-shadow:0 8px 20px #0000000f}.step2-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.home-button-small{color:#333;background:#f0f0f0;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.details-form .form-group{flex-direction:column;margin-bottom:10px;display:flex}.details-form .form-group-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.details-form label{color:#4a5568;margin-bottom:3px;font-size:11.5px;font-weight:600}.details-form input,.details-form select,.details-form textarea{border:1.5px solid #e2e8f0;border-radius:6px;outline:none;padding:7px 10px;font-size:11.5px}.form-buttons{gap:8px;margin-top:14px;display:flex}.btn-back{color:#4a5568;cursor:pointer;background:#edf2f7;border:none;border-radius:20px;padding:8px 16px;font-size:11.5px;font-weight:600}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:20px;flex:1;padding:8px;font-size:.85rem;font-weight:700}.terms-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:16px;margin:20px 0;padding:20px}.terms-header{border-bottom:2px solid #764ba2;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.terms-header i{color:#764ba2;font-size:24px}.terms-header h3{color:#333;margin:0;font-size:1.1rem}.terms-content{margin-bottom:20px}.term-item{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.term-number{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;font-size:10px;font-weight:700;display:inline-flex}.term-text{color:#555;flex:1;font-size:11px;line-height:1.1}.terms-checkbox{border-top:1px solid #e0e0e0;margin-top:16px;padding-top:16px}.checkbox-container{cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.checkbox-container input{cursor:pointer;accent-color:#764ba2;width:18px;height:18px}.checkbox-text{color:#333}.checkbox-text strong{color:#764ba2}.success-receipt-card{text-align:center;background:#fff;border-radius:20px;max-width:550px;margin:0 auto;padding:30px;box-shadow:0 20px 40px #0000001a}.success-checkmark-icon i{color:#28a745;margin-bottom:15px;font-size:60px}.success-receipt-card h2{color:#333;margin-bottom:8px;font-size:1.4rem}.success-receipt-card>p{color:#666;margin-bottom:20px}.receipt-table{background:#f8f9fa;border:1px solid #e9ecef;border-radius:16px;margin:20px 0;overflow:hidden}.receipt-row{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.receipt-row:last-child{border-bottom:none}.receipt-label{color:#6c757d;font-size:12px;font-weight:500}.receipt-value{color:#333;font-size:12px;font-weight:600}.receipt-row.total-row{background:linear-gradient(135deg,#667eea15,#764ba215);padding:12px 16px}.receipt-row.total-row .receipt-label{color:#333;font-size:14px;font-weight:700}.receipt-row.total-row .receipt-value{color:#764ba2;font-size:15px;font-weight:800}.success-buttons{justify-content:center;gap:15px;margin-top:20px;display:flex}.btn-website{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:30px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (max-width:992px){.booking-grid{grid-template-columns:1fr}.booking-sidebar{width:100%}}@media (max-width:768px){.header-top{flex-direction:column;gap:12px}.brand-name{font-size:18px}.brand-logo{height:35px}.header-content h1{font-size:1rem}.step2-header{flex-direction:column;align-items:flex-start;gap:12px}.success-buttons{flex-direction:column;gap:10px}.details-form .form-group-row{grid-template-columns:1fr;gap:10px}.success-receipt-card{padding:20px}.addons-grid{grid-template-columns:1fr}}@media (max-width:480px){.booking-main .form-card{padding:10px 12px}.service-chip,.date-chip{padding:4px 8px}.time-chip,.frequency-btn,.hour-btn,.housekeeper-btn,.recurring-day{padding:4px 8px;font-size:10px}.summary-card{padding:12px 16px}}body,html{height:100%;margin:0;font-family:Poppins,sans-serif;overflow:hidden}.login-container{background-color:#0000;background-image:linear-gradient(#00000073,#0009),url(/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:flex-end;align-items:center;min-height:100vh;display:flex;position:relative}.login-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#a909ed26 0%,#0000 50%),radial-gradient(at 80% 20%,#667eea1a 0%,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.analog-clock{z-index:50;pointer-events:none;background:radial-gradient(circle,#ffffff0f 60%,#ffffff03 100%);border:5px solid #66656589;border-radius:50%;width:110px;height:110px;animation:4s ease-in-out infinite clockPulse;position:fixed;top:23%;right:30%;transform:translateY(-50%);box-shadow:0 0 40px #ffffff14,inset 0 0 30px #ffffff08}@keyframes clockPulse{0%,to{box-shadow:0 0 40px #ffffff14,inset 0 0 30px #ffffff08}50%{box-shadow:0 0 60px #ffffff26,inset 0 0 40px #ffffff0f}}.analog-clock .center{z-index:10;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #ffffff80}.analog-clock .center:after{content:"";background:#1a0033;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.analog-clock .hand{transform-origin:bottom;border-radius:4px;position:absolute;bottom:50%;left:50%}.analog-clock .hour{background:linear-gradient(#fa0,#fc0);width:4px;height:30px;transform:translate(-50%);box-shadow:0 0 6px #ffcc004d}.analog-clock .minute{background:linear-gradient(#0af,#0cf);width:3px;height:50px;transform:translate(-50%);box-shadow:0 0 6px #00ccff4d}.analog-clock .second{background:#f36;width:1.5px;height:50px;transition:transform .1s linear;transform:translate(-50%);box-shadow:0 0 5px #f366}.login-card{-webkit-backdrop-filter:blur(20px);z-index:2;background:#ffffff1a;border:1px solid #ffffff26;border-radius:24px;width:100%;max-width:420px;margin-right:6%;padding:2.5rem 2.2rem;animation:.8s cubic-bezier(.16,1,.3,1) cardFadeSlideIn;box-shadow:0 25px 50px #00000059,inset 0 1px #ffffff1a}@keyframes cardFadeSlideIn{0%{opacity:0;transform:translate(40px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.brand-header{margin-bottom:1.2rem}.brand-header h2{color:#fff;text-align:center;letter-spacing:-.5px;text-shadow:0 2px 4px #fcfcfc;margin-bottom:.2rem;font-size:1.8rem;font-weight:700}.brand-header h2 i{color:#fc0;filter:drop-shadow(0 2px 4px #fc06);animation:3s ease-in-out infinite gentleBounce;display:inline-block}@keyframes gentleBounce{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-6px)rotate(-4deg)}50%{transform:translateY(0)rotate(0)}70%{transform:translateY(-3px)rotate(4deg)}}.brand-header p{color:#fffc;text-align:center;font-size:.85rem;font-weight:300}.form-label{color:#ffffffe6;letter-spacing:.3px;margin-bottom:.4rem;font-size:.8rem;font-weight:500}.input-group{background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.input-group:focus-within{background:#ffffff26;border-color:#fff3;transform:translateY(-1px);box-shadow:0 8px 25px #0003,0 0 0 2px #ffffff1a}.input-group-text{color:#fff9;background:0 0;border:none;padding:10px 12px}.input-group:focus-within .input-group-text{color:#fc0}.form-control{color:#fff;background:0 0;border:none;height:auto;padding:10px 12px;font-size:.88rem}.form-control::placeholder{color:#ffffff80;font-weight:300}.form-control:focus{box-shadow:none;color:#fff;background:#ffffff08;outline:none}.form-control:-webkit-autofill{-webkit-text-fill-color:white;-webkit-box-shadow:inset 0 0 0 1000px #ffffff1a}.form-control:-webkit-autofill:hover{-webkit-text-fill-color:white;-webkit-box-shadow:inset 0 0 0 1000px #ffffff1a}.form-control:-webkit-autofill:focus{-webkit-text-fill-color:white;-webkit-box-shadow:inset 0 0 0 1000px #ffffff1a}.form-check-label{color:#fffc;font-size:.8rem}.form-check-input{background-color:#ffffff26;border-color:#ffffff40}.form-check-input:checked{background-color:#fc0;border-color:#fc0}.forgot-link{color:#fffc;font-size:.8rem;font-weight:500;text-decoration:none}.forgot-link:hover{color:#fff}.btn-login{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#f36,#d0228a,#8a4bdf) 0 0/200% 200%;border:none;border-radius:12px;padding:13px;font-size:.95rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);animation:4s infinite gradientShift;position:relative;overflow:hidden}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.btn-login:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .7s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.btn-login:hover:not(:disabled):before{left:100%}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #d0228a80,0 5px 15px #0000004d}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-login i{transition:transform .35s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-login:hover:not(:disabled) i{transform:translate(5px)}.login-divider{text-align:center;margin:1.2rem 0;position:relative}.login-divider:before{content:"";background:#ffffff26;height:1px;position:absolute;top:50%;left:0;right:0}.login-divider span{color:#fff9;text-transform:uppercase;letter-spacing:1px;z-index:1;background:#ffffff0d;border-radius:20px;padding:0 12px;font-size:.7rem;font-weight:600;position:relative}.demo-credentials{flex-direction:column;gap:6px;display:flex}.demo-item{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.demo-item:hover{background:#ffffff24;border-color:#ffffff26;transform:translate(6px)scale(1.01);box-shadow:0 8px 25px #0003}.demo-role-badge{color:#fff;white-space:nowrap;background:#ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-width:65px;padding:4px 8px;font-size:.68rem;font-weight:600;display:flex}.demo-role-badge.admin{color:#fc0;background:#fc03;border:1px solid #ffcc004d}.demo-role-badge.manager{color:#c4b5fd;background:#8b5cf633;border:1px solid #8b5cf64d}.demo-role-badge.staff{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f64d}.demo-creds{color:#ffffffbf;flex:1;align-items:center;gap:8px;min-width:0;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.75rem;display:flex}.demo-creds .demo-separator{color:#ffffff4d;font-size:.6rem}.demo-creds .demo-email{white-space:nowrap;text-overflow:ellipsis;color:#ffffffd9;overflow:hidden}.demo-creds .demo-pass{white-space:nowrap;color:#ffffff8c}.demo-arrow{color:#ffffff4d;flex-shrink:0;font-size:.6rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.demo-item:hover .demo-arrow{color:#ffffffb3;transform:translate(4px)}.alert{border:none;border-radius:12px;margin-bottom:1.2rem;padding:10px 14px;font-size:.8rem;font-weight:500}.alert-danger{color:#fff;background:#dc3545d9;border-left:3px solid #ff6b6b}.alert .btn-close{filter:brightness(0)invert();opacity:.7;font-size:.6rem}.toggle-password{cursor:pointer;padding:8px 10px;transition:all .3s}.toggle-password:hover{background:#ffffff1a}.toggle-password:hover i{color:#fc0}@media (max-width:768px){.login-container{background-color:#0000;background-image:linear-gradient(#00000073,#0009),url(/bgmob.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center}.analog-clock{border-width:3px;width:70px;height:70px;top:10%;right:10%}.analog-clock .hour{height:20px}.analog-clock .minute{height:32px}.analog-clock .second{height:34px}.analog-clock .center{width:8px;height:8px}.login-card{margin-right:0;padding:2rem 1.8rem}}@media (max-width:480px){.login-container{background-color:#0000;background-image:linear-gradient(#00000080,#000000a6),url(/bgmob.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:20px}.analog-clock{border-width:2.5px;width:55px;height:55px;top:8%;right:5%}.analog-clock .hour{width:3px;height:16px}.analog-clock .minute{width:2px;height:25px}.analog-clock .second{width:1px;height:27px}.analog-clock .center{width:6px;height:6px}.login-card{border-radius:20px;padding:1.8rem 1.3rem}.brand-header h2{font-size:1.5rem}.brand-header p{font-size:.78rem}.btn-login{padding:12px;font-size:.9rem}.demo-item{padding:7px 10px}.demo-role-badge{min-width:55px;padding:3px 6px;font-size:.62rem}.demo-creds{font-size:.7rem}.input-group-text{padding:8px 10px}.form-control{padding:8px 10px;font-size:.82rem}}@media (max-width:992px){.login-container{justify-content:center;padding:20px}.login-card{max-width:400px;margin-right:0;padding:2rem 1.8rem}}@media (max-width:1200px){.analog-clock{width:140px;height:140px;top:15%;left:32%}.analog-clock .hour{height:40px}.analog-clock .minute{height:56px}.analog-clock .second{height:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard-wrapper{background:#f8f9fc;min-height:100vh}.stat-card-link{text-decoration:none;display:block}.stat-card{cursor:pointer;background:#fff;border-left:4px solid;border-radius:16px;padding:1.25rem;transition:all .3s;box-shadow:0 1px 3px #0000001a}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.stat-card:active{transform:translateY(-2px)}.stat-card-link:focus-visible .stat-card{outline-offset:2px;outline:2px solid #4e73df}.stat-card-primary{border-left-color:#4e73df}.stat-card-info{border-left-color:#36b9cc}.stat-card-success{border-left-color:#1cc88a}.stat-card-warning{border-left-color:#f6c23e}.stat-card-purple{border-left-color:#a909ed}.stat-card-secondary{border-left-color:#858796}.stat-card-teal{border-left-color:#20c997}.stat-card-dark{border-left-color:#5a5c69}.stat-card-inner{align-items:center;gap:1rem;display:flex}.stat-icon{color:#4e73df;background:#4e73df1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.stat-card-primary .stat-icon{color:#4e73df;background:#4e73df1a}.stat-card-info .stat-icon{color:#36b9cc;background:#36b9cc1a}.stat-card-success .stat-icon{color:#1cc88a;background:#1cc88a1a}.stat-card-warning .stat-icon{color:#f6c23e;background:#f6c23e1a}.stat-card-purple .stat-icon{color:#a909ed;background:#a909ed1a}.stat-card-secondary .stat-icon{color:#858796;background:#8587961a}.stat-card-teal .stat-icon{color:#20c997;background:#20c9971a}.stat-card-dark .stat-icon{color:#5a5c69;background:#5a5c691a}.stat-content{flex:1;min-width:0}.stat-label{text-transform:uppercase;color:#858796;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.stat-value{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.5rem;font-weight:700;overflow:hidden}.stat-card-footer{border-top:1px solid #e3e6f0;margin-top:1rem;padding-top:.75rem}.stat-link-text{color:#4e73df;font-size:.75rem;font-weight:600;transition:color .2s}.stat-card:hover .stat-link-text{color:#2e59d9}.revenue-chart{justify-content:space-around;align-items:flex-end;gap:1rem;height:250px;display:flex}.chart-bar-container{flex-direction:column;flex:1;align-items:center;min-width:0;height:100%;display:flex}.chart-bar-label{color:#858796;text-align:center;white-space:nowrap;margin-top:.5rem;font-size:.7rem}.chart-bar-wrapper{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.chart-bar{border-radius:6px 6px 0 0;width:40px;min-height:4px;transition:height .3s;position:relative}.chart-bar:hover{opacity:.85;filter:brightness(1.1)}.chart-bar-value{color:#2c3e50;white-space:nowrap;font-size:.7rem;font-weight:600;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.top-maids-list{padding:.5rem}.top-maid-item{border-bottom:1px solid #e3e6f0;align-items:center;gap:1rem;padding:.75rem;transition:background .2s;display:flex}.top-maid-item:last-child{border-bottom:none}.top-maid-item:hover{background:#f8f9fc}.top-maid-rank{color:#fff;background:linear-gradient(135deg,#f6c23e,#f4b619);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.top-maid-item:first-child .top-maid-rank{background:linear-gradient(135deg,#f6c23e,#f4b619)}.top-maid-item:nth-child(2) .top-maid-rank{background:linear-gradient(135deg,#bcc6d0,#a0aab5)}.top-maid-item:nth-child(3) .top-maid-rank{background:linear-gradient(135deg,#cd7f32,#b8691a)}.top-maid-info{flex:1;min-width:0}.top-maid-name{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.top-maid-stats{color:#858796;font-size:.7rem}.top-maid-revenue{color:#1cc88a;white-space:nowrap;flex-shrink:0;font-weight:700}.status-summary{flex-direction:column;gap:1rem;display:flex}.status-item{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.status-icon{text-align:center;flex-shrink:0;width:35px}.status-info{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.status-label{color:#5a5c69;font-size:.8rem;font-weight:500}.status-count{color:#2c3e50;font-size:1.1rem;font-weight:700}.status-progress{background:#e3e6f0;border-radius:3px;width:100%;height:6px;margin-top:.25rem;overflow:hidden}.status-progress .progress-bar{border-radius:3px;height:100%;transition:width .3s}.status-total{color:#2c3e50;border-top:2px solid #e3e6f0;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.75rem;font-weight:600;display:flex}.status-primary .status-icon{color:#4e73df}.status-warning .status-icon{color:#f6c23e}.status-success .status-icon{color:#1cc88a}.status-danger .status-icon{color:#e74a3b}.activity-timeline{scroll-behavior:smooth;max-height:350px;overflow-y:auto}.activity-timeline::-webkit-scrollbar{width:5px}.activity-timeline::-webkit-scrollbar-track{background:0 0}.activity-timeline::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.activity-timeline::-webkit-scrollbar-thumb:hover{background:#ccc}.activity-item{border-bottom:1px solid #e3e6f0;gap:.75rem;padding:.75rem 1rem;transition:background .2s;display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f8f9fc}.activity-icon{text-align:center;flex-shrink:0;width:32px}.activity-content{flex:1;min-width:0}.activity-content p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resource-card-link{text-decoration:none;display:block}.resource-card-link:focus-visible .resource-card{outline-offset:2px;outline:2px solid #4e73df}.resource-card{background:#fff;border:1px solid #e3e6f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.resource-card:hover{border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.resource-card-content{align-items:center;gap:1rem;min-width:0;display:flex}.resource-card-content i{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.resource-primary i{color:#4e73df;background:#4e73df1a}.resource-success i{color:#1cc88a;background:#1cc88a1a}.resource-warning i{color:#f6c23e;background:#f6c23e1a}.resource-info i{color:#36b9cc;background:#36b9cc1a}.resource-info{min-width:0}.resource-info h4{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resource-info p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.resource-card-action{color:#858796;flex-shrink:0;transition:transform .2s}.resource-card:hover .resource-card-action{transform:translate(3px)}.welcome-section{animation:.5s fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dots-loader{justify-content:center;gap:8px;display:flex}.dots-loader div{background:#4e73df;border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite dotPulse}.dots-loader div:first-child{animation-delay:-.3s}.dots-loader div:nth-child(2){animation-delay:-.15s}.dots-loader div:nth-child(3){animation-delay:0s}.dots-loader div:nth-child(4){animation-delay:.15s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:991px){.revenue-chart{height:220px}.chart-bar{width:30px}.stat-card{padding:1rem}.stat-value{font-size:1.3rem}}@media (max-width:768px){.revenue-chart{gap:.5rem;height:200px}.chart-bar{border-radius:4px 4px 0 0;width:25px}.chart-bar-value{font-size:.6rem;top:-20px}.chart-bar-label{font-size:.6rem}.stat-card{border-radius:12px;padding:.85rem}.stat-value{font-size:1.2rem}.stat-icon{width:45px;height:45px}.stat-icon i{font-size:1.5rem!important}.stat-label{font-size:.7rem}.stat-card-footer{margin-top:.75rem;padding-top:.5rem}.top-maid-rank{width:35px;height:35px;font-size:.75rem}.top-maid-revenue{font-size:.85rem}.resource-card{padding:.75rem}.resource-card-content i{width:40px;height:40px;font-size:1.5rem!important}}@media (max-width:576px){.stat-card{padding:.75rem}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.1rem}.revenue-chart{gap:.25rem;height:180px}.chart-bar{width:20px}.chart-bar-value{font-size:.55rem}}@media print{.dashboard-wrapper{background:#fff!important}.stat-card-link,.btn,.resource-card-link{color:#000!important;text-decoration:none!important}.stat-card{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important}.stat-card:hover{box-shadow:none!important;transform:none!important}.chart-bar{background-color:#ddd!important}.resource-card{border:1px solid #ddd!important}.resource-card:hover{box-shadow:none!important;transform:none!important}.stat-icon i,.resource-card-action{display:none!important}}@media (prefers-reduced-motion:reduce){.stat-card,.resource-card,.chart-bar,.welcome-section{transition:none!important;animation:none!important}.stat-card:hover,.resource-card:hover{transform:none!important}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;width:100%!important;min-height:auto!important;padding:0!important}.navbar .container-fluid{padding:4px 12px!important}.navbar-brand{transition:opacity .2s;padding:0!important;font-size:1rem!important;line-height:36px!important}.navbar-brand:hover{opacity:.9}.navbar-brand i{font-size:1rem!important}.navbar-nav .nav-link{white-space:nowrap;transition:all .2s;color:#ffffffbf!important;margin-right:4px!important;padding:6px 8px!important;font-size:.85rem!important;line-height:1.2!important}.navbar-nav .nav-link i{opacity:.9;transition:opacity .2s;margin-right:5px!important;font-size:.85rem!important}.navbar-nav .nav-link:hover{border-radius:6px;color:#ffffffe6!important;background-color:#ffffff26!important}.navbar-nav .nav-link:hover i{opacity:.9}.navbar-nav .nav-link.active{border-radius:6px;font-weight:400;background:var(--theme-primary-dark,#1d0136)!important;color:#fff!important;box-shadow:0 0 0 2px #ffffff4d!important}.navbar-nav .nav-link.active i{opacity:1!important}.navbar-nav .nav-item .nav-link.active-dropdown{border-radius:5px;background:var(--theme-primary-dark,#1d0136)!important;color:#fff!important;box-shadow:0 0 0 2px #ffffff4d!important}.dropdown-menu{border:none;border-radius:5px;min-width:200px;margin-top:6px;padding:6px 0;animation:.2s dropdownFadeIn;box-shadow:0 10px 30px #00000026;background:#fff!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{background:0 0;border-bottom:1px solid #0000000f;align-items:center;padding:9px 16px;font-size:.85rem;transition:all .2s;display:flex;color:#333!important}.dropdown-item:last-child{border-bottom:none}.dropdown-item i{text-align:center;flex-shrink:0;width:20px;margin-right:10px;font-size:.85rem;transition:color .2s}.dropdown-item:hover{border-bottom-color:#0000;padding-left:20px;background:var(--theme-gradient,linear-gradient(135deg, #667eea, #764ba2))!important;color:#fff!important}.dropdown-item:hover i{color:#fff!important}.dropdown-item.active{font-weight:500;position:relative;background:var(--theme-primary-light,#460182)!important;color:#fff!important}.dropdown-item.active:before{content:"";background:var(--theme-primary,#a909ed);border-radius:0 2px 2px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.dropdown-divider{background:#00000014;border:0;height:1px;margin:4px 0}.dropdown-header{text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #0000000f;padding:8px 16px;font-size:.75rem;font-weight:600;color:#6c757d!important}.navbar .form-control-sm{transition:all .3s;color:#fff!important;background:#ffffff81!important;border:1px solid #ffffff40!important;border-radius:10px!important;height:32px!important;padding:5px 4px 5px 12px!important;font-size:.9rem!important}.navbar .form-control-sm::placeholder{font-size:.75rem;color:#ffffff80!important}.navbar .form-control-sm:focus{outline:none;box-shadow:0 0 0 3px #ffffff1a;background:#fff3!important;border-color:#ffffff80!important}.search-clear-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;padding:2px 6px;font-size:10px;transition:all .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear-btn:hover{background:#fff6}.search-results-dropdown{z-index:1050;background:#fff;border-radius:10px;max-height:350px;margin-top:6px;animation:.2s dropdownFadeIn;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0003}.search-result-item{cursor:pointer;border-bottom:1px solid #0000000f;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--theme-gradient,linear-gradient(135deg, #667eea, #764ba2));color:#fff}.search-loading,.search-no-results{text-align:center;color:#6c757d;padding:16px;font-size:.85rem}.search-results-dropdown::-webkit-scrollbar{width:5px}.search-results-dropdown::-webkit-scrollbar-track{background:0 0}.search-results-dropdown::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.navbar .nav-link.dropdown-toggle{transition:all .2s;color:#ffffffbf!important;padding:6px 10px!important;font-size:.85rem!important}.navbar .nav-link.dropdown-toggle i{opacity:.75;transition:opacity .2s;font-size:.95rem!important}.navbar .nav-link.dropdown-toggle:after{opacity:.5;transition:opacity .2s}.navbar .nav-link.dropdown-toggle.show{border-radius:10px;color:#fff!important;background:var(--theme-primary-dark,#1d0136)!important}.navbar-toggler{transition:all .2s;border:1px solid #fff3!important;border-radius:8px!important;padding:6px 10px!important;font-size:.8rem!important}.navbar-toggler:hover{background:#ffffff1a}.navbar-toggler:focus{outline:none;box-shadow:0 0 0 3px #fff3}.navbar-toggler-icon{width:1.3em!important;height:1.3em!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.theme-modal-content{animation:.25s modalFadeIn}.theme-option-card{cursor:pointer;transition:all .25s}.theme-option-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}@media (min-width:992px){.navbar-nav{align-items:center;flex-direction:row!important}.navbar-nav .nav-item:last-child .dropdown-menu{left:auto;right:0}}@media (min-width:992px) and (max-width:1199px){.navbar-nav .nav-link span{font-size:.75rem}.navbar-nav .nav-link{padding:7px 8px!important}.navbar-nav .nav-link i{margin-right:4px!important}}@media (max-width:991.98px){.navbar-collapse{background:var(--theme-gradient,linear-gradient(135deg, #667eea, #764ba2));z-index:1000;border-radius:0 0 16px 16px;max-height:calc(100vh - 56px);padding:12px;animation:.3s mobileSlideDown;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000004d}@keyframes mobileSlideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.navbar-nav{width:100%;flex-direction:column!important}.navbar-nav .nav-link{background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;align-items:center;width:100%;margin:3px 0!important;padding:13px 18px!important;font-size:.9rem!important;display:flex!important}.navbar-nav .nav-link i{text-align:center;width:24px;font-size:1rem!important}.dropdown-menu{border-radius:10px;width:100%;margin:4px 0 8px;padding:6px;background:#fffffff7!important;animation:none!important;position:static!important}.dropdown-item{border-radius:8px;margin:2px 0;padding:11px 14px}.navbar .form-control-sm{border-radius:18px!important;height:36px!important;font-size:.85rem!important}}@media (max-width:576px){.navbar-brand{font-size:.9rem!important}.navbar .container-fluid{padding:2px 8px!important}.navbar-toggler{padding:4px 8px!important}}@media (max-width:991.98px) and (orientation:landscape){.navbar-collapse{max-height:calc(100vh - 50px)}}@media (prefers-reduced-motion:reduce){.navbar-collapse,.dropdown-menu,.search-results-dropdown,.theme-modal-content,.dropdown-item,.navbar-nav .nav-link{transition:none!important;animation:none!important}}.navbar-nav .nav-link:focus-visible{outline-offset:2px!important;outline:2px solid #fffc!important}.dropdown-item:focus-visible{outline-offset:2px!important;outline:2px solid #fffc!important}.navbar-toggler:focus-visible{outline-offset:2px!important;outline:2px solid #fffc!important}.search-result-item:focus-visible{outline-offset:2px!important;outline:2px solid #fffc!important}@supports (padding-top:env(safe-area-inset-top)){.navbar{padding-top:env(safe-area-inset-top)!important}}:root{--theme-primary:#a909ed;--theme-primary-dark:#2d0235;--theme-primary-light:#9b59b6;--theme-secondary:#6f42c1;--theme-gradient:linear-gradient(135deg, #a909ed 0%, #2d0235 100%);--theme-button-gradient:linear-gradient(135deg, #d0228a, #8a4bdf);--theme-hover:#a835f0;--theme-shadow:#9242c140;--theme-accent:#fc0;--theme-text-primary:#1f2937;--theme-text-secondary:#6b7280;--theme-text-muted:#9ca3af;--theme-bg-light:#f9fafb;--theme-bg-white:#fff;--theme-border:#e5e7eb}*{transition:background-color .3s,color .3s,border-color .3s}body{touch-action:manipulation}.btn-secondary{background-color:#6c757d;border:none}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-1px)}.card-header{background:var(--theme-gradient)!important;color:#fff!important}.badge{border-radius:6px;padding:5px 10px;font-weight:500}.badge-primary{background:var(--theme-primary)!important}.page-item.active .page-link{background:var(--theme-primary)!important;border-color:var(--theme-primary)!important}.progress-bar{background:var(--theme-gradient)!important}.table th{border-bottom:2px solid #dee2e6}.table td{vertical-align:middle}.table-hover tbody tr:hover{background-color:#6a00810d}.modal.show{animation:.3s fadeIn;display:block}.modal-backdrop{animation:.3s fadeIn}.modal-content{animation:.3s slideInUp}.modal-body{background-color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.alert{animation:.3s slideIn}.dot-pulse{border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both dot-pulse-animation;display:inline-block}.dot-1{background-color:#fbfffd;animation-delay:0s}.dot-2{background-color:#070707;animation-delay:.2s}.dot-3{background-color:#fe0404;animation-delay:.4s}@keyframes dot-pulse-animation{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}.fa-laugh-beam{filter:drop-shadow(0 1px 2px #000);color:#fff!important}.app-container{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.main-content{scroll-behavior:smooth;flex:1;position:relative;overflow:hidden auto}.main-content::-webkit-scrollbar{width:10px;height:10px}.main-content::-webkit-scrollbar-track{background:var(--theme-scrollbar-track,#f1f1f1);border-radius:5px}.main-content::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb,var(--theme-primary,#a909ed));border-radius:5px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover,var(--theme-primary-dark,#2d0235))}.table-responsive::-webkit-scrollbar{width:8px;height:8px}.table-responsive::-webkit-scrollbar-track{background:var(--theme-scrollbar-track,#f1f1f1);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb,var(--theme-primary,#a909ed));border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover,var(--theme-primary-dark,#2d0235))}.scrollable-container::-webkit-scrollbar{width:8px;height:8px}.scrollable-container::-webkit-scrollbar-track{background:var(--theme-scrollbar-track,#f1f1f1);border-radius:4px}.scrollable-container::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb,var(--theme-primary,#a909ed));border-radius:4px}.scrollable-container::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover,var(--theme-primary-dark,#2d0235))}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--theme-scrollbar-track,#f1f1f1)}::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb,var(--theme-primary,#a909ed));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover,var(--theme-primary-dark,#2d0235))}.page-wrapper{background:#f8f9fa;min-height:100%;padding:4px}.card{margin-bottom:20px;overflow:visible!important}.card-body{overflow:visible!important}.border-top{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #dee2e6!important}.pagination{flex-wrap:wrap;justify-content:center;gap:2px;margin-bottom:0}.page-link{padding:.375rem .75rem;font-size:.875rem}.maids-table-container{overflow:auto visible}@media (max-width:768px){.page-wrapper{padding:10px}.pagination{gap:2px}.page-link{padding:.25rem .5rem;font-size:.75rem}.border-top{overflow-x:auto}.pagination{flex-wrap:nowrap;min-width:max-content}.card-body{padding:8px 12px!important}.d-flex.gap-2{gap:8px!important}}.whatsapp-link{cursor:pointer;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;text-decoration:none;transition:all .3s;display:inline-flex!important}.whatsapp-icon{color:#25d366;font-size:1.2rem;transition:all .3s}.whatsapp-link:hover{background-color:#25d366;transform:scale(1.1)}.whatsapp-link:hover .whatsapp-icon{color:#fff}.whatsapp-disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:#e9ecef;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.whatsapp-disabled i{color:#6c757d;font-size:1.2rem}.scheduler-container{background:#fff;border:1px solid #dee2e6;border-radius:6px;flex-direction:column;height:auto;min-height:500px;display:flex;position:relative;overflow:hidden}.scheduler-scroll-wrapper{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-x:auto;overflow-y:auto!important}.scheduler-scroll-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.scheduler-scroll-wrapper{scrollbar-width:none;-ms-overflow-style:none}.header-row{z-index:400;background:#fff;border-bottom:2px solid #dee2e6;min-width:-moz-fit-content;min-width:fit-content;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.maid-names-column{z-index:90;background:#fff;border-right:2px solid #dee2e6;flex-shrink:0;width:180px;position:sticky;left:0}.maid-header-cell{color:#fff;z-index:410;border-right:2px solid #dee2e6;flex-shrink:0;justify-content:space-between;align-items:center;width:170px;height:35px;padding:0 12px;font-size:12px;font-weight:600;display:flex;background:var(--theme-primary)!important;color:#fff!important;position:sticky!important;top:0!important;left:0!important}.time-header-row{flex:1;min-width:-moz-fit-content;min-width:fit-content;display:flex}.time-header-cell{text-align:center;z-index:405;color:#4a0945;-webkit-user-select:none;user-select:none;background:#f8f9fa;border-right:1px solid #dee2e6;flex-shrink:0;justify-content:center;align-items:center;min-width:60px;height:35px;padding:0 2px;font-size:10px;font-weight:600;display:flex;position:sticky!important;top:0!important}.time-header-cell.hour-mark{background:#e9ecef;border-right:2px solid #adb5bd;font-weight:700}.content-row{min-width:-moz-fit-content;min-width:fit-content;display:flex}.maid-names-column{background:#fff;border-right:2px solid #dee2e6;flex-direction:column;flex-shrink:0;width:170px;display:flex;position:sticky;left:0}.maid-name-cell{background:#f8f9fa;border-bottom:1px solid #e9ecef;align-items:center;gap:2px;height:44px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.maid-name-cell:nth-child(2n){background:#f1f3f5}.maid-name-cell .serial-number{color:#6a0dad;min-width:28px;font-weight:700}.maid-name-cell .maid-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.maid-name-cell .holiday-badge{white-space:nowrap;background:#ffffff4d;border-radius:12px;padding:2px 6px;font-size:10px}.maid-name-cell.inactive-maid{color:#868e96;background:#e9ecef;text-decoration:line-through}.maid-name-cell.holiday-maid{background:#f8d7da;border-left:4px solid #dc3545}.timeline-column{flex-direction:column;flex:1;min-width:-moz-fit-content;min-width:fit-content;display:flex}.timeline-row{border-bottom:1px solid #e9ecef;min-width:-moz-fit-content;min-width:fit-content;height:44px;display:flex;position:relative}.timeline-row.holiday-row-full-day{background:#e9ecef;position:relative}.timeline-row.holiday-row-full-day .time-slot-cell{opacity:.4;pointer-events:none;background:#dee2e6}.timeline-row.holiday-row-full-day:after{content:attr(data-holiday-display);color:#fff;z-index:10;pointer-events:none;background:#adb5bd;justify-content:center;align-items:center;height:28px;font-size:12px;font-weight:600;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline-row.inactive-maid .time-slot-cell{opacity:.5;pointer-events:none;background:#f8f9fa}.time-slot-cell{cursor:cell;-webkit-user-select:none;user-select:none;z-index:55;background:#fff;border-bottom:1px solid #e3d6e0;border-right:1px solid #e3d6e0;flex-shrink:0;min-width:60px;height:100%;min-height:40px;transition:background-color .2s;position:relative}.time-slot-cell:hover{background:#e3f2fd!important}.time-slot-cell.hour-mark{background:#fcfcfc;border-right:2px solid #dee2e6}.time-slot-cell.drag-selected{background:#6a0dad33!important;border:1px solid #6a0dad!important}.time-slot-cell.holiday-slot{opacity:.4;cursor:not-allowed;background:#f8d7da}.booking-event{z-index:60;cursor:pointer;color:#fff;border-radius:4px;padding:4px 6px;font-size:9px;line-height:1.3;transition:all .2s;position:absolute;top:2px;bottom:2px;overflow:hidden;box-shadow:0 1px 3px #0000001f}.booking-content{flex-direction:column;justify-content:space-between;gap:2px;height:100%;display:flex;overflow:hidden}.booking-line1{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:2px;min-width:0;font-size:9px;font-weight:600;display:flex;overflow:hidden}.customer-name{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;font-weight:700;overflow:hidden}.source-name,.zone-name{opacity:.9;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.separator{opacity:.7;flex-shrink:0;margin:0 2px;font-size:8px}.booking-line2{opacity:.9;white-space:nowrap;text-overflow:ellipsis;align-items:center;min-width:0;font-size:8px;display:flex;overflow:hidden}.address-text{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.booking-line3{opacity:.85;white-space:nowrap;align-items:center;gap:2px;min-width:0;font-size:8px;display:flex;overflow:hidden}.time-text{white-space:nowrap;flex-shrink:0}.user-name{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.status-completed{color:#f5f29d;flex-shrink:0;align-items:center;font-size:14px;display:inline-flex}.booking-line2 i,.booking-line3 i{opacity:.8;flex-shrink:0;width:10px}.booking-event:hover{box-shadow:0 3px 8px var(--theme-primary)}@media (max-width:768px){.customer-name{max-width:60px}.source-name{max-width:40px}.zone-name{max-width:35px}.user-name{max-width:40px}.address-text{max-width:100px}}.half-day-label{color:#856404;z-index:15;pointer-events:none;white-space:nowrap;background:#fff3cd;border-left:3px solid #ffc107;border-right:3px solid #ffc107;justify-content:center;align-items:center;height:28px;font-size:11px;font-weight:600;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.scroll-arrow{background:var(--theme-primary-dark);color:#fff;cursor:pointer;z-index:800;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex;position:absolute;top:5px;transform:translateY(0);box-shadow:0 2px 8px #0003}.scroll-arrow:hover{background:var(--theme-primary-light);transform:translateY(-2px)scale(1.05)}.left-arrow{left:160px}.right-arrow{right:5px}@media (max-width:768px){.scroll-arrow{justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex;top:1px}}.drag-time-tooltip{letter-spacing:.3px;font-family:inherit;animation:.2s ease-out tooltipFadeIn}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.theme.compatible,.drag-time-tooltip{letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:inherit;animation:.2s ease-out tooltipFadeIn;background:var(--theme-primary)!important;background:linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-dark) 100%)!important;border:1px solid #ffffff4d!important;box-shadow:0 4px 15px #0003!important}.drag-selected{border:1px solid #f65fe480;transition:all 50ms linear;position:relative;box-shadow:inset 0 0 5px #f65fe44d;background:#6a008140!important}.scheduler-zoom-wrapper{transform-origin:0 0;border-radius:6px;width:100%;height:calc(100vh - 140px);transition:transform .3s;overflow:hidden;transform:scale(1)}.timeline-row,.maid-name-cell{z-index:10;position:relative}.scheduler-page{background:#f4f6f9;flex-direction:column;height:100vh;display:flex}.scheduler-controls{background:#fff;border-bottom:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex;position:sticky;top:0}.scheduler-container-wrapper{flex:1;min-height:0;overflow:hidden}.controls-left{align-items:center;gap:8px;display:flex}.btn-nav{cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:6px 12px;transition:all .2s}.btn-nav:hover{background:#e9ecef}.today-button-theme{background:var(--theme-button-gradient)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:6px!important;align-items:center!important;gap:4px!important;padding:4px 8px!important;font-size:12px!important;transition:all .2s!important;display:inline-flex!important}.today-button-theme:hover{transform:translateY(-1px);background:var(--theme-hover)!important}.today-button-theme:active{transform:translateY(0)}.date-picker{border:1px solid #dee2e6;border-radius:6px;padding:6px 10px;font-size:13px}.current-date{color:#6a0dad;margin:0;font-size:13px;font-weight:600}.controls-center .btn-group{gap:0;display:flex}.btn-export,.btn-print{cursor:pointer;background:#fff;border:1px solid #dee2e6;padding:6px 12px;font-size:13px;transition:all .2s}.btn-export{color:#28a745;border-radius:6px 0 0 6px}.btn-print{border-radius:0 6px 6px 0}.btn-export:hover,.btn-print:hover{background:#f8f9fa}.controls-right{align-items:center;gap:12px;display:flex}.filter-actions{gap:4px;display:flex}.btn-filter-all,.btn-filter-none{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:4px 10px;font-size:11px;transition:all .2s}.btn-filter-all:hover,.btn-filter-none:hover{background:#f8f9fa}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{cursor:pointer;z-index:15;background:#f8f9fa;border:1px solid #dee2e6;border-radius:20px;align-items:center;gap:6px;padding:4px 5px;font-size:11px;transition:all .2s;display:flex}.filter-pill.active{background:#fff;border-color:#6a0dad;box-shadow:0 1px 3px #6a0dad33}.filter-pill:hover{transform:translateY(-1px)}.filter-color{border-radius:50%;width:16px;height:16px}.filter-check{color:#28a745;font-weight:700}.scheduler-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}@media (max-width:768px){.scheduler-controls{flex-direction:column;gap:8px;padding:8px 10px}.controls-left{flex-wrap:wrap;order:1;justify-content:center;gap:8px;width:100%}.btn-nav{padding:6px 14px;font-size:13px}.today-button-theme{padding:6px 14px!important;font-size:13px!important}.date-picker{width:auto;min-width:110px;padding:6px 10px;font-size:13px}.current-date{white-space:nowrap;font-size:13px}.controls-center{display:none!important}.controls-right{z-index:11;flex-flow:wrap;order:2;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.filter-actions{flex-direction:row;gap:4px;display:flex}.btn-filter-all,.btn-filter-none{white-space:nowrap;padding:3px 8px;font-size:9px}.filter-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex;flex-direction:row!important}.filter-pill{z-index:13;border-radius:12px;gap:3px;padding:3px 6px;font-size:9px}.filter-color{width:10px;height:10px}.filter-text{font-size:9px;display:inline-block}.filter-check{font-size:9px}@media (max-width:480px){.scheduler-controls{gap:6px;padding:6px 8px}.controls-left{gap:6px}.btn-nav{padding:5px 12px;font-size:12px}.today-button-theme{padding:5px 12px!important;font-size:12px!important}.date-picker{min-width:100px;padding:5px 8px;font-size:12px}.current-date{font-size:12px}.controls-right{gap:4px}.btn-filter-all,.btn-filter-none{padding:2px 6px;font-size:8px}.filter-pills{gap:3px}.filter-pill{border-radius:14px;gap:2px;padding:2px 5px;font-size:8px}.filter-color{width:7px;height:7px}.filter-text,.filter-check{font-size:8px}}}.filter-pills,.filter-pill-container,.controls-right,.filter-actions,.scheduler-controls .controls-right,.card-body .filter-pill-container{position:relative;z-index:90!important}.maid-filter-dropdown{margin-right:8px}.maid-filter-select{cursor:pointer;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 8px center/10px no-repeat;border:1px solid #dee2e6;border-radius:15px;min-width:115px;padding:5px 20px 5px 10px;font-size:12px;font-weight:500}.maid-filter-select:hover{background-color:#faf8ff;border-color:#6a0dad}.maid-filter-select:focus{border-color:#6a0dad;outline:none;box-shadow:0 0 0 2px #6a0dad1a}@media (max-width:768px){.maid-filter-dropdown{width:100%;margin-bottom:8px;margin-right:0}.maid-filter-select{border-radius:8px;width:100%;min-width:auto;padding:8px 30px 8px 12px;font-size:13px}.controls-right{flex-wrap:wrap;gap:8px}.filter-actions{order:1}.filter-pills{order:2}}@media (max-width:480px){.maid-filter-select{padding:7px 28px 7px 10px;font-size:12px}.filter-pill{padding:3px 6px;font-size:9px}}
