:root{--bg: #1f2224;--bk: #11161a;--bk-hover: #12181d;--bk-active: #151c22;--wh: #c4c4c4;--gr: #828282;--gr-lite: #a7a7a7;--text: #d9d9d9;--main: #b51d4d;--btn-main: #b51d4d;--btn-main-hover: #c84871;--btn-main-active: #d4819c;--btn-secondary: #1f2224;--btn-secondary-hover: #303235;--btn-secondary-active: #47494d;--btn-inactive: #696c72;--error: #710004;--error-hover: #810004;--error-active: #8a0005;--border-weight: 2px;--input-value: #5d5b56}*{background:var(--bg);color:var(--wh);font-family:Roboto;-webkit-user-select:none;user-select:none}#root{position:absolute;top:0;width:100%;height:100vh;overflow-y:scroll;scrollbar-width:none}body{margin:0;max-height:100vh}div{white-space:pre-wrap}.input_container,.input_container-error{display:flex;flex-direction:column;justify-content:space-between;height:47px;margin:0;background:transparent}.input_placeholder,.input_placeholder-error{font-size:12px;margin:0;font-style:italic;font-weight:700;max-width:fit-content}.input_,.input_-error{background:transparent;border:none;padding:0;font-size:16px;color:var(--input-value);margin:0;outline:none}.input_underline,.input_underline-error{margin:0;border:solid var(--wh) calc(var(--border-weight) / 2);border-radius:calc(var(--border-weight) / 2)}.input_underline-error{border-color:var(--error)}.button_MAIN,.button_SECONDARY,.button_INACTIVE,.button_HOLLOW{height:40px;border-radius:10px;border:none var(--btn-main);font-size:20px;font-style:normal;transition:ease-in-out .12s;cursor:pointer;box-shadow:-6px 0 6px #00000040;text-shadow:-2px 2px 4px rgba(0,0,0,.25);width:100%;display:flex;align-items:center;justify-content:center;box-sizing:content-box}.button_img{max-width:32px}.button_MAIN{background:var(--btn-main)}.button_SECONDARY{background:var(--btn-secondary)}.button_MAIN:hover,.button_HOLLOW:hover{background:var(--btn-main-hover)}.button_SECONDARY:hover{background:var(--btn-secondary-hover)}.button_MAIN:active,.button_HOLLOW:active{background:var(--btn-main-active)}.button_SECONDARY:active{background:var(--btn-secondary-active)}.button_HOLLOW{border:solid var(--btn-main) var(--border-weight);background:none}.button_HOLLOW:hover{border:solid transparent var(--border-weight)}.button_INACTIVE{background:var(--btn-inactive);cursor:not-allowed}.login-container{display:flex;flex-direction:column;justify-content:center;gap:19px;width:100%;margin:0 56px;position:relative}.login-controls{display:flex;flex-direction:row}.login-error-message{position:absolute;color:var(--error);text-align:center;width:100%;background:transparent}.phone-validation{display:flex;flex-direction:row;gap:5px}.login-page{height:100vh;display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;margin:auto}nav{position:fixed;top:0;left:0;z-index:999;width:100%;border-bottom:solid var(--main) var(--border-weight);height:42px;display:flex;justify-content:space-between;align-items:center}.shop-title{background:transparent;color:var(--text);font-size:20px;font-weight:500}.shop-title>a{background:transparent;text-decoration:none}.nav-logo,.nav-user{width:33px}main{height:100%;padding-top:44px;box-sizing:border-box}.palette{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:5px;margin-top:40px}.main{background:var(--main)}.wh,.btn-wh{background:var(--wh)}.btn-main{background:var(--btn-main);border:white}.btn-main:hover{background:var(--btn-main-hover)}.error{background:var(--main)}.main,.error,.btn-main,.btn-wh,.wh{width:40px;height:40px;border-radius:8px}.switch{position:relative;display:inline-block;width:48px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--wh);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--text);-webkit-transition:.1s;transition:.1s}input:checked+.slider{background-color:var(--main)}input:focus+.slider{box-shadow:0 0 1px var(--main)}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.modal-bg{position:fixed;top:0;left:0;background:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:ease-in-out 5s;z-index:200}.modal{width:80%;max-height:80%;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:10px;overflow-y:auto}.modal-footer{align-items:center;display:flex;justify-content:center;box-sizing:border-box;width:100%;gap:20px;padding:30px}.modal-body{display:flex;flex-direction:column;gap:19px;margin-top:20px;width:100%;padding:20px;box-sizing:border-box;overflow-y:auto}*::-webkit-scrollbar{background:var(--bk);border-radius:10px;width:5px;height:5px}*::-webkit-scrollbar-thumb{background:var(--main);border-radius:10px}*::-webkit-scrollbar-corner{visibility:none}.workplaces-page{display:flex;justify-content:center;height:100%;padding-bottom:40px;box-sizing:border-box}.workplaces{width:300px;display:flex;flex-direction:column;justify-content:space-between}.workplaces-label{width:100%;text-align:center;font-size:26px}.workplaces-container{height:fit-content;max-height:0;scrollbar-width:none;overflow:hidden;overflow-y:scroll;padding-right:10px;padding-left:10px;border-top:solid transparent var(--border-weight);border-bottom:solid transparent var(--border-weight);transition:max-height .12s ease-in-out}.load{border-top:solid var(--wh) var(--border-weight);border-bottom:solid var(--wh) var(--border-weight);max-height:70%}.create-shop-bg{position:fixed;top:0;width:100%;height:100%;background:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;transition:ease-in-out 5s}.controls{display:flex;flex-direction:row;gap:5px}.modal-inputs{margin-bottom:19px;display:flex;flex-direction:column;gap:19px}.workplace{border:solid var(--wh) var(--border-weight);margin:10px 0;padding:10px 20px;border-radius:10px;cursor:pointer}.workplace:hover{background:var(--btn-secondary-hover)}.workplace:active{background:var(--btn-secondary-active)}.workplace-name{font-size:26px;background:transparent;font-weight:300;margin:6px 0}.workplace-address{background:transparent;font-size:12px;color:var(--gr);margin:6px 0}.field{display:flex;align-items:end}.field-controls{width:30px;margin:18px;box-sizing:content-box}.field-value{font-size:26px;margin:10px 10px 23px}.field-edit{display:flex;flex-direction:row;align-items:center}.user-page{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.profile-pic{background:var(--text);border-radius:10px;width:236px;margin-bottom:17px}.main-settings{width:100%;height:calc(100vh - 70px);display:flex;flex-direction:column;justify-content:center;align-items:center}.id-container{width:236px;display:flex;flex-direction:column;padding:33px calc((100% - 236px)/2);align-items:center;border-bottom:solid var(--wh)}.container{height:91px;display:flex;justify-content:center;align-items:center;width:100%;border-bottom:solid var(--wh)}.container .field{width:50%;padding-left:40px}.changePWD-container{max-width:50%;box-sizing:border-box;width:100%;padding:40px}.logout-container{display:flex;flex-direction:row;align-items:center;margin-top:20px;padding:0 40px;width:100%;box-sizing:border-box;max-width:50%}.sound-bar-container{width:100%;border-top:1px dashed #fff;display:flex;align-items:center;flex-direction:column;justify-content:center;margin-top:30px}.volume-bar{margin-bottom:20px}.sound-bar{display:grid;width:fit-content;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin-bottom:30px}.sound{border-radius:10px;padding:20px;width:20px;margin:5px;border:solid var(--main);text-align:center}.chosen-sound{background:var(--main)}.range{display:flex;align-items:center}.range>p{margin:0}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=range]{overflow:hidden;width:80px;border-radius:10px;-webkit-appearance:none;background-color:var(--gr)}}.range-input_[type=range]::-webkit-slider-thumb{width:15px;-webkit-appearance:none;height:15px;cursor:ew-resize;border-radius:50%;background:var(--text);box-shadow:-87px 0 0 80px var(--main)}.range-input_[type=range]::-moz-range-progress{background-color:var(--main)}.range-input_[type=range]::-moz-range-track{background-color:var(--bk)}.range-input_[type=range]::-ms-fill-lower{background-color:var(--main)}.range-input_[type=range]::-ms-fill-upper{background-color:var(--bk)}.shop-page{display:flex;flex-direction:column;padding-bottom:82px;scrollbar-width:none}footer{position:fixed;bottom:0;width:100%;border-top:solid var(--main) var(--border-weight)}.footer-controls-container{padding:20px 10px;display:flex;gap:10px;flex-direction:row;justify-content:space-between;align-items:center}.header-controls-container{position:fixed;padding:20px 10px;display:flex;gap:10px;flex-direction:row;justify-content:space-between;align-items:center;z-index:200;width:100%}.filter{display:flex;align-items:center;gap:10px;position:relative;z-index:800}.filter-label{font-size:20px;margin:0;padding:0}.drop-down-bg{position:fixed;top:0;background:#00000010;width:100%;left:0;z-index:-1;height:100vh}.drop-down{position:absolute;border:solid var(--wh);border-radius:10px;background:var(--bg);box-shadow:-6px 0 6px #00000040;padding:20px;top:0;left:50px;width:fit-content}.stage-filter{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:10px;border-radius:10px;margin-bottom:10px;background:var(--btn-secondary);box-sizing:border-box}.stage-duration{text-align:right}.stage-name{width:100%}.stage-filter>p,.stage-filter-chosen>p{margin:0 10px;padding:0 5px;text-align:left;width:fit-content;background:transparent}.stage-filter>p{color:var(--text)}.stage-filter-chosen{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;width:100%;padding:10px;border-radius:10px;margin-bottom:10px;background:var(--btn-main);box-sizing:border-box}.stage-filter-chosen:hover{background:var(--btn-main-hover)}.stage-filter-chosen:active{background:var(--btn-main-active)}.stage-filter:hover{background:var(--btn-secondary-hover)}.stage-filter:active{background:var(--btn-secondary-active)}.order-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:20px;overflow-y:auto;margin-top:40px}@media(max-width:1900px){.order-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:20px}}@media(max-width:1650px){.order-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:20px}}@media(max-width:1430px){.order-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:20px}}@media(max-width:1250px){.order-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:20px}}@media(max-width:1070px){.order-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:20px}}@media(max-width:895px){.order-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}}@media(max-width:720px){.order-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}}@media(max-width:500px){.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}}.grid-container{position:absolute;margin-top:85px;padding-bottom:100px}.order-container{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;scroll-behavior:smooth}.order{width:159px;height:216px;background:var(--bk);border-radius:10px;display:flex;flex-direction:column;align-items:center}.order-late{width:159px;height:216px;background:var(--error);border-radius:10px;display:flex;flex-direction:column;align-items:center}.table{margin-top:15px;margin-bottom:10px;width:80%;height:24px;font-size:16px;background:var(--bk);text-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.table-late{margin-top:15px;margin-bottom:10px;width:80%;height:24px;font-size:16px;background:var(--error);text-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.time{width:141px;height:39px;background:var(--text);border-radius:4px;text-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center;color:var(--bk);font-weight:600}.time-late{width:141px;height:39px;background:var(--text);border-radius:4px;text-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center;color:var(--error);font-weight:600}.stage{margin-top:15px;margin-bottom:10px;width:80%;height:24px;font-size:16px;background:var(--bk);text-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.stage-late{margin-top:15px;margin-bottom:10px;width:80%;height:24px;font-size:16px;background:var(--error);text-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.order-controls{background:transparent;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.info-controls{background:transparent;display:flex;margin-top:5px;justify-content:space-between;width:100%}.is-paid{background:transparent;box-sizing:border-box;width:100%;text-align:center;display:flex;justify-content:center;align-items:center}.is-paid img{background:transparent;width:25px}.order-btn-main{background:var(--main);border:none;border-radius:4px;width:141px;height:34px}.order-btn-main:hover{background:var(--btn-main-hover)}.order-btn-main:active{background:var(--btn-main-active)}.order-more-btn{background:var(--bk);width:100%;display:flex;justify-content:center;height:30px;border:none;border-radius:4px}.order-late-more-btn{background:var(--error);width:100%;display:flex;justify-content:center;height:30px;border:none;border-radius:4px}.order-late-more-btn img,order-more-btn img{width:23px;background:transparent}.order-more-btn:hover{background:var(--bk-hover)}.order-more-btn:active{background:var(--bk-active)}.order-more-btn>img{background:var(--bk)}.order-late-more-btn:hover{background:var(--error-hover)}.order-late-more-btn:active{background:var(--error-active)}.customer-dropdown,.chosen-customer-container{background:transparent;padding:10px;margin:10px;width:100%;box-sizing:border-box}.customer-query-countainer{width:100%;padding:10px;box-sizing:border-box}.customer-result{background:var(--bk);padding:5px 10px;border-radius:10px;cursor:pointer}.customer-query-countainer{display:flex}.customer-result:hover{background:var(--bk-hover)}.customer-result:active{background:var(--bk-active)}.customer-result>p{background:transparent;margin:5px 0;font-size:14px}.new_order-main-controls,.set-compound-modal,.compound-modal-controls{gap:20px;display:flex;width:60%}.general-tab,.compound-tab,.customer-tab{display:flex;flex-direction:column;align-items:center;width:100%}.order-header>p{text-align:center;margin-top:0;margin-bottom:20px}.main-new_order-info{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin-bottom:20px}.tables,.discounts,.categories,.isPaid{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:10px}.select-element{padding:10px;width:100%;border-radius:10px}.strength{padding-bottom:20px}.comment>p{margin:0 0 5px;text-align:center}.tab-bar{display:flex;gap:var(--border-weight);width:100%;box-sizing:border-box;justify-content:space-between;margin-bottom:10px}.tab{background-color:var(--gr);margin:1px;width:100%;font-size:18px;text-align:center;border-radius:10px;color:var(--bk);padding:5px}.picked-tab{color:var(--text);background:var(--main)}.comment,.compound{display:flex;justify-content:center;flex-direction:column;width:100%;margin:10px 0}.comment-input,.compound-input{width:100%;min-height:100px;height:fit-content;border-radius:5px;font-size:20px}.fine-details{display:flex}.flavour{height:50vh}.composition{overflow-y:visible}.customer-card{display:flex;flex-direction:column;background:var(--bk);border-radius:10px;padding:10px;cursor:pointer}.customer-card:hover{background:var(--bk-hover)}.customer-card:active{background:var(--bk-acive)}.customer-card>div{background:transparent;margin:10px}.customer-card>div>p{background:transparent;margin:0}.story-block{width:100%;padding:30px;box-sizing:border-box}.story-container{display:flex;flex-direction:column;padding:20px}.story-elem{width:100%;display:flex;justify-content:space-between;flex-direction:row}.name-block{width:100%;display:flex;flex-direction:column;gap:10px;box-sizing:content-box}.order-header{font-size:25px;position:relative;width:100%;align-items:center;display:flex;flex-direction:column;justify-content:space-between}.order-more-close{position:absolute;right:0;top:0}.order-more-close button{box-sizing:border-box;margin:0;padding:5px;height:auto}.order-more-select{padding:10px;width:100%;border-radius:10px}.order-header>p{width:100%;text-align:center}.order-body{width:100%}.info-block>div{width:100%;padding:10px 10px 10px 20px}.info-block-data{display:flex;justify-content:center}.info-block-name{width:50%;display:flex;align-items:center}.info-block{width:100%;border-bottom:dashed var(--text) var(--border-weight);display:flex;flex-direction:row;justify-content:space-between}.customer-card-container{width:100%}.order-footer{display:flex;justify-content:space-between;margin-top:10px;gap:20px;width:100%}.save-btn,.close-btn{width:100%}.order-more-controls{display:flex;gap:10px;width:100%}.order-more-controls>button{font-size:14px}.blank{width:100%}.field{display:flex;align-items:center}.field-input{margin-left:10px}.field-value-container{display:flex;flex-direction:column;background:transparent;width:100%;margin-left:10px}.field-placeholder{width:max-content;font-weight:300;font-size:14px;top:0;padding:0;margin:0;background:transparent}.field-value{background:transparent;padding:0;margin:0;top:0;font-size:26px}.shop-settings{padding-top:20px;display:flex;flex-direction:column;align-items:left;position:relative;width:100%;max-width:800px;margin:auto;scrollbar-width:none;overflow:hidden;overflow-y:scroll;scroll-behavior:smooth}.column-container{display:flex;flex-direction:row;justify-content:space-between;gap:10px;padding:20px 10px 30px;overflow-x:scroll;border-bottom:solid var(--text);min-height:fit-content}.shop-settings-container{height:91px;display:flex;width:100%;border-bottom:solid var(--wh)}.stages,.employees,.roles,.order_logs{width:100%;padding:10px 10px 20px;border-bottom:solid var(--text);box-sizing:border-box;overflow-x:scroll;scrollbar-width:none;height:max-content}.list{display:flex;flex-direction:column;border:solid;border-radius:20px;background:var(--wh);align-items:center;padding:10px 10px 0;max-height:fit-content;width:100%}.placeholder{width:100%;background:transparent;color:var(--bk);text-align:center;font-size:20px;font-weight:500;padding:10px}.list-value-controls{display:flex;flex-direction:row;background:transparent;gap:5px}.values{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px;margin-top:10px;border-radius:10px;background:var(--text)}.value-name{color:var(--bk);font-weight:500;background:var(--text);margin:0}.description{font-weight:300;color:var(--gr);background:var(--text);margin:0}.value-container{width:100%;margin-top:5px;background:transparent;display:flex;flex-direction:row;justify-content:space-between;padding:10px;align-items:center}.value,.delete-value,.edit-value{color:var(--bk);background:var(--text)}.list-controls{width:100%;margin:10px;background:transparent;box-sizing:border-box}.list-add-btn{width:100%;padding:10px;border:none;background:var(--btn-main);box-sizing:border-box;border-radius:10px}.list-add-btn:hover{background:var(--btn-main-hover)}.list-add-btn:active{background:var(--btn-main-active)}.delete-value{background:transparent}.delete-list-value-btn,.edit-list-value-btn{border:none;padding:5px;width:40px;border-radius:4px;height:100%}.accept-list-value-btn>img{background:transparent}.accept-list-value-btn{border:none;background:var(--btn-main);padding:5px;width:40px;border-radius:4px;height:100%}.accept-list-value-btn:hover{background:var(--btn-main-hover)}.accept-list-value-btn:active{background:var(--btn-main-active)}.create-list-element-modal>div>input{background:var(--bg)}.create-list-element-modal>button{margin-top:19px;width:100%}.new-stage-input-container{display:flex;gap:10px}.new-stage-employees-container{display:flex;width:100%;justify-content:space-between;gap:20px}.new-stage-visible_to,.new-stage-edit_permission{margin-top:20px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.new-sheet-elem-controls{display:flex;width:100%;margin-top:20px;gap:10px}.employee-elem{padding:5px 10px;border-radius:5px}.employee-elem:hover{background:var(--btn-secondary-hover)}.employee-elem:active{background:var(--btn-secondary-active)}.picked{background:var(--btn-main)}.picked:hover{background:var(--btn-main-hover)}.picked:active{background:var(--btn-main-active)}.new-stage-employee-setting{margin-bottom:10px;margin-top:0}.sheet-container{width:100%;margin-top:10px;min-width:680px}.stages-sheet{display:flex;flex-direction:column;background:var(--wh);width:100%;border-radius:10px}.sheet-header{background:transparent;color:var(--bk);padding:5px;text-align:center}.column-labels{display:flex;justify-content:space-between;align-items:center;background:transparent;padding:0 10px;height:51px;text-align:center;box-sizing:border-box}.drag-img{width:25px;background:transparent}.sheet-controls{display:flex;align-items:center;justify-content:center;background:transparent;width:100%;margin:0 10px 0 0;box-sizing:content-box}.dragmode-btn-off:hover{background:var(--gr-lite)}.dragmode-btn-off:active{background:var(--gr)}.dragmode-btn-off{background:transparent;border:none;border-radius:5px}.dragmode-btn-on:hover{background:var(--gr-lite)}.dragmode-btn-on:active{background:var(--gr)}.dragmode-btn-on{background:var(--gr-lite);border:none;border-radius:5px}.settings-pic{background:transparent}.stage-column{width:100%;padding:0;background:transparent;color:var(--bk)}.first-column{margin-left:10px}.sheet-rows{margin:0 10px;border-radius:10px;background:var(--text)}.stage-row-container{background:transparent}.stage-row{background:transparent;display:flex;justify-content:space-between;padding:10px;border-bottom:solid var(--wh) calc(var(--border-weight) / 2);border-top:solid var(--wh) calc(var(--border-weight) / 2);min-height:53px}.stage-name,.stage-duration,.stage-visibleTo,.stage-editPermission{width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;background:transparent;overflow-x:scroll;color:var(--bk);scrollbar-width:none}.edit_permission,.visible_to{background:transparent;width:100%;padding:5px}.edit_permission>p,.visible_to>p{margin:0;background:transparent;color:var(--bk)}.add-sheet-element{padding:10px;background:transparent}.add-sheet-element>button{box-sizing:border-box}.row-controls{display:flex;justify-content:center;width:100%;box-sizing:border-box;background:transparent;color:var(--bg)}.stage-row-delete-btn,.stage-row-edit-btn{border:none;height:43px;width:43px;box-sizing:border-box;border-radius:5px;margin:5px}.roles-sheet{display:flex;flex-direction:column;background:var(--wh);width:100%;border-radius:10px}.role-header,.sheet-header{background:transparent;color:var(--bk);padding:5px;text-align:center}.roles-column{width:100%;padding:0;background:transparent;color:var(--bk)}.role-controls{display:flex;align-items:center;justify-content:center;background:transparent;width:100%;margin:0 10px 0 0;box-sizing:content-box}.role-row-container{background:transparent}.role-row{background:transparent;display:flex;justify-content:space-between;padding:10px;border-bottom:solid var(--wh) calc(var(--border-weight) / 2);border-top:solid var(--wh) calc(var(--border-weight) / 2);min-height:53px}.employees-names,.role-name,.more-about-role{width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;background:transparent;overflow-x:scroll;color:var(--bk);scrollbar-width:none}.employees-names>p{background:transparent;color:var(--bk)}.more-about-role>img{background:transparent;width:24px}.more-about-role>img:hover{background:var(--wh);padding:10px;border-radius:5px}.more-about-role>img:active{background:var(--gr);padding:10px;border-radius:5px}.role-row-delete-btn,.role-row-edit-btn{border:none;height:43px;width:43px;box-sizing:border-box;border-radius:5px;margin:5px}.header-role-name{font-weight:600;font-size:36px;color:var(--text);margin-bottom:30px}.more-role-modal-header{font-size:25px;width:100%;align-items:center;display:flex;justify-content:center}.more-role-modal-header>p{margin:10px 0 0;font-weight:700}.role-setting{display:flex;justify-content:space-between;font-size:20px;border-bottom:dashed var(--text) var(--border-weight);margin-bottom:15px}.more-role-modal-body{box-sizing:border-box;width:100%;padding:30px;max-height:60vh;overflow-y:scroll;scrollbar-width:none}.update-role-modal-header{font-size:25px;width:100%;align-items:center;display:flex;justify-content:center}.update-role-modal-header>p{font-weight:700}.update-role-modal-body{box-sizing:border-box;width:100%;padding:30px;max-height:60vh;overflow-y:scroll;scrollbar-width:none}.role-setting-label{font-weight:800;width:100%}.role-setting-value{display:flex;width:100%;justify-content:right}.update-role-name{margin-bottom:19px}.modal{width:80%;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:10px}.new-role-modal-header{font-size:25px;width:100%;align-items:center;display:flex;justify-content:center}.new-role-modal-header>p{font-weight:700}.role-setting{display:flex;justify-content:space-between;font-size:20px;border-bottom:dashed var(--text) var(--border-weight);margin-bottom:15px;padding-bottom:5px;align-items:center}.new-role-modal-body{box-sizing:border-box;width:100%;padding:30px;max-height:62vh;overflow-y:scroll;scrollbar-width:none}.role-setting-label{font-weight:800}.role-setting-value{display:flex;width:50%;justify-content:right}.role-setting-value>select{padding:10px;border-radius:10px;width:100%;font-size:16px}.new-role-name{margin-bottom:19px}.employee-credentials{display:flex;gap:20px}.employee-role-select-container{margin-top:20px}.employee-role-select-container>select{padding:10px;border-radius:10px;width:100%;font-size:16px}.update-employee-modal-header{font-size:25px;width:100%;align-items:center;display:flex;justify-content:center}.update-employee-modal-header>p{font-weight:700}.employee-setting{display:flex;justify-content:space-between;font-size:20px;border-bottom:dashed var(--text) var(--border-weight);margin-bottom:15px;padding-bottom:5px;align-items:center}.update-employee-modal-body{box-sizing:border-box;width:100%;padding:30px;max-height:60vh;overflow-y:scroll;scrollbar-width:none}.employee-setting-label{font-weight:800}.employee-setting-value{display:flex;width:50%;justify-content:right}.employee-setting-value>select{padding:10px;border-radius:10px;width:100%;font-size:16px}.update-employee-name{margin-bottom:19px}.employees-sheet{display:flex;flex-direction:column;background:var(--wh);width:100%;border-radius:10px}.employees-header,.sheet-header{background:transparent;color:var(--bk);padding:5px;text-align:center}.employees-column{width:100%;padding:0;background:transparent;color:var(--bk)}.employees-controls{display:flex;align-items:center;justify-content:center;background:transparent;width:100%;margin:0 10px 0 0;box-sizing:content-box}.employee-row-container{background:transparent}.employee-row{background:transparent;display:flex;justify-content:space-between;padding:10px;border-bottom:solid var(--wh) calc(var(--border-weight) / 2);border-top:solid var(--wh) calc(var(--border-weight) / 2);min-height:53px}.employee-role,.employee-name{width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;background:transparent;overflow-x:scroll;color:var(--bk);scrollbar-width:none}.employee-role>p{background:transparent;color:var(--bk)}.more-about-employee>img{background:transparent;width:24px}.more-about-employee>img:hover{background:var(--wh);padding:10px;border-radius:5px}.more-about-employee>img:active{background:var(--gr);padding:10px;border-radius:5px}.employee-row-delete-btn,.employee-row-edit-btn{border:none;height:43px;width:43px;box-sizing:border-box;border-radius:5px;margin:5px}.orders_story-sheet{display:flex;flex-direction:column;background:var(--wh);width:100%;border-radius:10px}.orders_story-sheet-header{background:transparent;color:var(--bk);padding:5px;text-align:center}.order_story-controls{display:flex;align-items:center;gap:30px;justify-content:center;background:transparent;width:100%;margin:10px 0;box-sizing:content-box}.log-row{display:flex;justify-content:space-between}.log-row p{width:calc(100% / 6);text-align:center;overflow-x:auto;align-items:center}.order_story-row{background:transparent;display:flex;justify-content:space-between;padding:10px;border-bottom:solid var(--wh) calc(var(--border-weight) / 2);border-top:solid var(--wh) calc(var(--border-weight) / 2);min-height:53px}.order_story-column{width:100%;padding:0;background:transparent;color:var(--bk)}.order_story-row-container{background:transparent;display:flex;justify-content:space-between;padding:10px;border-bottom:solid var(--wh) calc(var(--border-weight) / 2);border-top:solid var(--wh) calc(var(--border-weight) / 2);min-height:53px}.story_start-date,.order-story-data{width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;background:transparent;overflow-x:auto;color:var(--bk)}.order-story-data p{background:transparent;color:var(--bk)}.orders_logs-footer{margin-top:20px}.offset-story-btn>img{background:transparent}.offset-story-btn{display:flex;align-items:center;padding:5px 20px;border-radius:10px;border:none;background:var(--main)}.customer-page-header{display:flex;padding:20px;gap:20px;justify-content:space-between}.customer-list{padding:20px;gap:10px}