:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}*{box-sizing:border-box}body{color:#1f1c1a;background:#f6f3ee;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:#1f1c1a;background:#fff;border:0;border-radius:999px;padding:.75rem 1rem;box-shadow:0 1px #ddd}main{max-width:1180px;margin:0 auto;padding:24px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#ffffffc2;border:1px solid #ebe2d6;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;top:12px}.topbar strong{font-size:1.25rem}.topbar nav{flex-wrap:wrap;gap:8px;display:flex}.hero{grid-template-columns:1fr 260px;align-items:stretch;gap:24px;margin:28px 0;display:grid}.hero>div:first-child{color:#fff;background:linear-gradient(135deg,#2f241d,#7a4a2d);border-radius:36px;min-height:310px;padding:54px}.hero h1{margin:.2em 0;font-size:clamp(2.2rem,6vw,5rem);line-height:.95}.hero p{color:#f5e9da;max-width:690px;font-size:1.15rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#f0c58d!important;font-size:.75rem!important}.heroCard{background:#fff;border:1px solid #ebe2d6;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;padding:34px;display:flex}.heroCard span{color:#a85b2b;font-size:5rem;font-weight:800}.grid,.adminGrid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.panel{background:#fff;border:1px solid #ebe2d6;border-radius:30px;padding:26px;box-shadow:0 20px 60px #442d1c14}h2{margin:0 0 20px;font-size:2rem}h3{margin:24px 0 12px}label{gap:8px;margin:0 0 16px;font-weight:700;display:grid}input,select{color:#1f1c1a;background:#fff;border:1px solid #dfd3c4;border-radius:16px;width:100%;padding:14px}input:focus,select:focus{border-color:#ba6b38;outline:3px solid #f2c99b}.slots{flex-wrap:wrap;gap:10px;display:flex}.slots button{background:#f7efe6;border:1px solid #ecdcc9}.slots button.selected,.primary{color:#fff;background:#a85b2b}.primary{width:100%;margin-top:8px;padding:16px}.message{background:#f7efe6;border-radius:16px;padding:12px}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 22px;display:grid}.stats div{color:#6f6258;background:#fff;border:1px solid #ebe2d6;border-radius:24px;padding:20px}.stats b{color:#1f1c1a;margin-top:8px;font-size:2rem;display:block}.compact{margin:14px 0}.compact div{padding:12px 16px}.compact b{font-size:1.25rem}.booking{border-bottom:1px solid #eee4d8;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px 0;display:grid}.booking div{gap:3px;display:grid}.booking span{color:#66584d}.booking small{color:#8a7b70}.booking em{color:#237238;background:#ebf7ed;border-radius:999px;padding:6px 10px;font-size:.85rem;font-style:normal}.booking em.cancelled{color:#9b3a23;background:#f8e7e2}.booking button{color:#9b3a23;background:#f8e7e2;padding:.55rem .8rem}.calendarPage{position:relative}.calendarTop{align-items:center;gap:12px;margin:22px 0 10px;display:flex}.calendarTop h2{text-transform:capitalize;color:#2466c9;margin:0 auto}.todayBtn{color:#fff;background:#2d6eea;border-radius:12px;font-weight:800}.iconBtn{box-shadow:none;font-size:1.2rem}.weekStrip{background:#fff;border:1px solid #dfe4ea;border-bottom:0;border-radius:22px 22px 0 0;grid-template-columns:repeat(7,1fr);gap:0;display:grid;overflow:hidden}.day{box-shadow:none;color:#667085;background:#fff;border-radius:0;place-items:center;gap:4px;padding:10px 4px;display:grid}.day b{color:#111827}.activeDay b{color:#fff;background:#050505;border-radius:999px;padding:9px 13px}.staffStrip{border-inline:1px solid #dfe4ea;text-align:center;background:#fff;border-top:1px solid #edf0f3;grid-template-columns:58px repeat(7,1fr);align-items:center;min-height:58px;display:grid}.avatar{color:#70401e;background:linear-gradient(135deg,#ffe3c2,#7bd3e0);border:3px solid #ffd49b;border-radius:50%;place-items:center;width:42px;height:42px;margin:auto;font-size:.8rem;font-weight:800;display:grid}.calendarGrid{background:#fff;border:1px solid #dfe4ea;grid-template-columns:58px repeat(7,minmax(96px,1fr));height:912px;display:grid;position:relative;overflow:auto}.timeCol{z-index:1;background:#fff}.timeCell{color:#344054;text-align:right;border-bottom:1px solid #d9dee5;flex-direction:column;justify-content:space-between;height:76px;padding:8px;font-size:.9rem;display:flex}.timeCell small{color:#667085}.dayCol{background:linear-gradient(#eef6fb 0 152px,#fff 152px 100%);border-left:1px solid #d9dee5;min-width:96px;position:relative}.hourLine{background:linear-gradient(#0000 0 37px,#eef0f3 38px,#0000 39px);border-bottom:1px solid #d9dee5;height:76px}.event{color:#1f2937;border-left:5px solid #00a9c7;border-radius:4px;align-content:start;gap:1px;padding:7px 8px;font-size:.78rem;display:grid;position:absolute;left:4px;right:4px;overflow:hidden;box-shadow:0 1px 2px #0000001f}.event b,.event span,.event small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fab{color:#fff;background:#2f78ed;border-radius:50%;width:64px;height:64px;font-size:2rem;position:fixed;bottom:34px;right:34px;box-shadow:0 10px 24px #2f78ed59}.below{margin-top:24px}@media (width<=820px){main{padding:8px}.topbar{flex-direction:column;align-items:flex-start;position:static}.hero,.grid,.adminGrid,.stats{grid-template-columns:1fr}.hero>div:first-child{padding:32px}.booking{grid-template-columns:1fr}.calendarTop{gap:6px}.calendarTop h2{font-size:1.2rem}.calendarGrid{grid-template-columns:58px repeat(7,96px)}.weekStrip{grid-template-columns:repeat(7,96px);overflow:auto}.staffStrip{grid-template-columns:58px repeat(7,96px);overflow:auto}.fab{bottom:18px;right:18px}}.sectionHead{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.sectionHead p{color:#76685e;margin:.2rem 0 0}.small{width:auto;margin:0;padding:12px 18px}.serviceGroups{gap:18px;display:grid}.serviceGroup{background:#fffaf5;border:1px solid #eadfd2;border-radius:24px;padding:18px}.serviceGroup h3{justify-content:space-between;align-items:center;margin:0 0 12px;display:flex}.serviceGroup h3 span{color:#89786b;font-size:.85rem;font-weight:500}.serviceRow{border-top:1px solid #eee4d8;grid-template-columns:1fr 90px 90px;align-items:center;gap:12px;padding:11px 0;display:grid}.serviceRow b,.serviceRow strong{text-align:right}.staffTable{gap:10px;display:grid}.staffTable article{border:1px solid #eee4d8;border-radius:18px;grid-template-columns:56px 1fr 120px 120px 100px;align-items:center;gap:14px;padding:12px;display:grid}.settingsGrid{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.event.pink{background:#ffd5e8}.event.sand{background:#d9c4af}.event.yellow{background:#ffe7a9}.event.green{background:#c9eed8}.event.blue{background:#bfd9fb}@media (width<=820px){.serviceRow,.staffTable article,.settingsGrid{grid-template-columns:1fr}.serviceRow b,.serviceRow strong{text-align:left}.sectionHead{display:block}.small{width:100%;margin-top:12px}}.bookingScreen{color:#151515;background:#fff;max-width:1060px;min-height:100vh;margin:0 auto;padding:28px 40px}.bookingScreen .topbar{display:none}.bookingHeader{justify-content:space-between;align-items:center;display:flex}.backBtn,.bookingActions button{box-shadow:none;background:0 0;border-radius:10px;padding:8px 2px;font-size:1.1rem}.backBtn span{margin-left:10px}.bookingActions{gap:28px;display:flex}.bookingActions button{font-size:2rem;line-height:1}.salonTitle{margin:24px 0 22px}.salonTitle h1{letter-spacing:.01em;margin:0 0 5px;font-size:1.55rem}.salonTitle p{color:#6f6f6f;margin:0}.employeeChoice{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.employeeChoice button,.employeeChoice select{text-align:left;background:#fff;border:1px solid #ddd;border-radius:7px;height:62px;padding:12px 16px;box-shadow:0 1px 5px #0000000d}.employeeChoice button{gap:4px;display:grid}.employeeChoice span,.hint{color:#8a8a8a}.selectedChoice{border-color:#6b9fbe!important;box-shadow:inset 0 0 0 1px #6b9fbe!important}.servicePicker{margin:0 0 28px;font-size:.9rem}.servicePicker select{border-radius:7px;margin-top:8px}.dateRowTitle{justify-content:space-between;align-items:center;margin:8px 0 16px;display:flex}.dateRowTitle h2{margin:0;font-size:1.2rem}.dateRowTitle button{box-shadow:none;color:#333;background:#fff;font-size:2rem}.bookingDays{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px;display:grid}.bookingDays button{background:#fff;border:1px solid #ececec;border-radius:9px;place-items:center;gap:3px;height:78px;display:grid;box-shadow:0 1px 6px #0000000a}.bookingDays span{color:#565656}.bookingDays b{font-size:1.05rem}.bookingDays .activeBookingDay span,.bookingDays .activeBookingDay b{color:#fff}.hint{margin:0 0 18px;font-size:.9rem}.timeList{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;height:600px;overflow:auto}.timeList button{width:100%;height:66px;box-shadow:none;background:#fff;border-bottom:1px solid #eee;border-radius:0;justify-content:space-between;align-items:center;padding:0 22px 0 18px;font-weight:700;display:flex}.timeList button b{color:#078164}.timeList .activeTime{color:#087cf5;background:#edf6ff;border-left:5px solid #087cf5}.customerSheet{border-top:1px solid #eee;margin-top:26px;padding-top:20px}.customerSheet h2{font-size:1.4rem}.bluePrimary{background:#087cf5!important}.bookingScreen input,.bookingScreen select{border-radius:8px}.bookingScreen .message{background:#edf6ff}@media (width<=760px){main{padding:0}.bookingScreen{padding:22px 16px}.employeeChoice{grid-template-columns:1fr}.bookingDays{grid-template-columns:repeat(4,1fr)}.timeList{height:480px}.salonTitle h1{font-size:1.25rem}}.serviceTabs{gap:14px;padding:3px 0 26px;display:flex;overflow:auto}.serviceTabs button{background:#fff;border:1px solid #e8edf2;border-radius:6px;place-items:center;gap:3px;min-width:92px;height:62px;font-size:.78rem;display:grid;box-shadow:0 8px 18px #1f2c3b14}.serviceTabs b{font-size:1.1rem}.serviceTabs .activeTab{border-color:#9cc1dc;box-shadow:inset 0 0 0 1px #9cc1dc,0 8px 18px #1f2c3b14}.serviceBrowser{grid-template-columns:190px 1fr;gap:16px;display:grid}.serviceBrowser aside{align-content:start;gap:2px;display:grid}.serviceBrowser aside button{box-shadow:none;text-align:left;color:#333;background:#fff;border-radius:5px;justify-content:space-between;gap:8px;padding:12px 10px;font-size:.82rem;display:flex}.serviceBrowser aside button small{color:#7a7a7a}.serviceBrowser aside .activeCategory{color:#111;background:#f3f5f7;border-left:3px solid #0a7bf5}.serviceSelectList{border-top:1px solid #e8e8e8}.serviceSelectList button{width:100%;min-height:58px;box-shadow:none;text-align:left;background:#fff;border-bottom:1px solid #e8e8e8;border-radius:0;justify-content:space-between;align-items:center;padding:10px 2px 10px 12px;display:flex}.serviceSelectList span{gap:3px;display:grid}.serviceSelectList small{color:#6d6d6d}.serviceSelectList strong{color:#00866b;font-size:.9rem}.chosenService{background:#f6fbff;border:1px solid #cde8ff;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin:18px 0;padding:14px 16px;display:flex}.chosenService span{font-weight:800}.chosenService b{color:#087f65}.chosenService button{box-shadow:none;color:#fff;background:#087cf5;border-radius:8px;padding:8px 12px}@media (width<=760px){.serviceBrowser{grid-template-columns:1fr}.serviceBrowser aside{grid-template-columns:1fr 1fr;max-height:220px;overflow:auto}.serviceSelectList button{padding-right:8px}.chosenService{display:grid}}.bookiliaBookingLayout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:36px;display:grid}.serviceAccordion{gap:14px;display:grid}.accordionGroup{background:#fff;border:1px solid #e8edf2;border-radius:10px;overflow:hidden}.accordionHead{width:100%;height:64px;box-shadow:none;text-align:left;background:#fff;border-radius:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.accordionHead span{align-items:center;gap:10px;display:flex}.accordionHead small{color:#727b87;font-weight:700}.accordionHead i{color:#95a0ad;font-size:1.15rem;font-style:normal}.accordionServices{border-top:1px solid #edf0f3}.accordionServices button{width:100%;min-height:74px;box-shadow:none;text-align:left;background:#fff;border-bottom:1px solid #edf0f3;border-radius:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.accordionServices button:last-child{border-bottom:0}.accordionServices button span{gap:6px;display:grid}.accordionServices button small{color:#6f7782}.accordionServices button strong{color:#0a8065}.accordionServices .pickedService{background:#f1f8ff;border-left:4px solid #087cf5}.bookingSummaryCard{background:#fff;border:1px solid #e7ecf1;border-radius:12px;padding:18px;position:sticky;top:92px;box-shadow:0 8px 24px #16223314}.salonMini{grid-template-columns:82px 1fr;align-items:center;gap:14px;display:grid}.salonPhoto{color:#784319;background:linear-gradient(135deg,#ffe6c8,#93d6df);border-radius:10px;place-items:center;height:82px;font-weight:900;display:grid}.salonMini h3{margin:0 0 6px;font-size:1rem}.salonMini p{color:#f4aa2a;margin:0 0 6px;font-weight:800}.salonMini small{color:#697386}.bookingSummaryCard hr{border:0;border-top:1px solid #edf0f3;margin:18px 0}.bookingSummaryCard>h3{margin:0 0 12px;font-size:1rem}.anyStaffSummary{background:#f7f9fb;border-radius:10px;align-items:center;gap:10px;height:52px;padding:0 14px;font-weight:800;display:flex}.summaryService{background:#f4faff;border:1px solid #d8ebff;border-radius:10px;gap:5px;margin-top:16px;padding:12px;display:grid}.summaryService small{color:#697386}.summaryService span{color:#0a8065;font-weight:800}.continueBtn{color:#fff;width:100%;height:48px;box-shadow:none;background:#087cf5;border-radius:8px;margin-top:18px;font-weight:800}.continueBtn:disabled{color:#9aa3ad;cursor:not-allowed;background:#e5e8ec}@media (width<=900px){.bookiliaBookingLayout{grid-template-columns:1fr}.bookingSummaryCard{position:static}.salonMini{grid-template-columns:64px 1fr}.salonPhoto{height:64px}}.bookingStepTitle{margin:0 auto 0 18px;font-size:1.4rem;font-weight:800}.accordionServices button{position:relative}.serviceCheck{color:#fff;background:#087cf5;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.85rem;font-style:normal;display:grid;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.accordionServices .pickedService{padding-left:48px}.summaryTotal{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;display:flex}.summaryTotal b{color:#111}.staffNameBar{color:#111;align-items:center;gap:10px;margin:10px 0 14px;font-size:1.05rem;display:flex}.bookingSummaryCard .summaryService small{color:#111;font-size:1rem;font-weight:800}.bookingSummaryCard .summaryService{background:#fff;border:0;border-top:1px solid #edf0f3;border-radius:0;margin-top:16px;padding:16px 0 0}.bookingSummaryCard .summaryService b{font-weight:600}.bookingSummaryCard .summaryService span{text-align:right;color:#111}.bookingHeader{border-bottom:1px solid #eef1f4;margin-bottom:18px;padding-bottom:14px}.bookingHeader .backBtn{color:#111;min-width:84px;font-weight:700}.bookingStepTitle{margin:0 auto;font-size:1.35rem}.serviceFirst{margin-top:10px}.serviceTabs,.bookingActions{display:none!important}.staffSelectBar{max-width:420px;margin:12px 0 18px}.staffSelectBar select{border-color:#dfe7ef;height:54px;margin-top:8px}.dateRowTitle{border-top:1px solid #eef1f4;margin-top:12px;padding-top:18px}.dateRowTitle h2{font-size:1.3rem}.bookingDays button{box-shadow:none;border-color:#dfe6ee}.bookingDays button:hover{background:#f4faff;border-color:#087cf5}.bookingDays .activeBookingDay{color:#fff!important;background:#087cf5!important;border-color:#087cf5!important}.selectedDateTitle{color:#111;margin:0 0 10px;font-size:1.05rem}.timeList{height:auto;max-height:620px}.timeList p{padding:18px}.topbar+.bookingScreen{margin-top:0}@media (width<=760px){.bookingHeader .backBtn{min-width:60px}.bookingStepTitle{text-align:center;font-size:1.15rem}.bookingDays{grid-template-columns:repeat(3,1fr)}}.selectedAdminDate{color:#344054;text-transform:capitalize;margin-left:auto}.employeeHeader{border-bottom:0;grid-template-columns:58px repeat(6,minmax(138px,1fr))}.employeeHead{text-align:left;border-left:1px solid #edf0f3;grid-template-columns:48px 1fr;align-items:center;gap:8px;padding:8px;display:grid}.employeeHead .avatar{margin:0}.employeeHead span{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:800;overflow:hidden}.employeeCalendar{grid-template-columns:58px repeat(6,minmax(138px,1fr));height:1140px}.employeeCol{background:#fff;min-width:138px}.calendarTop .selectedAdminDate{font-size:.95rem}.calendarTop .iconBtn{display:none}@media (width<=980px){.employeeHeader,.employeeCalendar{grid-template-columns:58px repeat(6,138px)}}.serviceNameWithIcon{grid-template-columns:34px 1fr;align-items:center;gap:10px;display:grid!important}.serviceNameWithIcon i,.serviceRow i{font-size:1.25rem;font-style:normal}.groupActions{gap:10px;margin:0 0 10px;display:flex}.groupActions button{box-shadow:none;color:#7a4a2d;background:#fff;border:1px solid #eadfd2;border-radius:10px;padding:9px 12px;font-weight:800}.groupActions button:last-child{background:#f7efe6}.serviceRow span{align-items:center;gap:8px;display:flex}.servicesAdminPage{box-shadow:none;background:#f8f5f1;border:0}.serviceTopActions{gap:12px;display:flex}.secondary.small{color:#6b4b35;background:#fff;border:1px solid #eadfd2;border-radius:12px;padding:10px 14px;font-weight:800}.serviceTools{grid-template-columns:1fr 210px auto;align-items:center;gap:12px;margin:18px 0;display:grid}.serviceSearchBox{margin:0;position:relative}.serviceSearchBox input{background:#fff;border:1px solid #eadfd2;border-radius:14px;height:46px;padding:0 40px 0 14px}.serviceSearchBox span{color:#8a7564;position:absolute;top:12px;right:14px}.serviceTools select{color:#4f3b2d;background:#fff;border:1px solid #eadfd2;border-radius:14px;height:46px;padding:0 12px;font-weight:700}.viewToggle{gap:8px;display:flex}.viewToggle button{background:#fff;border:1px solid #eadfd2;border-radius:12px;width:42px;height:42px}.serviceAdminTabs{gap:12px;margin-bottom:20px;display:flex;overflow:auto}.serviceAdminTabs button{color:#6b5a4d;white-space:nowrap;background:#fff;border:0;border-radius:16px;align-items:center;gap:8px;padding:12px 16px;font-weight:900;display:flex;box-shadow:0 8px 22px #6f4f2e12}.serviceAdminTabs .activeServiceTab{color:#fff;background:#9b6b43}.bookiliaServiceGroups{gap:18px;display:grid}.bookiliaServiceGroup{background:#fff;border:1px solid #efe6dc;border-radius:22px;padding:0;overflow:hidden;box-shadow:0 10px 30px #6f4f2e12}.categoryHeader{border-bottom:1px solid #f0e7df;grid-template-columns:48px 1fr auto auto;align-items:center;gap:14px;padding:18px;display:grid}.categoryIcon{background:#f4ebe2;border-radius:14px;place-items:center;width:46px;height:46px;font-size:1.35rem;display:grid}.categoryTitle h3{color:#2b211b;margin:0;font-size:1.05rem}.categoryTitle h3 small{color:#a27a58;font-size:.85rem}.categoryTitle p{color:#8a7564;margin:5px 0 0}.categoryEditActions,.categoryRightActions,.serviceActions{gap:8px;display:flex}.categoryEditActions button,.categoryRightActions button,.serviceActions button{color:#7a4a2d;background:#fff;border:1px solid #eee2d8;border-radius:10px;min-height:36px;padding:0 10px;font-weight:800}.categoryRightActions .addServiceBtn{color:#fff;background:#9b6b43;border-color:#9b6b43}.categoryRightActions .editServicesBtn{background:#f7efe6}.moreBtn{width:36px}.serviceListRows{display:grid}.bookiliaServiceRow{background:#fff;border-top:1px solid #f6eee8;grid-template-columns:28px 1fr auto auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.bookiliaServiceRow:first-child{border-top:0}.serviceDrag{color:#c7b7aa;font-weight:900}.serviceMain{align-items:center;gap:12px;display:flex}.serviceEmoji{background:#f8f2ed;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.serviceMain b{color:#2b211b;font-weight:800}.hiddenBadge{color:#9b6b43;background:#f4e5d7;border-radius:999px;margin-left:10px;padding:3px 8px;font-size:.78rem;font-style:normal;font-weight:800}.serviceMeta{color:#6b5a4d;justify-content:flex-end;gap:18px;min-width:150px;display:flex}.serviceMeta strong{color:#2b211b}.servicesAdminPage .serviceGroup h3{border:0;padding:0}.servicesAdminPage .serviceRow{border-radius:0}@media (width<=900px){.serviceTools{grid-template-columns:1fr}.categoryHeader{grid-template-columns:48px 1fr}.categoryEditActions,.categoryRightActions{grid-column:1/-1}.bookiliaServiceRow{grid-template-columns:24px 1fr}.serviceMeta,.serviceActions{grid-column:2}.serviceMeta{justify-content:flex-start}}.staffAdminPage{box-shadow:none;background:#f8f5f1;border:0}.staffTabs{background:#fff;border-radius:16px;gap:8px;width:max-content;margin:12px 0 18px;padding:6px;display:flex;box-shadow:0 8px 24px #6f4f2e12}.staffTabs button{color:#756454;background:0 0;border:0;border-radius:12px;padding:11px 18px;font-weight:900}.staffTabs .activeStaffTab{color:#fff;background:#9b6b43}.staffStats{grid-template-columns:repeat(4,1fr)}.staffTools{grid-template-columns:1fr 150px auto auto auto auto;align-items:center;gap:10px;margin:18px 0;display:grid}.staffSearchBox{margin:0;position:relative}.staffSearchBox input{background:#fff;border:1px solid #eadfd2;border-radius:14px;height:46px;padding:0 14px 0 40px}.staffSearchBox span{color:#9b806b;position:absolute;top:12px;left:14px}.staffTools select{color:#594432;background:#fff;border:1px solid #eadfd2;border-radius:14px;height:46px;padding:0 12px;font-weight:800}.staffBookiliaTable{background:#fff;border:1px solid #efe6dc;border-radius:20px;overflow:auto;box-shadow:0 10px 30px #6f4f2e12}.staffBookiliaTable table{border-collapse:collapse;width:100%;min-width:980px}.staffBookiliaTable th{color:#7c6756;text-align:left;text-transform:none;background:#fbf7f3;border-bottom:1px solid #f0e7df;padding:14px 16px;font-size:.78rem}.staffBookiliaTable td{color:#3a2c23;border-bottom:1px solid #f5eee8;padding:14px 16px}.staffIdentity{align-items:center;gap:12px;display:flex}.staffIdentity .avatar{width:42px;height:42px;margin:0}.staffIdentity small{color:#8a7564;margin-top:2px;display:block}.ratingCell{color:#6c5848;align-items:center;gap:5px;display:inline-flex}.workingBadge{color:#198754;background:#eaf8ef;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:900}.staffActions{gap:6px;display:flex}.staffActions button{background:#fff;border:1px solid #eee2d8;border-radius:10px;width:32px;height:32px}.tableFooter{color:#8a7564;margin:0;padding:14px 16px;font-weight:700}.staffEmptyState{background:#fff;border:1px solid #efe6dc;border-radius:20px;padding:28px;box-shadow:0 10px 30px #6f4f2e12}.staffEmptyState h3{margin-top:0}@media (width<=1050px){.staffTools{grid-template-columns:1fr 150px}.staffStats{grid-template-columns:repeat(2,1fr)}}.modalBackdrop{z-index:1000;background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.serviceEditModal{color:#161616;background:#fff;border-radius:10px;width:min(920px,96vw);padding:26px;position:relative;box-shadow:0 30px 80px #0008}.serviceEditModal h2{margin:0 0 20px;font-size:1.25rem}.modalClose{cursor:pointer;background:#fff;border:0;font-size:24px;position:absolute;top:16px;right:18px}.modalGrid.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.serviceEditModal label{color:#222;font-size:.92rem;font-weight:800}.serviceEditModal input,.serviceEditModal select,.serviceEditModal textarea{width:100%;font:inherit;background:#fff;border:1px solid #e1e5ea;border-radius:6px;margin-top:8px;padding:12px}.serviceEditModal textarea{resize:vertical;min-height:86px}.fullLabel{margin-top:18px;display:block}.linkBtn{color:#2d74b8;background:0 0;border:0;margin-left:12px;font-weight:700;text-decoration:underline}.staffChips{border:1px solid #dce3ea;border-radius:6px;flex-wrap:wrap;gap:8px;margin-top:8px;padding:8px;display:flex}.staffChips span{color:#3270a6;background:#eaf3ff;border-radius:8px;padding:6px 10px;font-size:.85rem;font-weight:700}.serviceEditModal h3{margin:22px 0 12px}.serviceInfoGrid{grid-template-columns:130px 130px 60px 1fr 130px;align-items:end;gap:12px;display:grid}.checkLabel{flex-direction:column;display:flex!important}.checkLabel input{width:auto;margin:18px auto 12px}.childServiceBtn{background:#fff;border:1px solid #e4e4e4;border-radius:6px;margin-top:12px;padding:10px 14px;font-weight:800}.modalFooter{grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;display:grid}.modalFooter button{background:#fff;border:1px solid #e5e5e5;border-radius:7px;height:44px;font-weight:900}.modalFooter .savePurple{color:#fff;background:linear-gradient(90deg,#8b2be8,#b42df1);border:0}@media (width<=760px){.modalGrid.two,.serviceInfoGrid,.modalFooter{grid-template-columns:1fr}.serviceEditModal{max-height:92vh;padding:20px;overflow:auto}}.staffEditModal{color:#161616;background:#fff;border-radius:12px;width:min(880px,96vw);max-height:94vh;padding:26px;position:relative;overflow:auto;box-shadow:0 30px 80px #0008}.staffEditModal h2{margin:0 0 4px;font-size:1.35rem}.modalSubtitle{color:#6b7280;margin:0 0 18px}.modalTabs{background:#f3f4f6;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;padding:6px;display:grid}.modalTabs button{box-shadow:none;color:#4b5563;background:0 0;border-radius:8px;padding:10px 12px;font-weight:800}.modalTabs .activeModalTab{color:#111827;background:#fff;box-shadow:0 1px 4px #0001}.staffModalBody{grid-template-columns:180px 1fr;align-items:start;gap:22px;display:grid}.avatarPanel{text-align:center;border:1px solid #e5e7eb;border-radius:12px;justify-items:center;gap:10px;padding:18px;display:grid}.avatarPanel p{color:#6b7280;margin:0;font-size:.82rem}.avatarPreview{color:#70401e;background:linear-gradient(135deg,#fce7c8,#93d6df);border:3px solid #ffd49b;border-radius:50%;place-items:center;width:86px;height:86px;font-size:1.7rem;font-weight:900;display:grid}.staffFormGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.staffFormGrid label{color:#202124;margin:0;font-size:.9rem}.staffFormGrid input,.staffFormGrid select,.staffFormGrid textarea{background:#fff;border:1px solid #dbe1e8;border-radius:7px;margin-top:7px;padding:11px 12px}.staffFormGrid textarea{resize:vertical;min-height:82px}.spanTwo{grid-column:1/-1}.switchLine{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex!important}.switchLine span{color:#4b5563;align-items:center;gap:8px;font-weight:700;display:flex}.switchLine input{width:auto;margin:0}.passwordLine{grid-column:1/-1}.passwordLine div{grid-template-columns:1fr 46px;gap:8px;display:grid}.passwordLine button{box-shadow:none;background:#fff;border:1px solid #dbe1e8;border-radius:8px}.saveBlue{color:#fff!important;background:#2563eb!important;border:0!important}.certHint{color:#6b7280;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin:0;padding:12px}@media (width<=760px){.modalTabs,.staffModalBody,.staffFormGrid{grid-template-columns:1fr}.staffEditModal{padding:20px}.spanTwo,.passwordLine{grid-column:auto}}.quickBookiliaModal{color:#161616;background:#fff;border-radius:12px;width:min(520px,94vw);padding:26px;position:relative;box-shadow:0 30px 80px #0008}.quickBookiliaModal h2{margin:0 0 4px;font-size:1.3rem}.quickBookiliaModal label{margin-top:18px}.quickBookiliaModal input{background:#fff;border:1px solid #dbe1e8;border-radius:7px;margin-top:8px;padding:12px}.profileCard{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:92px 1fr;align-items:center;gap:18px;margin-top:18px;padding:18px;display:grid}.profileCard .avatarPreview{width:72px;height:72px;font-size:1.35rem}.profileCard pre{white-space:pre-wrap;font:inherit;color:#374151;margin:0;line-height:1.65}.employeeHeader,.employeeCalendar{width:100%}.employeeCol,.employeeHead{min-width:0}@media (width<=980px){.employeeHeader,.employeeCalendar{grid-template-columns:inherit}}.hiddenServiceRow{opacity:.58;filter:grayscale();background:#f3f4f6!important}.hiddenServiceRow .serviceEmoji{background:#e5e7eb}.hiddenServiceRow b,.hiddenServiceRow .serviceMeta,.hiddenServiceRow strong{color:#8a8f98!important}.hiddenServiceRow .hiddenBadge{opacity:1;filter:none;color:#6b7280;background:#e5e7eb}.hiddenServiceRow .serviceActions{opacity:1;filter:none}.hiddenServiceRow .serviceActions button{color:#7a4a2d;background:#fff}.bookiliaModule{box-shadow:none;background:#f8f5f1;border:0}.moduleTools{grid-template-columns:1fr 190px auto;gap:12px;margin:18px 0;display:grid}.moduleTools input,.moduleTools select{background:#fff;border:1px solid #eadfd2;border-radius:14px;height:46px}.moduleTools button,.dashboardCards button,.moduleTable button{color:#6b4b35;background:#fff;border:1px solid #eadfd2;border-radius:12px;font-weight:800}.moduleTable{background:#fff;border:1px solid #efe6dc;border-radius:20px;overflow:auto;box-shadow:0 10px 30px #6f4f2e12}.moduleTable table{border-collapse:collapse;width:100%;min-width:720px}.moduleTable th{color:#7c6756;text-align:left;background:#fbf7f3;border-bottom:1px solid #f0e7df;padding:14px 16px}.moduleTable td{border-bottom:1px solid #f5eee8;padding:14px 16px}.dashboardCards{grid-template-columns:1fr 1fr;gap:18px;display:grid}.dashboardCards article,.emptyBookilia{background:#fff;border:1px solid #efe6dc;border-radius:20px;padding:22px;box-shadow:0 10px 30px #6f4f2e12}.dashboardCards article{align-content:start;gap:10px;display:grid}.emptyBookilia{color:#7c6756}@media (width<=820px){.moduleTools,.dashboardCards{grid-template-columns:1fr}}.actionCluster{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.actionCluster button,.actionCluster select{color:#6b4b35;background:#fff;border:1px solid #eadfd2;border-radius:12px;height:42px;padding:0 14px;font-weight:800}.stats.compact div span{color:#9a8b7e;margin-top:4px;font-size:.76rem;display:block}.customerTools{grid-template-columns:1fr 110px 190px}.checkLine{color:#6f6257;background:#fff;border:1px solid #eadfd2;border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.tableTitle{color:#6f6257;justify-content:space-between;gap:14px;margin:14px 0 10px;display:flex}.tableTitle span{color:#9a8b7e;font-size:.85rem}.rowActions{gap:8px;display:flex}.rowActions button{width:34px;height:34px;padding:0}.dashboardGrid,.chartGrid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.dashboardGrid article,.chartGrid article,.settingsCard{background:#fff;border:1px solid #efe6dc;border-radius:20px;padding:22px;box-shadow:0 10px 30px #6f4f2e12}.dashboardGrid article{align-content:start;gap:9px;display:grid}.dashboardGrid button{color:#6b4b35;background:#fff;border:1px solid #eadfd2;border-radius:12px;padding:12px;font-weight:800}.mutedLine{color:#8b7d70}.tabPills{background:#eee3d8;border-radius:14px;flex-wrap:wrap;gap:8px;margin:16px 0;padding:5px;display:flex}.tabPills button{color:#6b4b35;background:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:900}.fakeChart{background:linear-gradient(#fff,#fbf8f4);border-bottom:1px solid #eadfd2;border-left:1px solid #eadfd2;align-items:flex-end;gap:12%;height:220px;padding:0 8%;display:flex}.fakeChart span{background:#c07b45;border-radius:8px 8px 0 0;width:28px;display:block}.fakeChart span:first-child{height:25%}.fakeChart span:nth-child(2){height:48%}.fakeChart span:nth-child(3){height:35%}.fakeChart span:nth-child(4){height:70%}.fakeChart span:nth-child(5){height:56%}.fakeChart.appointments span{background:#8f6b4c}.logoRow{align-items:center;gap:16px;margin:14px 0 20px;display:flex}.logoBox{color:#8f6b4c;background:#f4ede6;border:1px dashed #cdbba9;border-radius:20px;place-items:center;width:84px;height:84px;font-size:28px;display:grid}.settingsCard input,.settingsCard textarea{background:#fff;border:1px solid #eadfd2;border-radius:12px;width:100%;padding:12px}.settingsCard input:disabled{color:#84786d;background:#f3f0ed}.wideLabel{gap:8px;margin:14px 0;display:grid}.wideLabel textarea{min-height:120px}.amenityGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.amenityGrid label{background:#fbf7f3;border:1px solid #efe6dc;border-radius:14px;gap:8px;padding:12px;display:grid}.amenityGrid span{align-items:center;gap:8px;display:flex}@media (width<=820px){.actionCluster,.tableTitle{grid-template-columns:1fr;display:grid}.customerTools,.dashboardGrid,.chartGrid,.amenityGrid{grid-template-columns:1fr}}.reviewsTop{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}.reviewsTop article,.reviewList article{background:#fff;border:1px solid #efe6dc;border-radius:20px;padding:20px;box-shadow:0 10px 30px #6f4f2e12}.reviewsTop article p{justify-content:space-between;margin:8px 0;display:flex}.reviewsTop strong{color:#2b221b;font-size:30px}.stars{color:#f5a623;letter-spacing:2px}.reviewList{gap:14px;margin-top:18px;display:grid}.reviewList article>div{justify-content:space-between;gap:12px;display:flex}.reviewList span,.staffMini{color:#8d7b6c}.reviewList button{color:#6b4b35;background:#fff;border:1px solid #eadfd2;border-radius:12px;padding:10px 14px;font-weight:800}@media (width<=820px){.reviewsTop{grid-template-columns:1fr}.reviewList article>div{display:grid}}@media (width>=980px){main:has(.topbar){background:#f8f5f1;max-width:none;min-height:100vh;margin:0;padding:24px 28px 28px 276px}.topbar{z-index:20;background:#fff;border:1px solid #efe6dc;border-radius:22px;flex-direction:column;justify-content:flex-start;align-items:stretch;width:230px;padding:18px;display:flex;position:fixed;top:18px;bottom:18px;left:18px;box-shadow:0 20px 60px #442d1c14}.topbar strong{color:#2b211b;border-bottom:1px solid #f0e7df;margin:2px 0 18px;padding-bottom:16px;font-size:1.05rem}.topbar nav{gap:7px;display:grid}.topbar nav button{text-align:left;width:100%;box-shadow:none;color:#5f4a3a;background:#fff;border-radius:12px;justify-content:flex-start;padding:11px 12px;font-weight:800}.topbar nav button:hover{background:#f8f1ea}.topbar nav .navActive{color:#fff;background:#9b6b43}.topbar nav button:last-child,.topbar nav button:nth-last-child(2){background:#f8f5f1;margin-top:8px}.topbar nav .navActive:last-child,.topbar nav .navActive:nth-last-child(2){color:#fff;background:#9b6b43}.panel,.bookiliaModule,.servicesAdminPage,.staffAdminPage{max-width:1420px;margin:0 auto}.sectionHead h2{font-size:2.15rem}.sectionHead{padding-top:4px}}@media (width<=979px){.topbar nav .navActive{color:#fff;background:#9b6b43}}:root{--bk-brown:#9b6b43;--bk-brown-dark:#7a5437;--bk-border:#eadfd2;--bk-bg:#fff;--bk-soft:#f8f5f1;--bk-text:#4f3b2d;--bk-muted:#7c6756;--bk-blue:#2563eb;--bk-red:#dc2626}.topbar button,.sectionHead button,.serviceTopActions button,.serviceTools button,.serviceAdminTabs button,.categoryEditActions button,.categoryRightActions button,.serviceActions button,.staffTabs button,.staffTools button,.staffActions button,.actionCluster button,.moduleTools button,.rowActions button,.dashboardGrid button,.tabPills button,.reviewList button,.modalFooter button,.quickBookiliaModal button,.serviceEditModal button,.staffEditModal button{justify-content:center;align-items:center;gap:8px;min-height:36px;font-size:14px;transition:background .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex;box-shadow:none!important;border-radius:8px!important;font-weight:600!important;line-height:1!important}.sectionHead button,.serviceTopActions button,.actionCluster button,.moduleTools button,.dashboardGrid button,.reviewList button{border:1px solid var(--bk-border)!important;color:var(--bk-text)!important;background:#fff!important;padding:0 14px!important}.sectionHead .primary,.serviceTopActions .primary,.actionCluster .primary,.staffAdminPage .sectionHead .primary,.servicesAdminPage .sectionHead .primary{background:var(--bk-brown)!important;border-color:var(--bk-brown)!important;color:#fff!important;width:auto!important;height:40px!important;margin:0!important;padding:0 16px!important}.sectionHead .primary:hover,.serviceTopActions .primary:hover,.actionCluster .primary:hover{background:var(--bk-brown-dark)!important}.secondary.small,.serviceTopActions .secondary{height:40px!important;color:var(--bk-text)!important;border:1px solid var(--bk-border)!important;background:#fff!important}.serviceTools .viewToggle button,.staffTools .viewToggle button{border:1px solid var(--bk-border)!important;width:38px!important;height:38px!important;color:var(--bk-muted)!important;background:#fff!important;padding:0!important}.serviceAdminTabs button{border:1px solid var(--bk-border)!important;height:42px!important;color:var(--bk-text)!important;background:#fff!important;border-radius:10px!important;padding:0 14px!important}.serviceAdminTabs .activeServiceTab{background:var(--bk-brown)!important;color:#fff!important;border-color:var(--bk-brown)!important}.serviceAdminTabs button span{font-size:15px}.staffTabs{box-shadow:none!important;background:#eee3d8!important;border:0!important}.staffTabs button{height:34px!important;color:var(--bk-text)!important;background:0 0!important;border:0!important;padding:0 14px!important}.staffTabs .activeStaffTab{color:#111!important;background:#fff!important;box-shadow:0 1px 3px #0001!important}.categoryEditActions button,.serviceActions button,.staffActions button,.rowActions button{position:relative;color:#6b4b35!important;background:#fff!important;border:1px solid #eee2d8!important;border-radius:8px!important;width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;font-size:0!important}.categoryEditActions button:first-letter,.serviceActions button:first-letter,.staffActions button:first-letter,.rowActions button:first-letter{font-size:14px}.categoryEditActions button,.serviceActions button,.staffActions button,.rowActions button{font-size:14px!important}.categoryRightActions .addServiceBtn{background:var(--bk-brown)!important;color:#fff!important;border-color:var(--bk-brown)!important;height:36px!important;padding:0 12px!important}.categoryRightActions .editServicesBtn,.categoryRightActions .moreBtn{height:36px!important;color:var(--bk-text)!important;border-color:var(--bk-border)!important;background:#fff!important;padding:0 12px!important}.categoryRightActions .moreBtn{width:36px!important;padding:0!important}.modalFooter .savePurple,.saveBlue{background:var(--bk-blue)!important;color:#fff!important;border-color:var(--bk-blue)!important}.modalFooter button:first-child{color:#111!important;background:#fff!important;border:1px solid #e5e7eb!important}.modalClose{color:#6b7280!important;background:0 0!important;border:0!important;width:34px!important;height:34px!important;padding:0!important}.quickBookiliaModal .primary,.staffEditModal .primary,.serviceEditModal .primary{background:var(--bk-blue)!important;color:#fff!important;border-color:var(--bk-blue)!important}.quickBookiliaModal button:not(.modalClose),.staffEditModal button:not(.modalClose),.serviceEditModal button:not(.modalClose){border-radius:7px!important}button:hover{filter:brightness(.985)}button:active{transform:translateY(1px)}.adminCalendarLayout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:22px;display:grid}.calendarWorkArea{min-width:0}.miniCalendarPanel{background:#fff;border:1px solid #ebe2d6;border-radius:18px;position:sticky;top:92px;overflow:hidden;box-shadow:0 12px 36px #442d1c12}.miniCalendarPanel h3{margin:0;padding:18px 20px 10px;font-size:1rem;font-weight:800}.miniCalendarHead{grid-template-columns:38px 1fr 38px;align-items:center;padding:2px 14px 14px;display:grid}.miniCalendarHead strong{text-align:center;text-transform:capitalize;font-size:.95rem}.miniCalendarHead button{width:34px;height:34px;box-shadow:none;background:#fff;border:1px solid #0000;border-radius:10px;padding:0;font-size:20px}.miniCalendarHead button:hover{background:#fbf7f3;border-color:#eadfd2}.miniWeekdays,.miniCalendarGrid{grid-template-columns:repeat(7,1fr);padding:0 18px;display:grid}.miniWeekdays span{text-align:center;color:#6f6257;padding:8px 0;font-size:.78rem;font-weight:800}.miniCalendarGrid{gap:4px;padding-bottom:20px}.miniDay{height:31px;box-shadow:none;color:#27211c;background:#fff;border-radius:10px;padding:0;font-weight:700;position:relative}.miniDay.outside{color:#c2b7ad}.miniDay.selected{color:#fff;background:#9b3fe8;box-shadow:0 8px 18px #9b3fe847}.miniDay.hasBookings:not(.selected):after{content:"";background:#9b3fe8;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}@media (width<=980px){.adminCalendarLayout{grid-template-columns:1fr}.miniCalendarPanel{position:static}.calendarWorkArea{overflow:auto}}.freeSlotHotspot{height:38px;box-shadow:none;z-index:1;color:#0000;text-align:left;background:0 0;border-radius:0;padding:0;position:absolute;left:0;right:0}.freeSlotHotspot span{color:#2466c9;background:#eef6ff;border:1px dashed #9cc3ff;border-radius:8px;margin:4px 6px;padding:5px 8px;font-size:.72rem;font-weight:800;display:none}.freeSlotHotspot:hover span{display:inline-block}.freeSlotHotspot:disabled{pointer-events:none}.event{z-index:2}.manualBookingModal label{font-weight:800}.manualBookingModal input,.manualBookingModal select{margin-top:8px}.manualBookingModal .message{margin-top:12px}.bookingInfoModal{background:#fff;border-radius:4px;width:min(720px,94vw);position:relative;overflow:hidden;box-shadow:0 24px 80px #00000038}.bookingInfoModal h2{border-bottom:1px solid #e8edf3;margin:0;padding:14px 18px;font-size:1.05rem}.bookingInfoModal h2 span{color:#8a94a3;margin:0 6px}.bookingInfoFields{color:#7a8492;grid-template-columns:1fr 1fr;display:grid}.bookingInfoFields div{border-bottom:1px solid #edf1f5;min-height:44px;padding:13px 14px}.bookingInfoFields b{color:#1f2937}.bookingInfoFields i{float:right;color:#2d6eea;font-style:normal}.bookingInfoFields .spanTwo{grid-column:1/-1}.bookingInfoCard{background:#f8fafc;border-left:5px solid #22b7df;gap:8px;margin:18px 8px 14px;padding:18px 20px;display:grid;position:relative}.bookingInfoCard h3{margin:10px 0 0;font-size:1.02rem}.paidBadge{color:#a65a19;background:#fdebd2;border-radius:999px;justify-self:start;padding:6px 14px;font-size:.86rem;font-weight:900}.cardMore{box-shadow:none;color:#667085;background:0 0;padding:4px;position:absolute;top:18px;right:14px}.infoLine{color:#596575;margin:0}.blueText b{color:#1768d6}.priceLine b{color:#8a3a1e}.bookingInfoCard small{color:#5f6b7a}.addNextService{color:#2d6eea;box-shadow:none;background:#fff;margin:0 12px 12px;font-weight:800}.dangerBtn{color:#9b3a23!important;background:#f8e7e2!important}.bookingActionMenu{z-index:5;background:#fff;border:1px solid #eef1f5;border-radius:6px;width:190px;padding:10px 0;position:absolute;top:48px;right:14px;box-shadow:0 12px 28px #10182829}.bookingActionMenu button{text-align:left;width:100%;box-shadow:none;color:#344054;background:#fff;border-radius:0;padding:10px 18px;font-weight:500;display:block}.bookingActionMenu button:hover{color:#1768d6;background:#f6f8fb}.cancelBookingModal{background:#fff;border-radius:16px;width:min(520px,92vw);overflow:hidden;box-shadow:0 24px 80px #00000047}.cancelBookingModal h2{color:#d92d20;border-bottom:1px solid #eef1f5;margin:0;padding:24px 26px 18px;font-size:1.45rem}.cancelBookingModal h2 span{font-weight:900}.cancelWarning{color:#7a4a12;background:#fffbea;border:1px solid #f2df8a;border-radius:10px;gap:10px;margin:26px;padding:18px 20px;display:grid}.cancelWarning strong{font-size:1rem}.cancelWarning small{color:#9a6a22}.cancelTypeGroup{gap:14px;padding:0 26px 20px;display:grid}.cancelTypeGroup>b{font-size:1.05rem}.cancelTypeGroup label{align-items:center;gap:12px;font-size:1rem;display:flex}.cancelTypeGroup input{accent-color:#2563eb;width:22px;height:22px}.cancelConfirmFooter{border-top:1px solid #eef1f5;justify-content:flex-end;gap:14px;padding:22px 26px;display:flex}.cancelConfirmFooter button{color:#1f2937;background:#fff;border:1px solid #d0d5dd;min-width:120px}.cancelConfirmFooter .confirmCancelBtn{color:#fff;background:#e12d2d;border-color:#e12d2d}.leaveSystem{gap:22px;max-width:780px;margin:24px auto 0;display:grid}.leaveCard{background:#fff;border:1px solid #e6e8ec;border-radius:18px;overflow:hidden;box-shadow:0 8px 26px #1018281f}.leaveCard header{align-items:center;gap:12px;padding:22px 28px 12px;display:flex}.leavePersonIcon{color:#111827;font-size:28px}.leaveCard h3{margin:0;font-size:1.2rem;font-weight:700}.leaveCreateBtn{color:#fff;width:calc(100% - 56px);box-shadow:none;background:#3b82f6;border-radius:10px;margin:4px 28px 24px;padding:13px 18px;font-size:1.08rem;display:block}.leaveStats{border-top:1px solid #edf0f4;grid-template-columns:repeat(3,1fr);gap:22px;padding:22px;display:grid}.leaveStats div{text-align:center;border-radius:14px;place-items:center;min-height:112px;display:grid}.leaveStats b{font-size:2rem}.leaveStats span{font-weight:700}.leaveStats .approved{color:#00796b;background:#dff8eb}.leaveStats .pending{color:#994b00;background:#fff4c7}.leaveStats .rejected{color:#a30d22;background:#fde5e7}.leaveEmpty{color:#8a929c;place-items:center;padding:26px 20px 36px;display:grid}.leaveEmpty strong{border:3px solid #a3aab3;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.leaveEmpty p{font-size:1.05rem}@media (width<=640px){.leaveSystem{margin:18px 0}.leaveStats{gap:12px;padding:16px}.leaveCard header{padding:20px 22px 10px}.leaveCreateBtn{width:calc(100% - 44px);margin:4px 22px 20px}}html,body,#root{max-width:100%;overflow-x:hidden}img,svg,video,canvas,button,input,select,textarea{max-width:100%}.panel,.bookiliaModule,.servicesAdminPage,.staffAdminPage{min-width:0}.moduleTable,.staffBookiliaTable,.calendarGrid,.employeeCalendar,.serviceAdminTabs,.staffTabs{-webkit-overflow-scrolling:touch}.sectionHead h2{overflow-wrap:anywhere}.sectionHead,.actionCluster,.serviceTopActions{min-width:0}.actionCluster button,.serviceTopActions button,.categoryRightActions button{white-space:normal}@media (width<=979px){main:has(.topbar){background:#f8f5f1;padding:10px}.topbar{border-radius:16px;margin-bottom:12px;padding:12px}.topbar strong{border-bottom:1px solid #f0e7df;width:100%;padding-bottom:10px}.topbar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.topbar nav button{white-space:normal;text-align:center;width:100%;min-width:0;padding:10px 8px}.panel,.bookiliaModule,.servicesAdminPage,.staffAdminPage{border-radius:18px;padding:14px}.sectionHead{grid-template-columns:1fr;gap:12px;display:grid!important}.sectionHead h2{margin-bottom:6px;font-size:1.45rem}.stats,.staffStats{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats div{padding:12px}.stats b{font-size:1.25rem}.serviceTopActions,.actionCluster{grid-template-columns:1fr;justify-content:stretch;display:grid}.serviceTopActions button,.actionCluster button,.actionCluster select{width:100%;height:auto;min-height:42px}.serviceTools,.staffTools,.moduleTools,.customerTools{grid-template-columns:1fr!important}.viewToggle{display:none}.staffTabs{width:100%;display:flex;overflow:auto}.staffTabs button{white-space:nowrap;flex:none}.serviceAdminTabs{padding-bottom:6px}.categoryHeader{padding:14px;grid-template-columns:42px minmax(0,1fr)!important}.categoryIcon{width:40px;height:40px}.categoryTitle h3{font-size:.98rem;display:block}.categoryEditActions,.categoryRightActions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.categoryRightActions .moreBtn{width:100%}.bookiliaServiceRow{padding:12px 14px;grid-template-columns:24px minmax(0,1fr)!important}.serviceMain{min-width:0}.serviceMain b{white-space:normal;overflow-wrap:anywhere;display:block}.serviceMeta,.serviceActions{grid-column:1/-1!important;justify-content:flex-start!important}.serviceActions{flex-wrap:wrap}.moduleTable table{min-width:640px}.staffBookiliaTable table{min-width:820px}.dashboardGrid,.chartGrid,.reviewsTop,.settingsGrid,.amenityGrid{grid-template-columns:1fr!important}.tableTitle{display:grid!important}.booking{grid-template-columns:1fr!important}.bookingInfoModal,.quickBookiliaModal,.staffEditModal,.serviceEditModal,.cancelBookingModal{max-height:92vh;overflow:auto;width:calc(100vw - 20px)!important}.modalBackdrop{align-items:start;padding:10px}.bookingInfoFields{grid-template-columns:1fr}.bookingInfoCard{margin:12px 8px;padding:16px 14px}.bookingActionMenu{width:min(210px,100vw - 36px);right:8px}.cancelConfirmFooter,.modalFooter{grid-template-columns:1fr!important;display:grid!important}.cancelConfirmFooter button,.modalFooter button{width:100%}.cancelWarning{margin:16px;padding:14px}.cancelBookingModal h2{padding:20px 18px 14px;font-size:1.25rem}.cancelTypeGroup{padding:0 18px 16px}.leaveSystem{max-width:none}.leaveStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px}.leaveStats div{min-height:86px}.leaveStats b{font-size:1.5rem}.leaveStats span{font-size:.85rem}.leaveCard h3{overflow-wrap:anywhere;font-size:1rem}}@media (width<=520px){.topbar nav{grid-template-columns:1fr}.stats,.staffStats{grid-template-columns:1fr!important}.bookingScreen{padding:18px 10px}.bookiliaBookingLayout{gap:16px}.accordionHead{height:auto;min-height:58px;padding:12px 14px}.accordionServices button{grid-template-columns:1fr auto;gap:10px;padding:12px 14px;display:grid}.bookingDays{grid-template-columns:repeat(2,1fr)!important}.chosenService{padding:12px}.salonMini{grid-template-columns:54px 1fr}.salonPhoto{height:54px}.calendarTop{grid-template-columns:auto auto auto;align-items:center;display:grid}.calendarTop h2{text-align:center;grid-area:2/1/auto/-1}.selectedAdminDate{text-align:center;grid-column:1/-1;margin:0!important}.weekStrip{grid-template-columns:repeat(7,72px)}.employeeHeader,.employeeCalendar{grid-template-columns:52px repeat(6,126px)!important}.timeCell{padding:8px 4px;font-size:.78rem}.miniCalendarPanel{border-radius:14px}.leaveStats{grid-template-columns:1fr}.leaveStats div{min-height:72px}.reviewList article,.dashboardGrid article,.chartGrid article,.settingsCard{padding:16px}.fakeChart{height:160px}.logoRow{align-items:flex-start}.modalTabs{display:flex;overflow:auto}.modalTabs button{flex:none}.staffModalBody,.staffFormGrid,.serviceInfoGrid,.modalGrid.two{grid-template-columns:1fr!important}.serviceEditModal,.staffEditModal{padding:16px}.quickBookiliaModal{padding:18px!important}}.mobileBookiliaTop{display:none}.mobileDrawerBackdrop,.staffBottomSheetBackdrop{z-index:1200;background:#0000008c;position:fixed;inset:0}.mobileDrawer{background:#fff;align-content:start;width:min(386px,78vw);height:100%;display:grid;box-shadow:12px 0 40px #0003}.mobileDrawer header,.mobileBookiliaTop{align-items:center}.mobileDrawer header{border-bottom:1px solid #eef1f5;justify-content:space-between;padding:28px 30px;display:flex}.mobileDrawer header strong{color:#206dd8;font-size:1.55rem}.mobileDrawer header button{color:#2a67b8;box-shadow:none;background:#fff;font-size:24px}.mobileDrawer>button{height:70px;box-shadow:none;background:#fff;border-bottom:1px solid #eef1f5;border-radius:0;justify-content:flex-start;gap:28px;padding:0 38px;font-size:20px;display:flex}.mobileDrawer>button span{color:#226bc7;font-size:28px}.drawerQr{text-align:center;color:#7f94aa;text-transform:uppercase;border-top:1px solid #e5e7eb;margin:34px 24px;padding-top:26px;font-weight:700}.drawerQr div{color:#111;background:#fff;border-radius:16px;place-items:center;width:150px;height:150px;margin:12px auto;font-size:48px;line-height:.7;display:grid;box-shadow:0 8px 24px #0002}.drawerQr b{color:#fff;background:#1f7af0;border-radius:50%;place-items:center;width:48px;height:48px;margin:-34px auto 0;display:grid}.staffScheduleMobile{background:#fff;border:1px solid #e6ebf0;border-radius:16px;overflow:hidden}.scheduleTitle{border-bottom:1px solid #eef1f5;gap:18px;padding:20px;display:grid}.scheduleTitle h3{margin:0}.scheduleTitle>div{color:#667085;justify-content:space-between;align-items:center;gap:12px;display:flex}.scheduleTitle button{border:1px solid #e1e5ea;border-radius:10px;width:50px;height:50px;font-size:26px}.scheduleDays{border-bottom:1px solid #e1e5ea;grid-template-columns:repeat(7,1fr);display:grid}.scheduleDays button{box-shadow:none;color:#555;background:#fff;border-radius:0;gap:6px;padding:14px 4px;display:grid}.scheduleDays .picked{color:#2b75d6;background:#eef6ff;border-bottom:3px solid #2b75d6}.openHoursGrid,.workerTimes{grid-template-columns:repeat(7,1fr);display:grid}.openHoursGrid{border-bottom:1px solid #e1e5ea}.openHoursGrid h4{grid-column:1/-1;margin:0;padding:18px 20px}.openHoursGrid div,.workerTimes span{white-space:pre-line;text-align:center;color:#111;border-top:1px solid #eef1f5;border-right:1px solid #e9edf2;place-items:center;min-height:58px;font-weight:700;display:grid}.workerSchedule header{align-items:center;gap:14px;padding:18px 20px;display:flex}.workerTimes b{color:#03917d;display:block}.workerTimes span:last-child,.openHoursGrid div:last-child{color:#999;background:#f3f5f7}.staffBottomSheet{background:#fff;border-radius:24px 24px 0 0;gap:16px;padding:22px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 38px #0002}.staffBottomSheet header{grid-template-columns:64px 1fr 40px;align-items:center;gap:12px;display:grid}.staffBottomSheet header b{font-size:1.15rem;display:block}.staffBottomSheet header span{color:#667085}.staffBottomSheet header button{box-shadow:none;background:#fff;font-size:30px}.staffBottomSheet>button,.sheetHours{background:#fff;border:1px solid #e3e7ed;border-radius:12px;justify-content:space-between;align-items:center;height:78px;padding:0 24px;font-size:1.1rem;display:flex;box-shadow:0 2px 10px #0000000d}.sheetHours{justify-content:flex-start;gap:12px}.scheduleChoiceModal{background:#fff;border-radius:20px;width:min(490px,94vw);padding-bottom:22px;overflow:hidden;box-shadow:0 20px 70px #0006}.scheduleChoiceModal header{border-bottom:1px solid #eef1f5;grid-template-columns:52px 1fr 92px;align-items:center;padding:18px;display:grid}.scheduleChoiceModal header h3{text-align:center;margin:0}.scheduleChoiceModal header button{box-shadow:none;background:#fff;font-size:24px}.scheduleChoiceModal header .saveBlue{border-radius:10px;font-size:16px}.scheduleChoiceModal>button{width:calc(100% - 44px);min-height:82px;box-shadow:none;text-align:left;background:#fff;border:1px solid #0000;border-radius:12px;align-items:center;gap:18px;margin:18px 22px 0;font-size:28px;display:flex}.scheduleChoiceModal>button span{font-size:1rem;display:grid}.scheduleChoiceModal>button small{color:#667085}.scheduleChoiceModal>.chosen{background:#f5fbff;border-color:#4aa3df}.manageScheduleModal{background:#fff;border-radius:16px;width:min(510px,92vw);padding:28px;position:relative}.manageScheduleModal h2{margin:0 0 6px}.manageScheduleModal p{color:#6b7280;margin:0 0 24px}.manageScheduleModal label{background:#fbf7ff;border:2px solid #8f3ee8;border-radius:10px;align-items:center;gap:12px;padding:18px;font-size:1.1rem;display:flex}.manageScheduleModal input{accent-color:#8a36e8;width:24px;height:24px}.manageScheduleModal footer{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.manageScheduleModal footer button{background:#fff;border:1px solid #d7dce2;border-radius:10px;height:54px}.purpleBtn{color:#fff!important;background:linear-gradient(90deg,#8738e8,#8c31e7)!important}.leaveForm{background:#eef7ff;border:1px solid #cfe3f6;border-radius:14px;margin:0 22px 20px;padding:18px 20px;position:relative}.leaveForm h3{color:#1f4f91;margin:0 0 18px}.dateTimePair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.leaveSelect{width:100%;height:58px;box-shadow:none;background:#fff;border:1px solid #d8dee5;border-radius:10px;justify-content:space-between}.leaveDropdown{z-index:5;background:#fff;border-radius:12px;position:absolute;top:296px;left:26px;right:26px;overflow:hidden;box-shadow:0 16px 50px #0004}.leaveDropdown input{border:0;border-bottom:1px solid #eef1f5;border-radius:0}.leaveDropdown button{width:100%;height:56px;box-shadow:none;text-align:left;background:#fff;border-radius:0;padding:0 28px;display:block}.leaveDropdown button:first-of-type{color:#2470c7;background:#e8f0f8}.leaveForm textarea{border:1px solid #d8dee5;border-radius:10px;min-height:96px}.leaveFormActions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.leaveFormActions button{background:#fff;border:1px solid #d8dee5;border-radius:10px;height:48px}.leaveFormActions .saveBlue{color:#fff;background:#247ef0;border:0}@media (width<=979px){.mobileBookiliaTop{z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;grid-template-columns:42px auto 1fr 42px 42px 42px;gap:8px;height:74px;padding:0 14px;display:grid;position:sticky;top:0}.mobileBookiliaTop button{box-shadow:none;background:#fff;padding:0;font-size:24px;position:relative}.mobileBookiliaTop strong{color:#206dd8;font-size:1.25rem}.mobileBookiliaTop em{color:#fff;background:#e84141;border-radius:999px;padding:1px 4px;font-size:11px;font-style:normal;position:absolute;top:13px;right:-3px}.mobileBookiliaTop b{color:#fff;background:#256bd8;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.topbar,.staffAdminPage>.sectionHead{display:none!important}.staffAdminPage{background:#fff!important;border-radius:0!important;padding:0!important}.staffTabs{border-bottom:1px solid #e5e7eb;overflow:auto;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important}.staffTabs button{height:64px;background:#fff!important;border-bottom:3px solid #0000!important;border-radius:0!important;font-size:16px!important}.staffTabs .activeStaffTab{color:#226bc7!important;border-bottom-color:#226bc7!important}.staffScheduleMobile{border-left:0;border-right:0;border-radius:0}.leaveSystem{background:#fff;padding:22px 16px}.leaveCard{border-radius:18px}.leaveForm{display:block}.staffEmptyState{margin:16px}.openHoursGrid,.workerTimes,.scheduleDays{min-width:560px}.staffScheduleMobile{overflow:auto}}@media (width>=980px){.leaveForm{display:none}.mobileDrawerBackdrop,.mobileBookiliaTop{display:none!important}}.leaveIntro{background:#fff;border:1px solid #e6e8ec;border-radius:16px;padding:18px 22px;box-shadow:0 6px 18px #1018280f}.leaveIntro h3{margin:0 0 6px}.leaveIntro p{color:#667085;margin:0}.leaveRequestModal{background:#fff;border-radius:18px;width:min(560px,94vw);max-height:92vh;position:relative;overflow:visible;box-shadow:0 24px 80px #00000052}.leaveRequestModal header{border-bottom:1px solid #eef1f5;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:18px 20px;display:grid}.leaveRequestModal header button{box-shadow:none;background:#fff;padding:0;font-size:26px}.leaveRequestModal header h2{margin:0;font-size:1.22rem}.leaveRequestModal header span{color:#2563eb;font-weight:800}.modalLeaveForm{background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:20px!important;display:grid!important}.leaveTypeField{position:relative}.modalLeaveForm .leaveDropdown{z-index:20;background:#fff;border:1px solid #e1e6ee;border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 18px 50px #00000040}.modalLeaveForm .leaveDropdown input{border:0;border-bottom:1px solid #eef1f5;border-radius:0}.modalLeaveForm .leaveDropdown button{width:100%;height:52px;box-shadow:none;text-align:left;background:#fff;border-radius:0;padding:0 18px;display:block}.modalLeaveForm .leaveDropdown button:hover{background:#eef6ff}.modalLeaveForm .leaveSelect{justify-content:space-between;align-items:center;display:flex}.modalLeaveForm label{margin:0 0 14px}.modalLeaveForm input,.modalLeaveForm textarea{border:1px solid #d8dee5;border-radius:10px}.modalLeaveForm textarea{min-height:96px}.modalLeaveForm .leaveFormActions{margin-top:8px}@media (width<=640px){.leaveRequestModal{width:calc(100vw - 20px);max-height:94vh;overflow:auto}.leaveRequestModal header{grid-template-columns:38px 1fr}.leaveRequestModal header span{grid-column:2}.dateTimePair{grid-template-columns:1fr}.modalLeaveForm .leaveDropdown{margin-top:8px;position:static}.modalLeaveForm .leaveFormActions{grid-template-columns:1fr}.leaveCard .leaveCreateBtn{font-size:.95rem}}.leaveRequestList{gap:10px;padding:0 22px 24px;display:grid}.leaveRequestList article{background:#fbfcfe;border:1px solid #e5e7eb;border-radius:12px;gap:5px;padding:12px 14px;display:grid}.leaveRequestList b{color:#111827}.leaveRequestList span{color:#4b5563;font-size:.92rem}.leaveRequestList em{color:#994b00;background:#fff4c7;border-radius:999px;justify-self:start;padding:4px 10px;font-size:.8rem;font-style:normal;font-weight:800}.leaveRequestList small{color:#6b7280}.staffChips.selectable button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dce3ea;border-radius:8px;padding:7px 10px;font-weight:800}.staffChips.selectable .pickedStaffChip{color:#2563eb;background:#eaf3ff;border-color:#93c5fd}.staffDetailGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.staffDetailGrid p{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin:0;padding:12px}.staffDetailGrid small{color:#667085;margin-bottom:4px;font-weight:700;display:block}.staffDetailGrid b{color:#111}.dangerSheetBtn{color:#b42318!important;background:#fff5f5!important;border-color:#fecaca!important}.leaveApprovalActions{gap:8px;margin-top:10px;display:flex}.leaveApprovalActions button{background:#fff;border:1px solid #d8dee5;border-radius:8px;height:34px;padding:0 12px;font-weight:800}.leaveApprovalActions .approveBtn{color:#067647!important;background:#ecfdf3!important;border-color:#bbf7d0!important}.leaveApprovalActions .rejectBtn{color:#b42318!important;background:#fff5f5!important;border-color:#fecaca!important}.leaveRequestList em.approved{color:#166534;background:#dcfce7}.leaveRequestList em.rejected{color:#991b1b;background:#fee2e2}.leaveRequestList em.pending{color:#92400e;background:#fef3c7}.event.leaveBlock{z-index:4;color:#7f1d1d!important;background:repeating-linear-gradient(135deg,#fee2e2,#fee2e2 8px,#fecaca 8px 16px)!important;border:1px solid #f87171!important}.event.leaveBlock b,.event.leaveBlock span,.event.leaveBlock small{color:#7f1d1d!important}.freeSlotHotspot:disabled{cursor:not-allowed;opacity:.18}.blockSchedulePage{gap:18px;display:grid}.blockFilters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr 1fr 1fr 1fr;align-items:end;gap:12px;padding:18px;display:grid}.blockFilters label{color:#374151;gap:8px;font-size:13px;font-weight:600;display:grid}.blockFilters input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:42px;padding:0 12px}.blockFilters button{border-radius:8px;height:42px}.blockStaffGrid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px;display:grid}.blockStaffCard{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;box-shadow:0 1px 2px #0f172a0a}.blockStaffCard header{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.blockMetricRow{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.blockMetricRow div{text-align:center;background:#f8fafc;border-radius:8px;padding:14px 8px}.blockMetricRow span{color:#64748b;margin-bottom:6px;font-size:12px;display:block}.blockMetricRow b{color:#2563eb;font-size:22px}.blockList{gap:8px;margin-top:12px;display:grid}.blockList div{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;justify-content:space-between;gap:10px;padding:10px;font-size:12px;display:flex}.blockList b{color:#9a3412}@media (width<=800px){.blockFilters,.blockStaffGrid,.blockMetricRow{grid-template-columns:1fr}}@media (width<=640px){.blockSchedulePage{background:#f6f8fb;gap:14px;min-height:calc(100vh - 64px);padding:14px 12px 24px}.blockFilters{border:0;border-radius:14px;gap:10px;padding:12px;box-shadow:0 2px 10px #0f172a0f;grid-template-columns:1fr 1fr!important}.blockFilters label{gap:6px;min-width:0;font-size:12px}.blockFilters input{border-radius:10px;width:100%;min-width:0;height:40px;padding:0 8px;font-size:13px}.blockFilters button{border-radius:10px;width:100%;height:40px;padding:0 8px;font-size:13px}.blockStaffGrid{gap:12px;grid-template-columns:1fr!important}.blockStaffCard{border:0;border-radius:16px;padding:14px;box-shadow:0 2px 12px #0f172a12}.blockStaffCard header{margin-bottom:12px;padding-bottom:12px}.blockStaffCard header .avatar{width:42px;height:42px;margin:0;font-size:18px}.blockStaffCard header b{overflow-wrap:anywhere;min-width:0;font-size:16px}.blockMetricRow{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.blockMetricRow div{border-radius:12px;min-width:0;padding:10px 4px}.blockMetricRow span{min-height:26px;margin-bottom:4px;font-size:10.5px;line-height:1.2}.blockMetricRow b{font-size:18px;line-height:1.1}.blockList div{border-radius:10px;grid-template-columns:1fr;gap:4px;font-size:11.5px;display:grid}.blockList b{font-size:12px}}@media (width<=380px){.blockSchedulePage{padding:10px 8px 18px}.blockFilters{grid-template-columns:1fr!important}.blockMetricRow{gap:6px}.blockMetricRow span{font-size:10px}.blockMetricRow b{font-size:16px}}.event.leaveBlock{color:#fff!important;z-index:8!important;background:#ef4444!important;border:2px solid #b91c1c!important;border-left:8px solid #7f1d1d!important;padding:9px 10px!important;box-shadow:0 8px 18px #b91c1c47!important}.event.leaveBlock b,.event.leaveBlock span,.event.leaveBlock small{text-shadow:0 1px 1px #00000040;color:#fff!important}.event.leaveBlock b{font-size:.9rem}.event.leaveBlock:after{content:"BLOCKED";letter-spacing:.08em;opacity:.75;font-size:10px;font-weight:900;position:absolute;bottom:6px;right:8px}@media (width<=640px){.event.leaveBlock{min-height:38px;border-left-width:7px!important;border-radius:8px!important;left:2px!important;right:2px!important}.event.leaveBlock b{font-size:.82rem}.event.leaveBlock span,.event.leaveBlock small{font-size:.72rem}.event.leaveBlock:after{font-size:9px;bottom:4px;right:6px}.freeSlotHotspot:disabled{opacity:0}.adminCalendarLayout{overflow:hidden;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;padding:0!important;display:block!important}.adminCalendarLayout .miniCalendarPanel,.adminCalendarLayout .stats.compact,.adminCalendarLayout .below,.adminCalendarLayout .calendarWorkArea>.calendarTop h2{display:none!important}.adminCalendarLayout .calendarWorkArea{background:#fff;width:100%;overflow:hidden}.adminCalendarLayout .calendarTop{z-index:30;background:#fff;border-bottom:1px solid #e5e7eb;grid-template-columns:64px 44px 1fr 44px;align-items:center;gap:8px;height:54px;padding:0 10px;position:sticky;top:0;margin:0!important;display:grid!important}.adminCalendarLayout .todayBtn{color:#fff;background:#2563eb;border-radius:10px;height:36px;padding:0 10px;font-size:12px}.adminCalendarLayout .calendarTop>button:not(.todayBtn){width:44px;height:36px;box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0;font-size:22px}.adminCalendarLayout .selectedAdminDate{white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden;text-align:center!important;color:#111827!important;grid-area:1/3/auto/4!important;margin:0!important;font-size:14px!important}.adminCalendarLayout .weekStrip{z-index:29;position:sticky;top:54px;border-left:0!important;border-right:0!important;border-radius:0!important;grid-template-columns:repeat(7,minmax(54px,1fr))!important;display:grid!important;overflow:visible!important}.adminCalendarLayout .weekStrip .day b{color:#111!important;background:0 0!important;padding:0!important;font-size:14px!important}.adminCalendarLayout .weekStrip .activeDay b{border-radius:999px;place-items:center;width:34px;height:34px;display:inline-grid;color:#fff!important;background:#050505!important}.adminCalendarLayout .staffStrip.employeeHeader{z-index:28;position:sticky;top:104px;grid-template-columns:42px repeat(var(--staff-count,6),92px)!important;border-left:0!important;border-right:0!important;width:max-content!important;min-width:100%!important;min-height:58px!important;overflow:visible!important}.adminCalendarLayout .staffStrip.employeeHeader>div:first-child{z-index:3;background:#fff;border-right:1px solid #d1d5db;height:58px;font-size:0;position:sticky;left:0}.adminCalendarLayout .staffStrip.employeeHeader>div:first-child:after{content:"‹›";color:#555;place-items:center;height:100%;font-size:22px;display:grid}.adminCalendarLayout .employeeHead{background:#fff;place-items:center;border-left:1px solid #d1d5db!important;grid-template-columns:1fr!important;gap:2px!important;padding:5px 2px!important}.adminCalendarLayout .employeeHead span{text-align:center;color:#374151;max-width:86px;font-size:10px!important}.adminCalendarLayout .calendarGrid.employeeCalendar{grid-template-columns:42px repeat(var(--staff-count,6),92px)!important;background:#fff!important;border-left:0!important;border-right:0!important;width:max-content!important;min-width:100%!important;height:calc(100vh - 162px)!important;position:relative!important;overflow:auto!important}.adminCalendarLayout .timeCol{z-index:6;left:0;background:#fff!important;border-right:1px solid #d1d5db!important;width:42px!important;position:sticky!important}.adminCalendarLayout .timeCell span{font-weight:500}.adminCalendarLayout .timeCell small{color:#6b7280;font-size:12px}.adminCalendarLayout .employeeCol{background:#fff!important;border-left:1px solid #d1d5db!important;width:92px!important;min-width:92px!important}.adminCalendarLayout .event{box-shadow:none!important;color:#111827!important;z-index:10!important;border-left:4px solid #06b6d4!important;border-radius:2px!important;padding:6px 5px!important;font-size:11px!important;line-height:1.15!important;left:3px!important;right:3px!important}.adminCalendarLayout .event b{color:#111827!important;white-space:normal!important;font-size:11.5px!important;font-weight:900!important;line-height:1.1!important}.adminCalendarLayout .event span,.adminCalendarLayout .event small{color:#1f2937!important;white-space:normal!important;font-size:11px!important;line-height:1.15!important;display:block!important}.adminCalendarLayout .event.blue{background:#bfdbfe!important}.adminCalendarLayout .event.sand{background:#d6c2ae!important}.adminCalendarLayout .event.yellow{background:#fde68a!important}.adminCalendarLayout .event.green{background:#bbf7d0!important}.adminCalendarLayout .event.pink{background:#e9d5ff!important}.adminCalendarLayout .event.leaveBlock{color:#fff!important;background:#ef4444!important;border-left:5px solid #7f1d1d!important}.adminCalendarLayout .freeSlotHotspot{z-index:1!important;height:38px!important}.adminCalendarLayout .fab{z-index:40!important;background:#2478f2!important;width:68px!important;height:68px!important;bottom:18px!important;right:18px!important;box-shadow:0 8px 22px #2563eb59!important}.adminCalendarLayout .calendarWorkArea{max-width:100vw!important;overflow-x:hidden!important}.adminCalendarLayout .staffStrip.employeeHeader{scroll-snap-type:x proximity;grid-template-columns:42px repeat(var(--staff-count,6),112px)!important;width:100%!important;max-width:100vw!important;overflow:auto hidden!important}.adminCalendarLayout .calendarGrid.employeeCalendar{scroll-snap-type:x proximity;touch-action:pan-x pan-y;grid-template-columns:42px repeat(var(--staff-count,6),112px)!important;width:100%!important;max-width:100vw!important;overflow:auto!important}.adminCalendarLayout .employeeCol,.adminCalendarLayout .employeeHead{scroll-snap-align:start;width:112px!important;min-width:112px!important}.adminCalendarLayout .timeCol{width:42px!important;min-width:42px!important}.adminCalendarLayout .staffStrip.employeeHeader::-webkit-scrollbar{width:6px;height:6px}.adminCalendarLayout .calendarGrid.employeeCalendar::-webkit-scrollbar{width:6px;height:6px}.adminCalendarLayout .staffStrip.employeeHeader::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.adminCalendarLayout .calendarGrid.employeeCalendar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.adminCalendarLayout .mobileCalendarScroller{-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;background:#fff!important;width:100vw!important;max-width:100vw!important;height:calc(100vh - 104px)!important;position:relative!important;overflow:auto!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader{z-index:20!important;grid-template-columns:42px repeat(var(--staff-count,6),112px)!important;width:max-content!important;min-width:max-content!important;max-width:none!important;position:sticky!important;top:0!important;overflow:visible!important}.adminCalendarLayout .mobileCalendarScroller .calendarGrid.employeeCalendar{grid-template-columns:42px repeat(var(--staff-count,6),112px)!important;width:max-content!important;min-width:max-content!important;max-width:none!important;height:1140px!important;overflow:visible!important}.adminCalendarLayout .mobileCalendarScroller .employeeHead,.adminCalendarLayout .mobileCalendarScroller .employeeCol{width:112px!important;min-width:112px!important;max-width:112px!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader>div:first-child,.adminCalendarLayout .mobileCalendarScroller .timeCol{z-index:25!important;background:#fff!important;width:42px!important;min-width:42px!important;max-width:42px!important;position:sticky!important;left:0!important}.adminCalendarLayout .mobileCalendarScroller .timeCol{z-index:15!important}.adminCalendarLayout .mobileCalendarScroller::-webkit-scrollbar{width:7px;height:7px}.adminCalendarLayout .mobileCalendarScroller::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}main:has(.adminCalendarLayout){background:#f8f5f1!important;padding:10px!important}.adminCalendarLayout{background:#f8f5f1!important;border-radius:0!important;padding:0!important;display:block!important;overflow:visible!important}.adminCalendarLayout .miniCalendarPanel{display:none!important}.adminCalendarLayout .calendarWorkArea{background:0 0!important;width:100%!important;max-width:none!important;overflow:visible!important}.adminCalendarLayout .calendarTop{background:0 0!important;border:0!important;flex-wrap:wrap!important;grid-template-columns:none!important;align-items:center!important;gap:8px!important;height:auto!important;margin:12px 0 10px!important;padding:0!important;display:flex!important;position:static!important}.adminCalendarLayout .calendarTop h2{color:#2466c9!important;text-transform:capitalize!important;grid-area:auto!important;margin:0 auto!important;font-size:1.2rem!important;display:block!important}.adminCalendarLayout .calendarTop>button{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;width:auto!important;height:38px!important;padding:0 12px!important;font-size:18px!important;box-shadow:0 1px #ddd!important}.adminCalendarLayout .todayBtn{color:#fff!important;background:#2d6eea!important;border:0!important;font-size:12px!important;font-weight:800!important}.adminCalendarLayout .selectedAdminDate{text-align:center!important;color:#344054!important;white-space:normal!important;flex:1 0 100%!important;grid-area:auto!important;margin:0!important;font-size:.9rem!important;font-weight:800!important;display:block!important}.adminCalendarLayout .stats.compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:10px 0!important;display:grid!important}.adminCalendarLayout .stats.compact div{border-radius:14px!important;padding:10px 8px!important}.adminCalendarLayout .stats.compact b{font-size:1rem!important}.adminCalendarLayout .weekStrip{z-index:auto!important;background:#fff!important;border:1px solid #dfe4ea!important;border-bottom:0!important;border-radius:16px 16px 0 0!important;grid-template-columns:repeat(7,72px)!important;width:100%!important;display:grid!important;position:static!important;top:auto!important;overflow:auto!important}.adminCalendarLayout .weekStrip .day{background:#fff!important;min-width:72px!important;padding:8px 4px!important;font-size:12px!important}.adminCalendarLayout .weekStrip .activeDay b{color:#fff!important;background:#050505!important;border-radius:999px!important;width:auto!important;height:auto!important;padding:8px 11px!important}.adminCalendarLayout .mobileCalendarScroller{-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;background:#fff!important;border:1px solid #dfe4ea!important;border-radius:0 0 16px 16px!important;width:100%!important;max-width:100%!important;height:calc(100vh - 250px)!important;min-height:520px!important;position:relative!important;overflow:auto!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader{z-index:20!important;grid-template-columns:58px repeat(var(--staff-count,6),180px)!important;background:#fff!important;border:0!important;border-bottom:1px solid #edf0f3!important;width:max-content!important;min-width:max-content!important;max-width:none!important;min-height:58px!important;position:sticky!important;top:0!important;overflow:visible!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader>div:first-child{z-index:25!important;color:#344054!important;background:#fff!important;border-right:1px solid #dfe4ea!important;place-items:center!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:58px!important;font-size:.85rem!important;display:grid!important;position:sticky!important;left:0!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader>div:first-child:after{content:none!important}.adminCalendarLayout .employeeHead{text-align:left!important;background:#fff!important;border-left:1px solid #edf0f3!important;grid-template-columns:48px 1fr!important;align-items:center!important;gap:8px!important;width:180px!important;min-width:180px!important;max-width:180px!important;padding:8px!important;display:grid!important}.adminCalendarLayout .employeeHead .avatar{border:3px solid #ffd49b!important;width:42px!important;height:42px!important;margin:0!important;font-size:.8rem!important}.adminCalendarLayout .employeeHead span{text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;color:#111827!important;max-width:120px!important;font-size:.88rem!important;font-weight:800!important;overflow:hidden!important}.adminCalendarLayout .mobileCalendarScroller .calendarGrid.employeeCalendar{grid-template-columns:58px repeat(var(--staff-count,6),180px)!important;background:#fff!important;border:0!important;width:max-content!important;min-width:max-content!important;max-width:none!important;height:1140px!important;overflow:visible!important}.adminCalendarLayout .mobileCalendarScroller .timeCol{z-index:15!important;background:#fff!important;border-right:1px solid #dfe4ea!important;width:58px!important;min-width:58px!important;max-width:58px!important;position:sticky!important;left:0!important}.adminCalendarLayout .timeCell{text-align:right!important;color:#344054!important;background:#fff!important;height:76px!important;padding:8px 6px!important;font-size:.78rem!important}.adminCalendarLayout .employeeCol{background:#fff!important;border-left:1px solid #d9dee5!important;width:180px!important;min-width:180px!important;max-width:180px!important}.adminCalendarLayout .hourLine{background:linear-gradient(#0000 0 37px,#eef0f3 38px,#0000 39px)!important;border-bottom:1px solid #d9dee5!important;height:76px!important}.adminCalendarLayout .event{color:#1f2937!important;border-left:5px solid #00a9c7!important;border-radius:4px!important;padding:7px 8px!important;font-size:.78rem!important;line-height:1.2!important;left:4px!important;right:4px!important;box-shadow:0 1px 2px #0000001f!important}.adminCalendarLayout .event b,.adminCalendarLayout .event span,.adminCalendarLayout .event small{white-space:nowrap!important;text-overflow:ellipsis!important;color:#1f2937!important;overflow:hidden!important}.adminCalendarLayout .event.leaveBlock b,.adminCalendarLayout .event.leaveBlock span,.adminCalendarLayout .event.leaveBlock small{color:#fff!important}.adminCalendarLayout .below{grid-template-columns:1fr!important;margin-top:16px!important;display:grid!important}}@media (width<=979px){body{font-size:14px!important}main{padding:8px!important}.mobileBookiliaTop{grid-template-columns:36px auto 1fr 36px 36px 36px!important;gap:6px!important;height:58px!important;padding:0 10px!important}.mobileBookiliaTop strong{font-size:1.05rem!important}.mobileBookiliaTop button{font-size:20px!important}.mobileBookiliaTop b{width:32px!important;height:32px!important}.panel,.bookiliaModule,.servicesAdminPage,.staffAdminPage{border-radius:14px!important;padding:10px!important}.sectionHead h2{font-size:1.25rem!important}.sectionHead p{font-size:.85rem!important}.staffTabs button{height:48px!important;padding:0 12px!important;font-size:14px!important}.staffTabs{overflow-x:auto!important}.stats,.staffStats{gap:8px!important}.stats div{border-radius:14px!important;padding:10px!important}.stats b{font-size:1.05rem!important}.staffTools,.serviceTools,.moduleTools,.customerTools{gap:8px!important}.staffSearchBox input,input,select{border-radius:10px!important;height:auto!important;min-height:38px!important;padding:10px 12px!important;font-size:14px!important}button{padding:9px 12px!important;font-size:14px!important}.primary{padding:12px!important}.leaveSystem{gap:12px!important;margin:12px 0!important;padding:12px 8px!important}.leaveCard{border-radius:14px!important}.leaveCard header{padding:14px 16px 8px!important}.leaveCard h3{font-size:.95rem!important}.leaveCreateBtn{width:calc(100% - 32px)!important;margin:4px 16px 14px!important;padding:10px!important;font-size:.95rem!important}.leaveStats{gap:8px!important;padding:10px!important}.leaveStats div{min-height:70px!important}.leaveStats b{font-size:1.25rem!important}.leaveStats span{font-size:.78rem!important}.bookingInfoModal,.quickBookiliaModal,.staffEditModal,.serviceEditModal,.cancelBookingModal,.leaveRequestModal{border-radius:14px!important;width:calc(100vw - 16px)!important;max-height:90vh!important}}@media (width<=640px){.calendarTop{gap:5px!important}.calendarTop h2{font-size:1.05rem!important}.selectedAdminDate{font-size:.82rem!important}.weekStrip{grid-template-columns:repeat(7,62px)!important}.weekStrip .day,.day{padding:7px 2px!important;font-size:12px!important}.employeeHeader,.employeeCalendar{grid-template-columns:46px repeat(6,104px)!important}.employeeHead{padding:5px!important}.employeeHead .avatar{width:34px!important;height:34px!important}.employeeHead span{font-size:10px!important}.timeCell{padding:6px 3px!important;font-size:.72rem!important}.staffBookiliaTable table{min-width:720px!important}.moduleTable table{min-width:620px!important}.adminCalendarLayout .mobileCalendarScroller{width:100%!important;max-width:100%!important;height:calc(100vh - 210px)!important;min-height:500px!important;overflow:hidden auto!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader,.adminCalendarLayout .mobileCalendarScroller .calendarGrid.employeeCalendar,.adminCalendarLayout .staffStrip.employeeHeader,.adminCalendarLayout .calendarGrid.employeeCalendar{grid-template-columns:34px repeat(var(--staff-count,6), minmax(0,1fr))!important;width:100%!important;min-width:100%!important;max-width:100%!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader{min-height:44px!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader>div:first-child,.adminCalendarLayout .staffStrip.employeeHeader>div:first-child,.adminCalendarLayout .mobileCalendarScroller .timeCol,.adminCalendarLayout .timeCol{width:34px!important;min-width:34px!important;max-width:34px!important}.adminCalendarLayout .employeeHead,.adminCalendarLayout .mobileCalendarScroller .employeeHead,.adminCalendarLayout .employeeCol,.adminCalendarLayout .mobileCalendarScroller .employeeCol{width:auto!important;min-width:0!important;max-width:none!important}.adminCalendarLayout .employeeHead{text-align:center!important;grid-template-columns:1fr!important;place-items:center!important;gap:1px!important;padding:3px 1px!important}.adminCalendarLayout .employeeHead .avatar{border-width:2px!important;width:26px!important;height:26px!important;margin:0 auto!important;font-size:9px!important}.adminCalendarLayout .employeeHead span{text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;font-size:8.5px!important;line-height:1.05!important;overflow:hidden!important}.adminCalendarLayout .timeCell{height:60px!important;padding:3px 2px!important;font-size:9px!important;line-height:1.05!important}.adminCalendarLayout .timeCell small{font-size:8px!important}.adminCalendarLayout .hourLine{background:linear-gradient(#0000 0 29px,#eef0f3 30px,#0000 31px)!important;height:60px!important}.adminCalendarLayout .freeSlotHotspot{transform-origin:top;transform:scaleY(.789);height:30px!important}.adminCalendarLayout .event{border-left-width:3px!important;border-radius:3px!important;padding:3px 2px!important;font-size:8px!important;line-height:1.05!important;left:1px!important;right:1px!important;overflow:hidden!important}.adminCalendarLayout .event b{font-size:8.5px!important;line-height:1.05!important}.adminCalendarLayout .event span,.adminCalendarLayout .event small{font-size:7.5px!important;line-height:1.05!important}.adminCalendarLayout .event.leaveBlock{border-left-width:3px!important;padding:3px 2px!important}.adminCalendarLayout .event.leaveBlock:after{display:none!important}}.activeTinyToggle,.viewToggle .activeTinyToggle{background:var(--bk-brown)!important;color:#fff!important;border-color:var(--bk-brown)!important}.tabPills .activePill,.settingsTabs .activePill{background:var(--bk-brown)!important;color:#fff!important}.revenueInsightCard,.settingsTabNotice{color:var(--bk-text);background:#fff;border:1px solid #efe6dc;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 16px;padding:14px 16px;display:flex;box-shadow:0 8px 22px #6f4f2e12}.revenueInsightCard span,.settingsTabNotice{color:#7c6756;font-weight:700}.serviceViewToggle{grid-template-columns:1fr 1fr;gap:6px;display:grid!important}.serviceTools .serviceViewToggle button{width:auto!important;min-width:92px!important;padding:0 12px!important;font-size:.82rem!important;font-weight:900!important}.compactServiceMode{display:block!important}.compactServiceMode .bookiliaServiceGroup{box-shadow:none!important;background:0 0!important;border-width:0 0 1px!important;border-radius:0!important;padding:0!important}.compactServiceMode .categoryHeader{border-bottom:1px solid #eadfd2;grid-template-columns:34px 1fr auto!important;padding:10px 0!important}.compactServiceMode .categoryTitle p,.compactServiceMode .categoryEditActions,.compactServiceMode .categoryRightActions{display:none!important}.compactServiceMode .serviceListRows{display:block!important}.compactServiceMode .bookiliaServiceRow{box-shadow:none!important;background:#fff!important;border-width:0 0 1px!important;border-radius:0!important;grid-template-columns:26px minmax(0,1fr) 140px 120px!important;padding:9px 0!important;display:grid!important}.compactServiceMode .serviceMain b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.staffCardMode{box-shadow:none!important;background:0 0!important;border:0!important;overflow:visible!important}.staffCardMode table,.staffCardMode thead,.staffCardMode tbody,.staffCardMode tr,.staffCardMode td{width:100%;display:block;min-width:0!important}.staffCardMode thead{display:none}.staffCardMode tbody{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.staffCardMode tr{background:#fff;border:1px solid #efe6dc;border-radius:18px;padding:14px;box-shadow:0 10px 30px #6f4f2e12}.staffCardMode td{border:0!important;padding:7px 0!important}.staffCardMode .staffActions{margin-top:8px}@media (width<=640px){main:has(.adminCalendarLayout){background:#f8f5f1!important;padding:10px!important;overflow-x:hidden!important}.adminCalendarLayout{background:#f8f5f1!important;grid-template-columns:1fr!important;gap:12px!important;padding:0!important;display:grid!important;overflow:visible!important}.adminCalendarLayout .miniCalendarPanel{border-radius:16px!important;display:block!important;position:static!important}.adminCalendarLayout .calendarWorkArea{background:0 0!important;width:100%!important;max-width:100%!important;overflow:visible!important}.adminCalendarLayout .calendarTop{background:0 0!important;border:0!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;height:auto!important;margin:0 0 10px!important;padding:0!important;display:flex!important;position:static!important}.adminCalendarLayout .calendarTop h2{color:#2466c9!important;text-transform:capitalize!important;margin:0 auto!important;font-size:1.1rem!important;display:block!important}.adminCalendarLayout .selectedAdminDate{text-align:center!important;white-space:normal!important;color:#344054!important;flex:1 0 100%!important;margin:0!important;font-size:.9rem!important;display:block!important}.adminCalendarLayout .stats.compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:10px 0!important;display:grid!important}.adminCalendarLayout .weekStrip{background:#fff!important;border:1px solid #dfe4ea!important;border-bottom:0!important;border-radius:16px 16px 0 0!important;grid-template-columns:repeat(7,minmax(72px,1fr))!important;width:100%!important;display:grid!important;position:static!important;overflow-x:auto!important}.adminCalendarLayout .weekStrip .day{background:#fff!important;min-width:72px!important}.adminCalendarLayout .mobileCalendarScroller{-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;background:#fff!important;border:1px solid #dfe4ea!important;border-radius:0 0 16px 16px!important;width:100%!important;max-width:100%!important;height:calc(100vh - 330px)!important;min-height:520px!important;position:relative!important;overflow:auto!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader{z-index:20!important;grid-template-columns:58px repeat(var(--staff-count,6), minmax(180px, 1fr))!important;background:#fff!important;border-bottom:1px solid #edf0f3!important;width:max-content!important;min-width:max-content!important;max-width:none!important;min-height:58px!important;position:sticky!important;top:0!important;overflow:visible!important}.adminCalendarLayout .mobileCalendarScroller .calendarGrid.employeeCalendar{grid-template-columns:58px repeat(var(--staff-count,6), minmax(180px, 1fr))!important;background:#fff!important;border:0!important;width:max-content!important;min-width:max-content!important;max-width:none!important;height:1140px!important;overflow:visible!important}.adminCalendarLayout .employeeHead{text-align:left!important;background:#fff!important;border-left:1px solid #edf0f3!important;grid-template-columns:48px 1fr!important;align-items:center!important;gap:8px!important;width:180px!important;min-width:180px!important;max-width:180px!important;padding:8px!important;display:grid!important}.adminCalendarLayout .employeeHead .avatar{border:3px solid #ffd49b!important;width:42px!important;height:42px!important;margin:0!important;font-size:.8rem!important}.adminCalendarLayout .employeeHead span{text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;color:#111827!important;max-width:120px!important;font-size:.88rem!important;font-weight:800!important;overflow:hidden!important}.adminCalendarLayout .employeeCol{background:#fff!important;border-left:1px solid #d9dee5!important;width:180px!important;min-width:180px!important;max-width:180px!important}.adminCalendarLayout .timeCol,.adminCalendarLayout .mobileCalendarScroller .timeCol,.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader>div:first-child{background:#fff!important;border-right:1px solid #dfe4ea!important;width:58px!important;min-width:58px!important;max-width:58px!important;position:sticky!important;left:0!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader>div:first-child{z-index:25!important;color:#344054!important;place-items:center!important;height:58px!important;font-size:.85rem!important;display:grid!important}.adminCalendarLayout .timeCol{z-index:15!important}.adminCalendarLayout .timeCell{text-align:right!important;color:#344054!important;background:#fff!important;height:76px!important;padding:8px 6px!important;font-size:.78rem!important}.adminCalendarLayout .hourLine{background:linear-gradient(#0000 0 37px,#eef0f3 38px,#0000 39px)!important;border-bottom:1px solid #d9dee5!important;height:76px!important}.adminCalendarLayout .freeSlotHotspot{z-index:1!important;height:38px!important;transform:none!important}.adminCalendarLayout .event{color:#1f2937!important;border-left:5px solid #00a9c7!important;border-radius:4px!important;padding:7px 8px!important;font-size:.78rem!important;line-height:1.2!important;left:4px!important;right:4px!important;overflow:hidden!important;box-shadow:0 1px 2px #0000001f!important}.adminCalendarLayout .event b,.adminCalendarLayout .event span,.adminCalendarLayout .event small{white-space:nowrap!important;text-overflow:ellipsis!important;color:#1f2937!important;overflow:hidden!important}.adminCalendarLayout .event.leaveBlock b,.adminCalendarLayout .event.leaveBlock span,.adminCalendarLayout .event.leaveBlock small{color:#fff!important}.adminCalendarLayout .below{grid-template-columns:1fr!important;margin-top:16px!important;display:grid!important}}@media (width<=520px){.revenueInsightCard{align-items:start;display:grid}}.serviceNameColorRow{position:relative}.serviceNameColorInput{grid-template-columns:1fr 46px;gap:8px;display:grid;position:relative}.serviceNameColorInput input{min-width:0}.serviceColorButton{height:46px;box-shadow:none;border:1px solid #e5d7c8;border-radius:12px;place-items:center;padding:0;font-size:1.05rem;display:grid}.serviceColorPopover{z-index:1600;background:#fff;border:1px solid #eadfd2;border-radius:18px;width:min(310px,86vw);padding:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 22px 70px #281a0d38}.serviceColorPopover header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.serviceColorPopover header button{width:30px;height:30px;box-shadow:none;background:#f7f1ea;border-radius:999px;padding:0}.serviceColorGrid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.serviceColorGrid button{color:#fff;text-shadow:0 1px 2px #00000059;border:2px solid #fff;border-radius:999px;place-self:center;width:38px;height:38px;padding:0;font-weight:900;box-shadow:0 3px 9px #0000001f}.serviceColorGrid .pickedServiceColor{outline:3px solid #fff;box-shadow:0 0 0 3px #7c3aed,0 6px 14px #0000002e}.event.rose{background:#fda4af}.event.cream{background:#fef3c7}.event.mint{background:#bbf7d0}.event.cyan{background:#a5f3fc}.event.lavender{background:#ddd6fe}.event.purple{background:#c4b5fd}.event.lemon{background:#fef08a}.event.slate{background:#cbd5e1}.event.lime{background:#bef264}.event.brown{background:#c4a484}@media (width<=640px){.serviceColorPopover{z-index:2200;width:min(330px,92vw);position:fixed;top:90px;left:50%;right:auto;transform:translate(-50%)}.serviceColorGrid button{width:42px;height:42px}.serviceNameColorInput{grid-template-columns:1fr 44px}}.shiftCustomTimes{background:#f8f5f1;border:1px solid #eadfd2;border-radius:14px;gap:10px;margin-top:8px;padding:12px;display:grid}.shiftCustomTimes label{color:#6b5b4b;gap:5px;font-weight:800;display:grid}.shiftCustomTimes input{background:#fff;border:1px solid #e5d7c8;border-radius:10px;padding:10px}.shiftCustomTimes .purpleBtn{justify-content:center;width:100%}.mobileBrandButton{box-shadow:none!important;color:inherit!important;text-align:left!important;cursor:pointer!important;background:0 0!important;border:0!important;padding:0!important}.mobileBrandButton strong{display:block!important}.mobileBellButton{position:relative!important}.mobileAvatarButton{color:#fff!important;background:#2563eb!important;border:0!important;border-radius:999px!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;font-size:.8rem!important;font-weight:900!important;display:grid!important}.mobileNotificationsPanel button{text-align:left!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;display:flex!important}.mobileNotificationsPanel button b{color:#fff!important;background:#2563eb!important;border-radius:999px!important;place-items:center!important;min-width:28px!important;height:24px!important;font-size:.8rem!important;display:grid!important}.mobileLangSelect,.topbarLangSelect{appearance:auto!important;color:#1f2937!important;box-shadow:none!important;cursor:pointer!important;background:#fff!important;border:1px solid #e5d7c8!important;border-radius:12px!important;font-weight:800!important}.mobileLangSelect{width:54px!important;height:36px!important;min-height:36px!important;padding:0 4px!important;font-size:.78rem!important}.topbarLangSelect{min-height:38px!important;padding:8px 12px!important;font-size:.92rem!important}@media (width<=640px){.adminCalendarLayout .calendarWorkArea,.adminCalendarLayout .mobileCalendarScroller{touch-action:pan-y!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;overflow:hidden auto!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader,.adminCalendarLayout .mobileCalendarScroller .calendarGrid.employeeCalendar{width:100vw!important;min-width:100vw!important;max-width:100vw!important;grid-template-columns:30px repeat(var(--staff-count,6), minmax(0, 1fr))!important;inline-size:100vw!important;min-inline-size:100vw!important;max-inline-size:100vw!important;display:grid!important;overflow-x:hidden!important}.adminCalendarLayout .mobileCalendarScroller .staffStrip.employeeHeader>div:first-child,.adminCalendarLayout .mobileCalendarScroller .timeCol{width:30px!important;min-width:30px!important;max-width:30px!important;min-inline-size:30px!important;max-inline-size:30px!important}.adminCalendarLayout .mobileCalendarScroller .employeeHead,.adminCalendarLayout .mobileCalendarScroller .employeeCol{width:auto!important;min-width:0!important;max-width:none!important;min-inline-size:0!important;max-inline-size:none!important;overflow:hidden!important}.adminCalendarLayout .mobileCalendarScroller .employeeHead{grid-template-columns:1fr!important;gap:1px!important;padding:2px 1px!important}.adminCalendarLayout .mobileCalendarScroller .employeeHead .avatar{border-width:1px!important;width:22px!important;height:22px!important;font-size:8px!important}.adminCalendarLayout .mobileCalendarScroller .employeeHead span{white-space:nowrap!important;text-overflow:clip!important;max-width:100%!important;font-size:7px!important;line-height:1!important;overflow:hidden!important}.adminCalendarLayout .mobileCalendarScroller .event{border-left-width:2px!important;padding:2px 1px!important;font-size:7px!important;left:1px!important;right:1px!important}.adminCalendarLayout .mobileCalendarScroller .event b,.adminCalendarLayout .mobileCalendarScroller .event span,.adminCalendarLayout .mobileCalendarScroller .event small{white-space:nowrap!important;text-overflow:clip!important;font-size:7px!important;line-height:1!important;overflow:hidden!important}}.revenueBreakdownRows{gap:10px;margin-top:14px;display:grid}.revenueBreakdownRow{background:#fff;border:1px solid #0f172a14;border-radius:14px;grid-template-columns:minmax(52px,80px) minmax(70px,auto);align-items:center;gap:12px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.revenueBreakdownRow span,.revenueBreakdownRow strong{z-index:1;position:relative}.revenueBreakdownRow strong{text-align:right;font-weight:800}.revenueBreakdownRow i{background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:999px;min-width:4px;height:4px;position:absolute;bottom:0;left:0}@media (width<=700px){.revenueBreakdownRow{grid-template-columns:1fr auto}}.staffAdminPage .staffScheduleMobile{gap:22px;padding:4px 0 24px;display:grid}.staffAdminPage .scheduleTitle{color:#fff;background:radial-gradient(circle at 8% 0,#8b5cf629,#0000 30%),linear-gradient(135deg,#111827 0%,#1f2937 54%,#312e81 100%);border-radius:28px;justify-content:space-between;align-items:flex-end;gap:18px;padding:22px 24px;display:flex;box-shadow:0 22px 55px #11182738}.staffAdminPage .scheduleTitle h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(1.35rem,2vw,2rem)}.staffAdminPage .scheduleTitle>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.staffAdminPage .scheduleTitle span{opacity:.86;font-variant-numeric:tabular-nums;font-weight:700}.staffAdminPage .scheduleTitle button{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff42;border-radius:14px;width:38px;height:38px;transition:transform .18s,background .18s}.staffAdminPage .scheduleTitle button:hover{background:#ffffff38;transform:translateY(-1px)}.staffAdminPage .scheduleTitle button:active{transform:translateY(1px)scale(.98)}.staffAdminPage .scheduleDays{grid-template-columns:repeat(7,minmax(82px,1fr));gap:10px;display:grid}.staffAdminPage .scheduleDays button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e8ecf4;border-radius:22px;place-items:center;gap:3px;min-height:78px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:0 10px 24px #0f172a0d}.staffAdminPage .scheduleDays button span{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:.78rem;font-weight:800}.staffAdminPage .scheduleDays button b{font-variant-numeric:tabular-nums;font-size:1.35rem}.staffAdminPage .scheduleDays button:hover{border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 18px 34px #5b21b61f}.staffAdminPage .scheduleDays button.picked{color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777);border-color:#0000;box-shadow:0 18px 34px #7c3aed40}.staffAdminPage .scheduleDays button.picked span{color:#fffc}.staffAdminPage .openHoursGrid{background:#f8fafc;border:1px solid #e8ecf4;border-radius:26px;grid-template-columns:170px repeat(7,minmax(82px,1fr));align-items:stretch;gap:10px;padding:16px;display:grid}.staffAdminPage .openHoursGrid h4{color:#334155;align-items:center;margin:0;padding:0 8px;font-size:.95rem;display:flex}.staffAdminPage .openHoursGrid>div{white-space:pre-line;text-align:center;color:#334155;font-variant-numeric:tabular-nums;background:#fff;border-radius:18px;place-items:center;min-height:58px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #0f172a0a}.staffAdminPage .workerSchedule{cursor:pointer;background:#fff;border:1px solid #e8ecf4;border-radius:26px;grid-template-columns:170px 1fr;align-items:stretch;gap:14px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 16px 36px #0f172a0f}.staffAdminPage .workerSchedule:hover{border-color:#ddd6fe;transform:translateY(-2px);box-shadow:0 22px 46px #5b21b61f}.staffAdminPage .workerSchedule header{align-items:center;gap:12px;min-width:0;display:flex}.staffAdminPage .workerSchedule .avatar{flex:none;box-shadow:0 10px 20px #7c3aed2e}.staffAdminPage .workerSchedule header b{color:#0f172a;letter-spacing:-.015em}.staffAdminPage .workerTimes{grid-template-columns:repeat(7,minmax(82px,1fr));gap:10px;display:grid}.staffAdminPage .workerTimes span{color:#64748b;font-variant-numeric:tabular-nums;background:linear-gradient(#fff,#f8fafc);border:1px solid #edf1f7;border-radius:18px;place-items:center;min-height:58px;font-weight:800;display:grid}.staffAdminPage .workerTimes span b{color:#334155;line-height:1.1;display:block}@media (width<=980px){.staffAdminPage .scheduleDays,.staffAdminPage .workerTimes{grid-template-columns:repeat(7,minmax(72px,1fr));overflow-x:auto}.staffAdminPage .openHoursGrid,.staffAdminPage .workerSchedule{grid-template-columns:140px repeat(7,minmax(72px,1fr));overflow-x:auto}.staffAdminPage .workerSchedule{display:grid}}@media (width<=700px){.staffAdminPage .scheduleTitle{border-radius:24px;flex-direction:column;align-items:flex-start}.staffAdminPage .scheduleDays,.staffAdminPage .workerTimes{grid-template-columns:repeat(7,72px)}.staffAdminPage .openHoursGrid{grid-template-columns:118px repeat(7,72px)}.staffAdminPage .workerSchedule{grid-template-columns:1fr}.staffAdminPage .workerTimes{padding-bottom:4px;overflow-x:auto}.adminCalendarLayout .calendarTop .todayBtn{color:#fff!important;text-indent:0!important;white-space:nowrap!important;white-space:nowrap!important;background:#2563eb!important;border:0!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:64px!important;max-width:none!important;height:36px!important;padding:0 12px!important;font-size:0!important;font-weight:800!important;line-height:1!important;display:inline-flex!important;position:relative!important;overflow:visible!important}.adminCalendarLayout .calendarTop .todayBtn>span{display:none!important}.adminCalendarLayout .calendarTop .todayBtn:before{content:attr(data-label)!important;color:#fff!important;text-indent:0!important;opacity:1!important;visibility:visible!important;font-size:12px!important;font-weight:800!important;line-height:1!important;display:block!important}}