:root{color:#f5f0df;background:#0e0e0f;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1a1710 0,#0e0e0f 40%,#080808)}.page{min-height:100vh;padding:48px 24px}.card{width:min(1180px,100%);margin:0 auto;padding:42px;border:1px solid rgba(218,179,48,.45);border-radius:24px;background:#111111f0;box-shadow:0 28px 80px #00000073}.brand{color:#e2bd2e;letter-spacing:.35em;font-weight:800;margin-bottom:22px}h1{font-size:clamp(38px,5vw,56px);margin:0 0 18px}p{color:#e5ddc8;font-size:19px}.form{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:8px;font-size:17px}input{width:100%;padding:18px 20px;border:1px solid rgba(218,179,48,.5);border-radius:16px;background:#070707;color:#fff;font-size:17px;outline:none}button{cursor:pointer}.form button{margin-top:8px;padding:18px 22px;border:none;border-radius:16px;background:#dfbd36;color:#080808;font-weight:800;font-size:17px}.status,.panel{margin-top:24px;padding:22px;border-radius:16px;background:#2b2617b8}.panel h2{margin:0 0 12px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.tab{border:1px solid rgba(218,179,48,.45);background:#171717;color:#f5f0df;padding:12px 16px;border-radius:999px;font-weight:700}.tab.active{background:#dfbd36;color:#080808}.grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:18px;margin-top:28px}.grid div{padding:28px;border:1px solid rgba(218,179,48,.45);border-radius:18px;background:#191919}.grid strong{display:block;color:#dfbd36;font-size:39px;margin-bottom:8px}.grid span{font-size:17px}.tableWrap{max-height:560px;overflow:auto;border:1px solid rgba(218,179,48,.35);border-radius:18px;background:#111}table{width:100%;border-collapse:collapse;min-width:920px}th,td{padding:14px 16px;border-bottom:1px solid rgba(218,179,48,.18);text-align:left;vertical-align:top}th{position:sticky;top:0;background:#211d12;color:#dfbd36;z-index:1}td{color:#eee5cf}.empty{padding:24px;border-radius:16px;background:#2b2617b8}small{display:block;margin-top:24px;color:#b9ad91;font-size:14px}@media (max-width: 900px){.card{padding:24px}.grid{grid-template-columns:repeat(2,1fr)}}.actionButton{border:1px solid rgba(218,179,48,.65);background:#dfbd36;color:#080808;border-radius:12px;padding:10px 12px;font-weight:800;white-space:nowrap}.actionButton:disabled{opacity:.65;cursor:wait}.actionButton.danger{background:#dfbd36;color:#080808}.inlineInput{width:150px;padding:10px 12px;border:1px solid rgba(226,198,59,.55);background:#0f0f0f;color:#f8f1df;border-radius:10px;font-size:14px}.inlineInput.wide{width:260px}.staffCreateBox{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px;margin:18px 0;border:1px solid rgba(226,198,59,.45);border-radius:18px;background:#19160dbf}.smallCheck{display:inline-flex;align-items:center;gap:8px;color:#f8f1df;font-weight:700}.staffCreateBox{align-items:flex-end;gap:12px;padding:14px 16px}.staffCreateTitle{width:100%;font-size:17px;font-weight:800;color:#f8f1df;margin-bottom:2px}.staffField{display:flex;flex-direction:column;gap:6px;color:#f8f1df;font-size:12px;font-weight:700}.staffField.wide{min-width:260px}.staffField span,.compactCheck span{font-size:12px;opacity:.9}.inlineInput.compact{width:170px}.compactCheck{flex-direction:column;align-items:flex-start;font-size:12px;gap:8px}.compactSave{min-width:110px;height:48px}.actionGroup{display:flex;gap:8px;align-items:center}.archiveBox{margin-top:24px;padding:18px;border:1px solid rgba(226,198,59,.35);border-radius:18px;background:#0f0d08a6}.archiveBox h3{margin:0 0 14px;font-size:17px;color:#f8f1df}.compactActionGroup{gap:8px}.actionSelect{width:125px;min-width:125px}.compactActionGroup .actionButton{min-width:90px}.staffTable th:nth-child(6),.staffTable td:nth-child(6){width:72px;min-width:72px;max-width:72px;text-align:center}.staffTable th:nth-child(7),.staffTable td:nth-child(7){width:64px;min-width:64px;max-width:64px;text-align:center}.staffTable th:nth-child(8),.staffTable td:nth-child(8){width:230px;min-width:230px;max-width:230px}.staffTable .actionSelect{width:105px;min-width:105px;max-width:105px}.staffTable .compactActionGroup{display:flex;gap:8px;align-items:center;justify-content:flex-start;white-space:nowrap}.staffTable .compactActionGroup .actionButton{min-width:78px;padding-left:14px;padding-right:14px}.staffTable input[type=checkbox]{transform:scale(.95)}.servicesCategoryView{display:grid;grid-template-columns:320px 1fr;gap:18px;margin-top:18px}.categoryPanel,.servicePanel{border:1px solid rgba(226,198,59,.35);border-radius:18px;background:#0f0d08a6;padding:18px}.categoryPanel h3,.servicePanel h3{margin:0 0 14px;color:#f8f1df;font-size:19px}.categoryList{display:flex;flex-direction:column;gap:10px}.categoryButton{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid rgba(226,198,59,.45);border-radius:14px;background:#111;color:#f8f1df;font-weight:800;cursor:pointer;text-align:left}.categoryButton small{color:#e2c63b;font-weight:700;white-space:nowrap}.categoryButton.active{background:#e2c63b;color:#111}.categoryButton.active small{color:#111}.serviceInnerTable{max-height:620px}.servicesInnerTable th:nth-child(1),.servicesInnerTable td:nth-child(1){width:80px}.servicesInnerTable th:nth-child(2),.servicesInnerTable td:nth-child(2){width:90px}.servicesInnerTable th:nth-child(4),.servicesInnerTable td:nth-child(4){width:90px}.servicesInnerTable th:nth-child(5),.servicesInnerTable td:nth-child(5){width:100px}.servicesInnerTable th:nth-child(6),.servicesInnerTable td:nth-child(6){width:90px}.serviceBranchFilter{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;color:#f8f1df;font-size:13px;font-weight:800}.serviceBranchFilter .inlineInput{width:100%}.mappingsFilteredView{margin-top:18px}.mappingsFilterBox{display:grid;grid-template-columns:150px 220px 1fr 1fr;gap:14px;align-items:end;margin-bottom:16px;padding:16px;border:1px solid rgba(226,198,59,.35);border-radius:18px;background:#0f0d08a6}.mappingFilterField{display:flex;flex-direction:column;gap:8px;color:#f8f1df;font-weight:800;font-size:13px}.mappingFilterField .inlineInput{width:100%}.mappingsTable th:nth-child(1),.mappingsTable td:nth-child(1){width:90px}.mappingsTable th:nth-child(2),.mappingsTable td:nth-child(2){width:120px}.mappingsTable th:nth-child(4),.mappingsTable td:nth-child(4){width:160px}.mappingsTable th:nth-child(6),.mappingsTable td:nth-child(6){width:90px;text-align:center}.mappingsTable th:nth-child(7),.mappingsTable td:nth-child(7){width:130px}.serviceCreateBox{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:14px 16px;margin:18px 0;border:1px solid rgba(226,198,59,.45);border-radius:18px;background:#19160dbf}.serviceCreateBox{display:grid;grid-template-columns:minmax(130px,160px) minmax(180px,1fr) minmax(220px,1.25fr) 110px 120px 70px 120px;align-items:end;gap:12px}.serviceCreateBox .staffCreateTitle{grid-column:1 / -1}.serviceCreateBox .staffField,.serviceCreateBox .smallCheck{min-width:0}.serviceCreateBox .inlineInput{width:100%;box-sizing:border-box}.serviceCreateBox .compactSave{width:120px;height:48px}@media (max-width: 1200px){.serviceCreateBox{grid-template-columns:repeat(3,minmax(160px,1fr))}}.servicePassiveToggle{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#f8f1df;font-weight:800;font-size:13px}.servicesInnerTable th:nth-child(7),.servicesInnerTable td:nth-child(7){width:130px;text-align:center}.serviceActiveSelect{width:105px;min-width:105px}.servicesInnerTable th:nth-child(6),.servicesInnerTable td:nth-child(6){width:120px;text-align:center}.mappingActiveSelect{width:105px;min-width:105px}.mappingsTable th:nth-child(6),.mappingsTable td:nth-child(6){width:120px;text-align:center}.categoryPanel .servicePassiveToggle{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;max-width:100%!important;margin:8px 0 16px!important;color:#f8f1df;font-weight:800;font-size:13px;white-space:nowrap!important;line-height:1.2}.categoryPanel .servicePassiveToggle input[type=checkbox]{margin:0!important;flex:0 0 auto}.categoryPanel .servicePassiveToggle{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:10px 0 16px!important;padding:0!important;overflow:hidden!important;white-space:nowrap!important;color:#f8f1df!important;font-weight:800!important;font-size:13px!important;line-height:1.2!important}.categoryPanel .servicePassiveToggle+.categoryList{margin-top:4px!important}.categoryPanel .servicePassiveToggle{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;margin:10px 0 16px!important;overflow:visible!important;white-space:normal!important}.categoryPanel .servicePassiveToggle span{display:inline-block!important;color:#f8f1df!important;font-weight:800!important;font-size:13px!important;line-height:1.2!important}.categoryPanel .servicePassiveToggle input[type=checkbox]{margin:0!important;flex:0 0 auto!important}.categoryPanel label.servicePassiveToggle{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;justify-items:start!important;column-gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:10px 0 16px!important;padding:0!important;overflow:hidden!important;white-space:nowrap!important}.categoryPanel label.servicePassiveToggle input[type=checkbox]{grid-column:1!important;justify-self:start!important;align-self:center!important;width:16px!important;height:16px!important;margin:0!important}.categoryPanel label.servicePassiveToggle span{grid-column:2!important;justify-self:start!important;display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important;color:#f8f1df!important;font-weight:800!important;font-size:13px!important;line-height:1.2!important}.form{max-width:100%}.form label{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;color:#f8f1df;font-size:17px;font-weight:800}.form select,.form input{width:100%;min-height:58px;box-sizing:border-box;border-radius:16px;border:1px solid rgba(226,198,59,.85);background:linear-gradient(180deg,#222226fa,#0c0c0cfa);color:#f8f1df;padding:0 20px;font-size:17px;font-weight:600;outline:none;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #e2c63b1f,0 10px 26px #00000038}.form select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:54px;background-image:linear-gradient(180deg,#222226fa,#0c0c0cfa),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23e2c63b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:left top,right 18px center;background-size:100% 100%,22px 22px}.form select option{background:#111;color:#f8f1df}.form select:focus,.form input:focus{border-color:#f3d74c;box-shadow:inset 0 1px #ffffff1f,0 0 0 2px #e2c63b38,0 12px 30px #0000004d}.form button[type=submit]{min-height:56px;border-radius:16px;font-size:16px;font-weight:900}.mappingCreateBox{border:1px solid rgba(212,175,55,.28);border-radius:16px;padding:16px;margin-bottom:18px;background:#ffffff09}.mappingCreateTitle{font-weight:700;margin-bottom:12px;letter-spacing:.2px}.mappingCreateGrid{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1fr) minmax(260px,1.8fr) minmax(220px,1.4fr) auto;gap:12px;align-items:end}.mappingCreateButton{min-height:42px;white-space:nowrap}@media (max-width: 1100px){.mappingCreateGrid{grid-template-columns:1fr 1fr}.mappingCreateButton{width:100%}}.serviceEditTable th:nth-child(3),.serviceEditTable td:nth-child(3){min-width:180px}.serviceEditTable th:nth-child(4),.serviceEditTable td:nth-child(4){min-width:260px}.serviceEditInput{width:100%;min-height:38px}.serviceEditInput.durationInput{max-width:90px}.serviceEditInput.priceInput{max-width:120px}.serviceSaveButton{min-width:86px;white-space:nowrap}.servicesInnerTable.serviceEditTable{min-width:980px!important}.serviceEditTable th,.serviceEditTable td{vertical-align:middle!important}.serviceEditTable th:nth-child(1),.serviceEditTable td:nth-child(1){width:70px!important}.serviceEditTable th:nth-child(2),.serviceEditTable td:nth-child(2){width:80px!important}.serviceEditTable th:nth-child(3),.serviceEditTable td:nth-child(3){width:190px!important;min-width:190px!important}.serviceEditTable th:nth-child(4),.serviceEditTable td:nth-child(4){width:300px!important;min-width:300px!important}.serviceEditTable th:nth-child(5),.serviceEditTable td:nth-child(5){width:110px!important;min-width:110px!important}.serviceEditTable th:nth-child(6),.serviceEditTable td:nth-child(6){width:130px!important;min-width:130px!important}.serviceEditInput.durationInput{width:90px!important;min-width:90px!important;max-width:90px!important}.serviceEditInput.priceInput{width:115px!important;min-width:115px!important;max-width:115px!important}.serviceActiveSelect{min-width:110px!important}.serviceSaveButton{min-width:96px!important}.app,.page,.panel,.shell,.dashboard{gap:14px!important}.userBox,.userCard,.sessionBox,.headerCard{margin-bottom:14px!important;padding:20px 24px!important}.tabs,.tabBar{gap:10px!important;margin:14px 0 18px!important}.tabButton,.tabs button{padding:10px 18px!important}.staffCreateBox,.serviceCreateBox,.mappingCreateBox,.mappingsFilterBox,.categoryPanel,.servicePanel{padding:14px 16px!important}.staffCreateBox,.serviceCreateBox,.mappingCreateBox,.mappingsFilterBox{margin-bottom:12px!important}.servicesCategoryView{gap:12px!important;margin-top:12px!important}.categoryPanel{max-width:320px!important}.categoryList{gap:8px!important}.categoryButton{padding:14px 16px!important;margin-bottom:8px!important}.servicePanel{margin-left:0!important}.tableWrap,.serviceInnerTable{margin-top:8px!important}.dataTable th,.dataTable td{padding-top:10px!important;padding-bottom:10px!important}.inlineInput,.actionButton{min-height:38px!important}.servicesCategoryView{display:grid!important;grid-template-columns:290px minmax(0,1fr)!important;gap:10px!important;width:100%!important;max-width:100%!important}.categoryPanel{width:290px!important;min-width:290px!important;max-width:290px!important}.servicePanel{min-width:0!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.tableWrap.serviceInnerTable{width:100%!important;max-width:100%!important;overflow-x:auto!important}.servicesInnerTable.serviceEditTable{width:100%!important;min-width:880px!important;table-layout:fixed!important}.serviceEditTable th:nth-child(1),.serviceEditTable td:nth-child(1){width:55px!important}.serviceEditTable th:nth-child(2),.serviceEditTable td:nth-child(2){width:65px!important}.serviceEditTable th:nth-child(3),.serviceEditTable td:nth-child(3){width:135px!important;min-width:135px!important}.serviceEditTable th:nth-child(4),.serviceEditTable td:nth-child(4){width:215px!important;min-width:215px!important}.serviceEditTable th:nth-child(5),.serviceEditTable td:nth-child(5){width:75px!important;min-width:75px!important}.serviceEditTable th:nth-child(6),.serviceEditTable td:nth-child(6){width:95px!important;min-width:95px!important}.serviceEditTable th:nth-child(7),.serviceEditTable td:nth-child(7){width:105px!important}.serviceEditTable th:nth-child(8),.serviceEditTable td:nth-child(8){width:95px!important}.serviceEditInput{padding-left:10px!important;padding-right:10px!important}.serviceEditInput.durationInput{width:68px!important;min-width:68px!important;max-width:68px!important}.serviceEditInput.priceInput{width:88px!important;min-width:88px!important;max-width:88px!important}.serviceSaveButton{min-width:78px!important;padding-left:12px!important;padding-right:12px!important}.servicesCategoryView{grid-template-columns:260px minmax(0,1fr)!important;gap:8px!important}.categoryPanel{width:260px!important;min-width:260px!important;max-width:260px!important}.servicePanel{overflow:hidden!important}.tableWrap.serviceInnerTable{overflow-x:hidden!important}.servicesInnerTable.serviceEditTable{min-width:0!important;width:100%!important;table-layout:fixed!important;font-size:12px!important}.serviceEditTable th,.serviceEditTable td{padding-left:6px!important;padding-right:6px!important}.serviceEditTable th:nth-child(1),.serviceEditTable td:nth-child(1){width:44px!important}.serviceEditTable th:nth-child(2),.serviceEditTable td:nth-child(2){width:50px!important}.serviceEditTable th:nth-child(3),.serviceEditTable td:nth-child(3){width:105px!important;min-width:105px!important}.serviceEditTable th:nth-child(4),.serviceEditTable td:nth-child(4){width:170px!important;min-width:170px!important}.serviceEditTable th:nth-child(5),.serviceEditTable td:nth-child(5){width:58px!important;min-width:58px!important}.serviceEditTable th:nth-child(6),.serviceEditTable td:nth-child(6){width:78px!important;min-width:78px!important}.serviceEditTable th:nth-child(7),.serviceEditTable td:nth-child(7){width:82px!important}.serviceEditTable th:nth-child(8),.serviceEditTable td:nth-child(8){width:78px!important}.serviceEditInput{min-height:34px!important;height:34px!important;padding-left:8px!important;padding-right:8px!important}.serviceEditInput.durationInput{width:54px!important;min-width:54px!important;max-width:54px!important}.serviceEditInput.priceInput{width:70px!important;min-width:70px!important;max-width:70px!important}.serviceActiveSelect{min-width:78px!important;height:34px!important;padding-left:8px!important;padding-right:8px!important}.serviceSaveButton{min-width:68px!important;height:34px!important;min-height:34px!important;padding-left:8px!important;padding-right:8px!important}.serviceCreateBox,.staffCreateBox,.mappingCreateBox,.mappingsFilterBox{gap:1px!important}.serviceCreateBox .staffCreateGrid,.staffCreateGrid,.mappingCreateGrid,.mappingsFilterBox{gap:1px!important;column-gap:1px!important;row-gap:1px!important}.servicesCategoryView{gap:1px!important;column-gap:1px!important}.categoryPanel,.servicePanel{margin:0!important}.servicePanel{padding-left:6px!important;padding-right:6px!important}.tableWrap.serviceInnerTable{padding:0!important;margin:0!important}.servicesInnerTable.serviceEditTable{border-spacing:0!important;border-collapse:collapse!important;width:100%!important;table-layout:fixed!important}.serviceEditTable th,.serviceEditTable td{padding:4px 1px!important}.inlineInput,.serviceEditInput,.serviceActiveSelect{margin:0!important}.serviceEditInput{padding-left:6px!important;padding-right:6px!important}.serviceEditTable th:nth-child(1),.serviceEditTable td:nth-child(1){width:40px!important}.serviceEditTable th:nth-child(2),.serviceEditTable td:nth-child(2){width:46px!important}.serviceEditTable th:nth-child(3),.serviceEditTable td:nth-child(3){width:100px!important;min-width:100px!important}.serviceEditTable th:nth-child(4),.serviceEditTable td:nth-child(4){width:165px!important;min-width:165px!important}.serviceEditTable th:nth-child(5),.serviceEditTable td:nth-child(5){width:56px!important;min-width:56px!important}.serviceEditTable th:nth-child(6),.serviceEditTable td:nth-child(6){width:72px!important;min-width:72px!important}.serviceEditTable th:nth-child(7),.serviceEditTable td:nth-child(7){width:78px!important}.serviceEditTable th:nth-child(8),.serviceEditTable td:nth-child(8){width:70px!important}.serviceEditInput.durationInput{width:52px!important;min-width:52px!important;max-width:52px!important}.serviceEditInput.priceInput{width:68px!important;min-width:68px!important;max-width:68px!important}.serviceActiveSelect{width:76px!important;min-width:76px!important}.serviceSaveButton{min-width:64px!important;width:64px!important;padding-left:6px!important;padding-right:6px!important}.panel-form,.form-card,.form-section,.modal-form{gap:14px}.panel-form label,.form-card label,.form-section label,.modal-form label{display:block;margin-bottom:6px}.panel-form input,.panel-form select,.panel-form textarea,.form-card input,.form-card select,.form-card textarea,.form-section input,.form-section select,.form-section textarea,.modal-form input,.modal-form select,.modal-form textarea{margin-top:4px;margin-bottom:12px}.form-row,.field-row,.input-row{gap:12px;align-items:flex-end}.form-actions,.modal-actions,.panel-actions{margin-top:16px;gap:10px}.servicesInnerTable.serviceEditTable{border-collapse:separate!important;border-spacing:1px 1px!important;table-layout:fixed!important}.serviceEditTable th,.serviceEditTable td{padding-left:1px!important;padding-right:1px!important}.serviceEditTable th:nth-child(5),.serviceEditTable td:nth-child(5){width:62px!important}.serviceEditTable th:nth-child(6),.serviceEditTable td:nth-child(6){width:92px!important}.serviceEditTable th:nth-child(7),.serviceEditTable td:nth-child(7){width:112px!important}.serviceEditTable th:nth-child(8),.serviceEditTable td:nth-child(8){width:88px!important}.serviceEditInput.durationInput,.serviceEditInput.priceInput,.serviceActiveSelect,.serviceSaveButton{margin-left:0!important;margin-right:0!important}.serviceEditInput.durationInput{width:58px!important}.serviceEditInput.priceInput{width:84px!important}.serviceActiveSelect{width:108px!important}.serviceSaveButton{width:84px!important}.appointmentFormBox{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 18px;padding:16px;border:1px solid rgba(202,162,83,.28);border-radius:18px;background:#0c101885}.appointmentFormBox .staffCreateTitle{flex:1 0 100%}.appointmentFormBox .staffField{min-width:132px}.appointmentFormBox .staffField.wide{min-width:220px}.appointmentFormBox .compactSave{min-width:94px}.appointmentHint{font-size:11px;opacity:.72;padding-bottom:8px}.appointmentsTable{border-spacing:2px 2px!important;min-width:760px!important}.appointmentsTable th,.appointmentsTable td{padding:3px!important;line-height:1.05!important;white-space:nowrap!important;vertical-align:middle!important}.appointmentsTable th:nth-child(3),.appointmentsTable td:nth-child(3){width:92px!important;min-width:92px!important;max-width:92px!important}.summaryGrid{grid-template-columns:repeat(4,minmax(120px,1fr))!important;gap:10px!important;margin-top:14px!important}.summaryGrid>div{min-height:82px!important;padding:14px 16px!important;border-radius:16px!important}.summaryGrid strong{font-size:27px!important;line-height:1!important;margin-bottom:5px!important}.summaryGrid span{font-size:13px!important;line-height:1.1!important}@media (max-width: 900px){.page{padding:12px!important}.card{width:100%!important;max-width:100%!important;padding:18px!important;border-radius:18px!important}.brand{font-size:27px!important;letter-spacing:.08em!important}.tabs{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch!important}.tabs button{flex:0 0 auto!important;white-space:nowrap!important;padding:10px 14px!important;font-size:12px!important}.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.summaryGrid>div{min-height:74px!important;padding:12px!important}.summaryGrid strong{font-size:23px!important}.summaryGrid span{font-size:12px!important}.appointmentFormBox{grid-template-columns:1fr!important;gap:10px!important}.appointmentFormBox .staffField,.appointmentFormBox .staffField.wide,.appointmentFormBox .compactSave{grid-column:auto!important;width:100%!important}.tableWrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}@media (max-width: 520px){.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.summaryGrid>div{min-height:68px!important;padding:10px!important}.summaryGrid strong{font-size:21px!important}.summaryGrid span{font-size:11px!important}h1{font-size:23px!important}h2{font-size:17px!important}}@media (max-width: 900px){html,body,#root{max-width:100%!important;overflow-x:hidden!important}.page,.card{max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.tabs{flex-wrap:nowrap!important;overflow-x:auto!important;max-width:100%!important}.serviceCreateBox{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;gap:10px!important;padding:14px!important;box-sizing:border-box!important}.serviceCreateBox .staffCreateTitle,.serviceCreateBox .staffField,.serviceCreateBox .staffField.wide,.serviceCreateBox .smallCheck,.serviceCreateBox .compactSave{grid-column:1 / -1!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.serviceCreateBox .inlineInput,.serviceCreateBox .inlineInput.compact,.serviceCreateBox .inlineInput.wide,.serviceCreateBox input,.serviceCreateBox select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.serviceCreateBox .compactSave{min-height:54px!important;margin-top:4px!important}.servicesCategoryView{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:12px!important;overflow:hidden!important}.categoryPanel,.servicePanel{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.categoryPanel,.servicePanel{overflow:hidden!important}.categoryList,.categoryButton{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.tableWrap.serviceInnerTable,.serviceInnerTable{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.servicesInnerTable.serviceEditTable{min-width:760px!important;width:max-content!important}.serviceEditTable th,.serviceEditTable td{white-space:nowrap!important}}@media (max-width: 520px){.serviceCreateBox{padding:12px!important;border-radius:16px!important}.serviceCreateBox .staffCreateTitle,.categoryPanel h3,.servicePanel h3{font-size:23px!important;line-height:1.1!important}.serviceCreateBox .staffField span,.serviceCreateBox .smallCheck span,.serviceBranchFilter span,.servicePassiveToggle span{font-size:14px!important}.serviceCreateBox .inlineInput,.serviceBranchFilter .inlineInput{min-height:48px!important;font-size:15px!important}.categoryButton{padding:14px 16px!important;border-radius:16px!important}}@media (max-width: 900px){.mappingCreateBox,.mappingFilterBox,.mappingFilters,.mappingFilterPanel{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;gap:10px!important;padding:14px!important;box-sizing:border-box!important}.mappingCreateBox .staffCreateTitle,.mappingCreateBox .staffField,.mappingCreateBox .staffField.wide,.mappingCreateBox .mappingFilterField,.mappingCreateBox .compactSave,.mappingFilterBox .mappingFilterField,.mappingFilters .mappingFilterField,.mappingFilterPanel .mappingFilterField{grid-column:1 / -1!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.mappingCreateBox .inlineInput,.mappingCreateBox .inlineInput.compact,.mappingCreateBox .inlineInput.wide,.mappingFilterBox .inlineInput,.mappingFilters .inlineInput,.mappingFilterPanel .inlineInput,.mappingFilterField .inlineInput,.mappingCreateBox input,.mappingCreateBox select,.mappingFilterBox input,.mappingFilterBox select,.mappingFilters input,.mappingFilters select,.mappingFilterPanel input,.mappingFilterPanel select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.mappingCreateBox .compactSave{width:100%!important;min-height:54px!important;margin-top:4px!important}.mappingsTable,.mappingTable{min-width:760px!important;width:max-content!important}.tableWrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}@media (max-width: 520px){.mappingCreateBox,.mappingFilterBox,.mappingFilters,.mappingFilterPanel{padding:12px!important;border-radius:16px!important}.mappingCreateBox .staffCreateTitle{font-size:23px!important;line-height:1.1!important}.mappingCreateBox .staffField span,.mappingFilterField span{font-size:14px!important}.mappingCreateBox .inlineInput,.mappingFilterField .inlineInput{min-height:48px!important;font-size:15px!important}}@media (max-width: 900px){.mappingsFilteredView,.mappingCreateBox,.mappingCreateGrid,.mappingsFilterBox{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}.mappingCreateGrid,.mappingsFilterBox{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.mappingCreateGrid .mappingFilterField,.mappingCreateGrid .mappingFilterField.wide,.mappingsFilterBox .mappingFilterField,.mappingsFilterBox .mappingFilterField.wide,.mappingCreateButton{grid-column:1 / -1!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.mappingCreateGrid .inlineInput,.mappingsFilterBox .inlineInput,.mappingFilterField .inlineInput,.mappingCreateGrid select,.mappingsFilterBox select{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.mappingCreateButton{min-height:54px!important;margin-top:4px!important}.mappingsFilteredView .tableWrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.mappingsFilteredView table,.mappingsFilteredView .dataTable{min-width:760px!important;width:max-content!important}}@media (max-width: 520px){.mappingCreateBox,.mappingsFilterBox{padding:12px!important;border-radius:16px!important}.mappingCreateTitle{font-size:23px!important;line-height:1.1!important}.mappingFilterField span{font-size:14px!important}.mappingFilterField .inlineInput{min-height:48px!important;font-size:15px!important}}.redirectDecisionBox{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) 150px 120px minmax(140px,1fr) auto auto;gap:8px;align-items:end;min-width:980px}@media (max-width: 900px){.redirectDecisionBox{grid-template-columns:1fr;min-width:260px}}.redirectDecisionCard{display:grid;grid-template-columns:1fr;gap:12px;margin:16px 0;padding:14px;border:1px solid rgba(245,210,61,.35);border-radius:16px;background:#f5d23d0d}.redirectDecisionCard .redirectDecisionBox{display:grid;grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) 150px 120px minmax(150px,1fr) auto auto;gap:10px;align-items:end;min-width:0}@media (max-width: 1100px){.redirectDecisionCard .redirectDecisionBox{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.redirectDecisionCard .redirectDecisionBox{grid-template-columns:1fr}}.redirectDecisionCard{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:18px 20px!important;margin:16px 0!important}.redirectDecisionCard .mappingCreateTitle{margin-bottom:14px!important}.redirectDecisionCard .staffField.wide{width:100%!important;max-width:390px!important;margin-bottom:12px!important}.redirectDecisionCard .redirectDecisionBox{display:grid!important;grid-template-columns:minmax(160px,1.2fr) minmax(160px,1.2fr) minmax(135px,.8fr) minmax(105px,.65fr) minmax(145px,.95fr) minmax(78px,auto) minmax(78px,auto)!important;gap:3px!important;align-items:end!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.redirectDecisionCard .redirectDecisionBox .inlineInput{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;min-height:46px!important}.redirectDecisionCard .redirectDecisionBox .actionButton{width:auto!important;min-width:78px!important;max-width:96px!important;min-height:46px!important;padding:0 12px!important;white-space:nowrap!important;justify-self:end!important}@media (max-width: 1280px){.redirectDecisionCard .redirectDecisionBox{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(130px,.75fr) minmax(100px,.6fr) minmax(130px,.8fr) 74px 74px!important}.redirectDecisionCard .redirectDecisionBox .actionButton{min-width:74px!important;max-width:84px!important;padding:0 8px!important;font-size:13px!important}}@media (max-width: 900px){.redirectDecisionCard{padding:14px!important}.redirectDecisionCard .staffField.wide{max-width:100%!important}.redirectDecisionCard .redirectDecisionBox{grid-template-columns:1fr!important;gap:3px!important}.redirectDecisionCard .redirectDecisionBox .actionButton{width:100%!important;max-width:100%!important;justify-self:stretch!important}}.redirectActiveOnlyHint{grid-column:1 / -1!important;margin:-2px 0 8px!important;font-size:13px!important;opacity:.9!important}.redirectSummaryPanel{margin-top:16px;padding:18px;border:1px solid rgba(245,210,61,.35);border-radius:18px;background:#f5d23d0a}.redirectSummaryPanel .staffCreateTitle{margin-bottom:12px}.redirectSummaryPanel table{min-width:900px}.slotHint{display:block;margin-top:5px;font-size:11px;opacity:.8}.redirectRequestTopRow{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.45fr) minmax(0,.85fr);gap:3px!important;align-items:start!important;box-sizing:border-box!important;overflow:visible!important}.redirectRequestRandevuBlock,.redirectRequestButtonCell{width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:0!important;box-sizing:border-box!important}.redirectRequestTopRow .staffField,.redirectRequestTopRow .staffField.wide,.redirectRequestTopRow .redirectRequestField,.redirectRequestTopRow .redirectRequestFieldNote,.redirectRequestTopRow .redirectRequestFieldRandevu{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;flex:unset!important;box-sizing:border-box!important}.redirectRequestTopRow .staffField>span,.redirectRequestTopRow .redirectRequestField>span,.redirectRequestRandevuBlock .redirectRequestFieldRandevu>span,.redirectRequestButtonLabel{display:block!important;height:30px!important;min-height:30px!important;line-height:30px!important;margin:0!important;white-space:nowrap!important;box-sizing:border-box!important;font-weight:700!important}.redirectRequestTopRow .inlineInput,.redirectRequestTopRow .inlineInput.wide,.redirectRequestTopRow select,.redirectRequestTopRow input,.redirectRequestButton{width:100%!important;min-width:0!important;max-width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;box-sizing:border-box!important}.redirectRequestButton{margin:0!important;padding:0 10px!important;align-self:stretch!important;justify-self:stretch!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;white-space:nowrap!important;line-height:40px!important}.redirectRequestHint{width:100%!important;max-width:100%!important;margin:3px 0 0!important;padding:0!important;font-size:12px!important;line-height:1.25!important;opacity:.82!important;box-sizing:border-box!important}@media (max-width: 1200px){.redirectRequestTopRow{grid-template-columns:1fr 1fr!important}}@media (max-width: 760px){.redirectRequestTopRow{grid-template-columns:1fr!important}}.appointmentFormBox{gap:3px!important;column-gap:3px!important;row-gap:3px!important}.appointmentFormBox .staffField{margin:0!important}.appointmentFormBox .appointmentActionField,.appointmentFormBox .appointmentBranchField{width:60px!important;min-width:60px!important;max-width:60px!important;flex:0 0 60px!important}.appointmentFormBox .appointmentActionField .inlineInput,.appointmentFormBox .appointmentBranchField .inlineInput,.appointmentFormBox .appointmentActionField select,.appointmentFormBox .appointmentBranchField select{width:60px!important;min-width:60px!important;max-width:60px!important;padding-left:8px!important;padding-right:18px!important;box-sizing:border-box!important}.appointmentFormBox .appointmentActionField{width:80px!important;min-width:80px!important;max-width:80px!important;flex:0 0 80px!important}.appointmentFormBox .appointmentActionField .inlineInput,.appointmentFormBox .appointmentActionField select{width:80px!important;min-width:80px!important;max-width:80px!important;padding-left:8px!important;padding-right:18px!important;box-sizing:border-box!important}.appointmentFormBox .appointmentActionField{width:90px!important;min-width:90px!important;max-width:90px!important;flex:0 0 90px!important}.appointmentFormBox .appointmentActionField .inlineInput,.appointmentFormBox .appointmentActionField select{width:90px!important;min-width:90px!important;max-width:90px!important;padding-left:8px!important;padding-right:18px!important;box-sizing:border-box!important}.appointmentFormBox input[type=date],.appointmentFormBox input[type=date].inlineInput{color-scheme:dark!important;padding-right:36px!important;box-sizing:border-box!important}.appointmentFormBox input[type=date]::-webkit-calendar-picker-indicator{opacity:1!important;cursor:pointer!important;width:22px!important;height:22px!important;margin-right:4px!important;filter:invert(1) brightness(1.45) contrast(1.2)!important}.appointmentFormBox input[type=date]::-webkit-clear-button,.appointmentFormBox input[type=date]::-webkit-inner-spin-button{display:none!important}.appointmentFormBox .appointmentDateField{position:relative!important}.appointmentFormBox .appointmentDateWrap{position:relative!important;width:100%!important}.appointmentFormBox .appointmentDateInput,.appointmentFormBox .appointmentDateField input[type=date]{width:100%!important;padding-right:46px!important;box-sizing:border-box!important;color-scheme:dark!important;background-image:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important}.appointmentFormBox .appointmentDateField:after{content:none!important;display:none!important}.appointmentFormBox .appointmentDateInput::-webkit-calendar-picker-indicator,.appointmentFormBox .appointmentDateField input[type=date]::-webkit-calendar-picker-indicator{display:none!important;opacity:0!important;width:0!important;height:0!important;margin:0!important;padding:0!important;background:transparent!important;-webkit-appearance:none!important}.appointmentFormBox .appointmentDateButton{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;width:30px!important;height:30px!important;border:0!important;background:transparent!important;cursor:pointer!important;z-index:30!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.appointmentFormBox .appointmentDateButtonIcon{width:22px!important;height:22px!important;fill:none!important;stroke:#e6c53a!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}.staffDayoffBox{gap:3px!important;column-gap:3px!important;row-gap:3px!important}.staffDayoffBox .staffField,.staffDayoffBox .staffField.wide{margin:0!important}.staffDayoffStatus,.staffDayoffTable{margin-top:8px!important}.staffDayoffTable table{width:100%!important}.staffDayoffTable .actionButton{min-width:70px!important;height:32px!important;padding:0 10px!important}.staffDayoffBox .dayoffBranchField{width:80px!important;min-width:80px!important;max-width:80px!important;flex:0 0 80px!important}.staffDayoffBox .dayoffBranchField select,.staffDayoffBox .dayoffBranchField .inlineInput{width:80px!important;min-width:80px!important;max-width:80px!important}.staffDayoffBox .dayoffStaffField{width:160px!important;min-width:160px!important;max-width:160px!important;flex:0 0 160px!important}.staffDayoffBox .dayoffStaffField select,.staffDayoffBox .dayoffStaffField .inlineInput{width:160px!important;min-width:160px!important;max-width:160px!important}.staffDayoffBox .dayoffStartField,.staffDayoffBox .dayoffEndField{width:80px!important;min-width:80px!important;max-width:80px!important;flex:0 0 80px!important}.staffDayoffBox .dayoffStartField input,.staffDayoffBox .dayoffEndField input,.staffDayoffBox .dayoffStartField .inlineInput,.staffDayoffBox .dayoffEndField .inlineInput{width:80px!important;min-width:80px!important;max-width:80px!important}.staffDayoffBox .dayoffStartField,.staffDayoffBox .dayoffEndField{width:90px!important;min-width:90px!important;max-width:90px!important;flex:0 0 90px!important}.staffDayoffBox .dayoffStartField input,.staffDayoffBox .dayoffEndField input,.staffDayoffBox .dayoffStartField .inlineInput,.staffDayoffBox .dayoffEndField .inlineInput{width:90px!important;min-width:90px!important;max-width:90px!important}.staffDayoffBox .dayoffSaveButton{width:80px!important;min-width:80px!important;max-width:80px!important;flex:0 0 80px!important;padding-left:0!important;padding-right:0!important}.staffDayoffBox .dayoffStartField input[type=time],.staffDayoffBox .dayoffEndField input[type=time]{padding-left:4px!important;padding-right:2px!important;text-align:center!important;box-sizing:border-box!important}.staffDayoffBox .dayoffStartField input[type=time]::-webkit-calendar-picker-indicator,.staffDayoffBox .dayoffEndField input[type=time]::-webkit-calendar-picker-indicator{margin:0!important;padding:0!important;width:12px!important}.staffDayoffTable{margin-top:10px!important;border:1px solid rgba(211,181,45,.42)!important;border-radius:18px!important;overflow:hidden!important;background:#090909!important}.staffDayoffTable table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;background:#090909!important}.staffDayoffTable thead tr{background:#d4b52d1a!important}.staffDayoffTable th{color:#e6c53a!important;font-weight:800!important;font-size:19px!important;line-height:1.15!important;padding:10px 18px!important;text-align:left!important;border-bottom:1px solid rgba(211,181,45,.28)!important;white-space:nowrap!important}.staffDayoffTable td{color:#fff8df!important;font-size:18px!important;line-height:1.15!important;padding:10px 18px!important;border-bottom:1px solid rgba(211,181,45,.2)!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.staffDayoffTable tbody tr:last-child td{border-bottom:0!important}.staffDayoffTable th:nth-child(1),.staffDayoffTable td:nth-child(1){width:110px!important}.staffDayoffTable th:nth-child(2),.staffDayoffTable td:nth-child(2){width:80px!important}.staffDayoffTable th:nth-child(3),.staffDayoffTable td:nth-child(3){width:300px!important}.staffDayoffTable th:nth-child(4),.staffDayoffTable td:nth-child(4){width:150px!important}.staffDayoffTable th:nth-child(5),.staffDayoffTable td:nth-child(5){width:170px!important}.staffDayoffTable th:nth-child(7),.staffDayoffTable td:nth-child(7){width:120px!important;text-align:center!important}.staffDayoffTable .actionButton.danger{width:78px!important;min-width:78px!important;max-width:78px!important;height:40px!important;padding:0!important;border-radius:14px!important;font-size:16px!important;font-weight:800!important;background:#e0c12d!important;color:#050505!important}.dataTable.appointmentsTable tbody td{padding-top:4px!important;padding-bottom:4px!important}.tableWrap table th,.tableWrap .dataTable th,.tableWrap table td,.tableWrap .dataTable td{font-size:23px!important;line-height:1.12!important;padding:4px 6px!important;vertical-align:middle!important}.tableWrap table tr,.tableWrap .dataTable tr{min-height:34px!important}.tableWrap table{border-collapse:collapse!important}html body,html body *:not(#estemagicGlobalFont12ptOverride){font-size:16px!important}html body input,html body select,html body textarea,html body button,html body table,html body th,html body td,html body label,html body span,html body p,html body div,html body small,html body strong,html body h1,html body h2,html body h3,html body h4{font-size:16px!important}.tableWrap table th,.tableWrap .dataTable th,.tableWrap table td,.tableWrap .dataTable td{padding-top:2px!important;padding-bottom:2px!important;min-height:30px!important;height:30px!important;line-height:1.12!important;vertical-align:middle!important}.tableWrap table tr,.tableWrap .dataTable tr{min-height:30px!important;height:30px!important}