main{padding:0 50px;padding-top:calc(53px + var(--gap-grand));height:100vh}#root{position:absolute;top:0;width:100%;height:100vh;overflow-y:scroll;scrollbar-width:none}*{font-family:Roboto;-webkit-user-select:none;user-select:none}*,*:before,*:after{box-sizing:border-box}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ol,dl,ul):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(dd[class]){list-style:none}img{display:block;max-width:100%}*::-webkit-scrollbar{background:var(--bg);border-radius:10px;width:5px;height:5px}*::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}*::-webkit-scrollbar-corner{visibility:none}input,textarea,select,button{font:inherit;width:100%;outline:none}html{height:100%;scroll-behavior:smooth}body{height:100%;line-height:1.5}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}div{white-space:pre-wrap;-webkit-user-select:none;user-select:none}*{background:transparent;color:var(--primary-text-light)}body{color:var(--primary-text-light);background:var(--bg)}input{height:var(--input-height)}.filler{width:100%}select{padding:.2em 1em;border:1px solid var(--primary);border-radius:var(--border-radius)}option{background:var(--bg)}option:checked{background:var(--primary)}option:focus{background:#000!important}:root{--bg: #1f2224;--bk: #11161a;--wh: #c4c4c4;--primary-text-light: #d9d9d9;--secondary-text-light: rgb(160, 160, 160);--primary-text-dark: black;--secondary-text-dark: rgb(40, 40, 40);--error: #710004;--primary: #b51d4d;--secondary: #1f2224;--accent: #ffb950;--inactive: #7e7e7e;--border-color: white;--border-weigth: 2px;--hover-brightness: 120%;--active-brightness: 140%;--border-radius: 5px;--input-height: 30px;--input-padding: 5px;--header-padding: 10px;--footer-padding: 10px;--modal-padding: 10px;--gap-grand: 20px;--gap-parent: 10px;--gap-child: 5px}.controlled-input-container{position:relative;width:100%}.controlled-input{border:0;border-bottom:solid 1px var(--border-color);padding:var(--input-padding)}.invalid{border-bottom:solid 1px var(--error)}.eye{position:absolute;right:var(--input-padding);top:var(--input-padding)}.eye img{height:calc(var(--input-height) - var(--input-padding) * 2)}.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(--bg);border:solid 2px var(--primary);-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:var(--wh);-webkit-transition:.1s;transition:.1s;box-shadow:-2px 2px 4px #00000040}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.controlled-textarea{border-radius:var(--border-radius);box-sizing:border-box;width:100%;resize:none;border:solid 1px var(--border-color);padding:var(--input-padding)}.controlled-textarea-invalid{border-radius:var(--border-radius);width:100%;resize:none;border:solid 1px var(--error);padding:var(--input-padding)}.controlled-textarea-container{width:100%}.primary-button,.secondary-button,.inactive-button,.alternative-button,.pending{box-sizing:content-box;border:solid var(--primary) var(--border-weigth);border-radius:var(--border-radius);padding:0;height:100%;width:calc(100% - calc(var(--border-radius)));min-height:calc(var(--input-height) - calc(var(--border-weigth) * 2));cursor:pointer}.primary-button img,.secondary-button img,.alternative-button img,.inactive-button img{margin:auto}.alternative-button{background:var(--bk);border-color:var(--bk)}.primary-button:hover,.secondary-button:hover,.alternative-button:hover{filter:brightness(var(--hover-brightness))}.primary-button:active,.secondary-button:active,.alternative-button:active{filter:brightness(var(--active-brightness))}.double-check-button-container{height:100%;width:100%}.check-container{display:flex;flex-direction:row;width:100%}.check-container .primary-button{border-radius:0 var(--border-radius) var(--border-radius) 0;height:auto}.check-container .secondary-button{border-radius:var(--border-radius) 0 0 var(--border-radius);height:auto}.field-container{display:flex;justify-content:space-between;align-items:center;width:100%;gap:5px}.field-controls{width:100%}.field-controls>div>div>button{padding-left:10px;padding-right:10px}.field-controls>div>button{box-sizing:border-box;padding-left:10px;padding-right:10px}.range{display:flex;flex-direction:column;align-items:center}.range>p{margin:0}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=range]{overflow:hidden;width:100%;height:15px;border-radius:10px;appearance:none;-webkit-appearance:none;background-color:gray}}.range-input[type=range]::-webkit-slider-thumb{width:15px;-webkit-appearance:none;height:15px;cursor:ew-resize;border-radius:50%;background:var(--wh);box-shadow:calc(-50vh - 5px) 0 0 50vh var(--primary)}.range-input[type=range]::-moz-range-progress{background-color:var(--primary)}.range-input[type=range]::-moz-range-track{background-color:var(--bk)}.range-input[type=range]::-ms-fill-lower{background-color:var(--primary)}.range-input[type=range]::-ms-fill-upper{background-color:var(--bk)}.sheet{width:100%;border:solid 1px var(--primary);border-radius:var(--border-radius);padding:var(--gap-parent)}.sheet-header{border:solid 1px var(--primary);border-radius:var(--border-radius);text-align:center;padding:var(--gap-child);margin-bottom:var(--gap-child)}.sheet-footer{display:flex;border:solid 1px var(--primary);border-radius:var(--border-radius);text-align:center;padding:var(--gap-child);margin-bottom:var(--gap-child)}.sheet-columns{width:100%;display:flex;flex-direction:row;justify-content:space-between;border:solid 1px var(--primary);border-radius:var(--border-radius);text-align:center;margin-bottom:var(--gap-child)}.sheet-column{display:flex;align-items:center;justify-content:center;height:auto;width:100%;border-right:solid 1px var(--primary)}.rows-index-column{max-width:3em}.sheet-rows{width:100%;border:solid 1px var(--primary);border-radius:var(--border-radius);margin-bottom:var(--gap-child)}.drag-img{width:calc(var(--input-height) / 1.3);height:100%}.drag-img-active{width:calc(var(--input-height) / 1.3);filter:brightness(1000%)}.rows-control-column{border:none}.rows-control-column button{height:var(--input-height);height:100%;width:100%;border:none;border-radius:0 var(--border-radius) var(--border-radius) 0}.row{display:flex;justify-content:space-between}.row div{width:100%;text-align:center}.row-index{max-width:3em}.row-value{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:solid 1px var(--primary);overflow-y:auto;min-height:33px}.row-controls{display:flex;border:none;justify-content:center}.row-controls button{border:none}.row-controls-dragOn{display:flex;border:none;justify-content:center}.row-container{border-bottom:solid 1px var(--primary);border-radius:var(--border-radius)}.row-controls-dots{width:25%}.array-row-vaule{width:100%}.array-row-vaule:not(:last-child){border-bottom:dashed var(--primary) 1px}.link-img>img{height:30px;padding:5px}.link-img{border-radius:var(--border-radius);background:var(--bg)}.link-img:hover{filter:brightness(var(--hover-brightness))}.link-img:active{filter:brightness(var(--active-brightness))}.copied{position:fixed;top:0;left:50px;background-color:#0f03;padding:15px 25px;border-radius:var(--border-radius);-webkit-backdrop-filter:grayscale(1) blur(2px);backdrop-filter:grayscale(1) blur(2px);color:#fff;max-width:300px;font-size:16px;animation:copied-notification 3s ease-in-out}@keyframes copied-notification{0%{top:0}2%{top:60px}98%{top:60px}to{top:0}}.modal-bg{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;z-index:100;width:100%;height:100%;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-window{display:flex;flex-direction:column;position:relative;margin:auto;max-width:90%;max-height:80%;min-width:50%;background:var(--bg);border-radius:var(--border-radius);padding:var(--modal-padding)}.modal-header{position:relative;display:flex;justify-content:space-between;margin-bottom:var(--gap-parent)}.modal-title{text-align:center;width:100%}.modal-close{position:absolute;right:0;top:0}.modal-body{position:relative;margin:var(--modal-padding) 0;height:100%;overflow-y:auto;box-sizing:border-box;margin-bottom:var(--gap-parent)}.modal-body-content{display:flex;height:100%;flex-direction:column;position:relative}.tab-bar{width:100%;height:var(--input-height);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--gap-parent);gap:var(--gap-child)}.tab{width:80%;text-align:center;border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--bg);padding:10px;height:35px}.tab>img{width:30px}.tab:hover{filter:brightness(var(--hover-brightness))}.tab:active{filter:brightness(var(--active-brightness))}.picked{background:var(--primary)}.tab-module{height:100%;overflow:auto;margin-bottom:var(--gap-parent)}.primary-button,.secondary-button,.inactive-button,.pending{box-sizing:content-box;border:solid var(--primary) var(--border-weigth);border-radius:var(--border-radius);padding:0;height:100%;width:calc(100% - calc(var(--border-radius)));min-height:calc(var(--input-height) - calc(var(--border-weigth) * 2));cursor:pointer}.primary-button img,.secondary-button img,.inactive-button img{margin:auto}.primary-button{background:var(--primary)}.secondary-button{background:var(--secondary)}.inactive-button{background:var(--inactive);cursor:not-allowed;border-color:var(--inactive)}.primary-button:hover,.secondary-button:hover{filter:brightness(var(--hover-brightness))}.primary-button:active,.secondary-button:active{filter:brightness(var(--active-brightness))}.pending{cursor:not-allowed;background:var(--inactive)}.update-sheet-modal-footer{display:flex;flex-direction:row;gap:var(--gap-child)}.update-sheet-modal-field{display:flex;flex-direction:row;gap:var(--gap-child);width:100%;padding:var(--modal-padding);border-bottom:dashed 1px var(--primary)}.update-sheet-modal-field-placeholder{width:100%}.update-sheet-modal-field-value{display:flex;justify-content:center;width:100%}.update-sheet-modal{display:flex;flex-direction:column;gap:var(--gap-child)}.update-sheet-modal-array-field-value{flex-wrap:wrap;display:flex;flex-direction:row;width:100%;gap:var(--gap-child)}.update-sheet-modal-array-field-element{text-align:center;border-radius:var(--border-radius);border:solid var(--primary) var(--border-weigth);padding:.2em 1em}.chosen{background:var(--primary)}.form{width:50%;margin:auto;display:flex;flex-direction:column;border-radius:var(--border-radius);border:solid 1px var(--primary);padding:calc(var(--modal-padding) * 3);gap:calc(var(--gap-parent))}.form-container{display:flex;justify-content:center;height:100vh}header{position:fixed;box-sizing:border-box;top:0;left:0;width:100%;display:flex;flex-direction:row;background:var(--bg);justify-content:space-between;padding:var(--header-padding);z-index:10000;border-bottom:solid 1px var(--primary);margin-bottom:var(--gap-grand)}footer{position:fixed;box-sizing:border-box;bottom:0;left:0;width:100%;display:flex;flex-direction:row;background:var(--bg);justify-content:space-between;padding:var(--footer-padding)}.nav-logo,.nav-user{width:33px}.header-shop-name{background:var(--bg);filter:brightness(var(--hover-brightness));border-radius:var(--border-radius)}.header-shop-name:hover{filter:brightness(var(--active-brightness))}.header-shop-name p{margin:0;padding:5px 20px}.shop-link,.profile-link,.home-link{text-decoration:none;display:flex;flex-direction:column;justify-content:center;height:33px}.shop-footer-img{width:20px}.footer-controls-container{width:100%;display:flex;gap:var(--gap-child);flex-direction:row;justify-content:space-between;align-items:center;padding:10px 20px;margin:0 10px;border-top:solid 1px var(--primary)}.footer-controls-container button{padding:2px;box-shadow:0 5px 5px #00000040;border:none}.customers-search-bar{display:flex;gap:var(--gap-grand)}.create-customer-button-container{width:20%}.create-customer-modal{display:flex;flex-direction:column;gap:var(--gap-parent)}.customer-name-container{display:flex}.root-input{border:solid 1px var(--border-color);border-radius:2px;font-size:var(--font-size);padding-left:10px;padding-top:5px;padding-bottom:5px}.invalid{border:solid var(--input-border-radius) var(--error)}.input-container{display:flex;position:relative;width:100%}.hint-container{position:relative}.input-error-message,.input-warning-message{position:absolute;display:flex;left:0;min-height:100%;height:fit-content;background:var(--hint);align-items:center;padding:0 20px;margin-left:10px;border-radius:2px}.input-error-message{color:var(--error)}.input-warning-message{color:var(--warning)}.input-title{color:var(--text);align-items:center;display:flex;font-size:var(--font-size);padding-right:20px}.inner-input-conainer{display:flex;position:relative;align-items:center;width:100%}.input-button:hover{background:var(--border-color)}.input-button{position:absolute;display:flex;align-items:center;background:#fff;padding:0 5px;height:calc(100% - var(--input-border-width) * 2);margin-right:var(--input-border-width);border-radius:var(--input-border-radius);right:0}.input-button>img{width:var(--font-size)}.token-input-suggest-results{position:absolute;width:100%;background:var(--bg);padding:0}.token-input-container,.token-input-input-container{width:100%;position:relative}.token_input-dropdown{position:relative}.token-input-token-container{width:100%;background:var(--bg);padding:0}.customer-general-tab{background:#d9d9d9;padding:10px;border-radius:10px}.customer-general-tab-name-block{display:flex;flex-direction:row;justify-content:space-between}.customer-general-tab-deposit-penalty-block{display:flex;flex-direction:row;gap:10px;justify-content:space-between}.customer-general-tab-general-info{background:linear-gradient(#090b1b,#3f405a);border:solid 1px black;border-radius:10px}.customer-general-tab-name-block{border:solid 1px black;border-radius:10px;padding:10px;gap:5px}.customer-general-tab-phone-field{display:flex;justify-content:center;padding:10px}.customer-general-tab-phone-field>.input-container{width:7em}.customer-general-tab-phone-field>.input-container>.inner-input-container input,.customer-general-tab-first_name-filed>.input-container>.inner-input-container input,.customer-general-tab-last_name-filed>.input-container>.inner-input-container input{border:none;padding:0;font-weight:700;width:100%}.customer-general-tab-first_name-filed>.input-container>.inner-input-container input{text-align:right}.customer-general-tab-phone-field{display:flex;align-items:center}.customer-general-tab-deposit{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;border:solid 1px black;border-radius:10px;background:linear-gradient(#292b38,#3f405a);padding-left:10px}.customer-general-tab-penalty{display:flex;justify-content:space-between;flex-direction:row;align-items:center;gap:10px;width:100%;border:solid 1px black;border-radius:10px;background:linear-gradient(#292b38,#3f405a)}.customer-general-tab-strikes{padding-left:10px;display:flex;gap:10px}.custmer-general-tab-ban{border:solid 1px black;border-radius:10px;padding:5px;text-align:center}.customer-general-tab-last_visit-date,.customer-general-tab-created_at-title-date{display:flex;flex-direction:row;justify-content:space-around;padding:10px;border:solid 1px black;border-radius:10px;background:linear-gradient(#292b38,#3f405a)}.customer-general-tab-last_visit-title,.customer-general-tab-created_at-title,.customer-general-tab-comment-title,.customer-general-tab-dob-title{color:#090b1b;width:100%;text-align:center}.customer-general-tab-comment>.textarea-container{display:flex;flex-direction:row;justify-content:space-between;padding:10px;border:solid 1px black;border-radius:10px;background:linear-gradient(#292b38,#3f405a)}.customer-general-tab-comment>.textarea-container>textarea{border:none;resize:none}.customer-general-tab-dates{display:flex;width:100%;justify-content:space-between;gap:20px}.customer-general-tab-dates>div{width:100%}.customer-general-tab-dob-date>.input-container{width:100%;display:flex;justify-content:center}.customer-general-tab-dob-date>.input-container>.inner-input-container{display:flex;justify-content:center;width:100%;background:linear-gradient(#292b38,#3f405a);border-radius:10px;border:solid 1px black}.customer-general-tab-dob-date>.input-container>.inner-input-container>input{border:none;padding:10px;border-radius:10px;height:43px;width:fit-content}.customer-deposit-tab{background:#d9d9d9;padding:10px;border-radius:10px}.customer-deposit-tab-name-block{display:flex;flex-direction:row;justify-content:center}.customer-deposit-tab-general-info{background:linear-gradient(#090b1b,#3f405a);border:solid 1px black;border-radius:10px}.customer-deposit-tab-name-block{border:solid 1px black;border-radius:10px;padding:10px;gap:5px}.customer-deposit-tab-phone{display:flex;justify-content:center;padding:10px}.customer-deposit-tab-current-deposit{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;border:solid 1px black;border-radius:10px;background:linear-gradient(#292b38,#3f405a);padding:5px;justify-content:center}.customer-deposit-tab-change-deposit-field{display:flex;flex-direction:column;margin-right:10px;gap:10px;width:100%}.customer-deposit-tab-deposit-delta,.customer-deposit-tab-deposit-comment{background:linear-gradient(#292b38,#3f405a);padding:5px;border:solid 1px black;border-radius:10px}.customer-deposit-tab-current-deposit-title,.customer-deposit-tab-change-deposit-title{color:#090b1b;width:100%;text-align:center}.customer-deposit-tab-deposit-controls-field{display:flex}.customer-deposit-tab-deposit-controls{width:100%;gap:5px;display:flex;flex-direction:column}.customer-deposit-tab-deposit-comment>.textarea-container>textarea{border:none;resize:none}.deposit-story-header{background:var(--secondary-text-light)}.deposit-story-header,.deposit-story-result{display:flex;flex-direction:row;width:100%;padding:5px}.deposit-story-header>div,.deposit-story-date>div,.deposit-story-result>div{color:#090b1b}.deposit-story-date,.deposit-story-header-date{min-width:6em;max-width:6em}.deposit-story-employee,.deposit-story-header-employee{min-width:6em;width:100%}.deposit-story-header-delta,.deposit-story-header-deposit,.deposit-story-delta,.deposit-story-deposit{min-width:6em;max-width:6em}.deposit-story-header-comment,.deposit-story-comment{width:100%}.deposit-story-controls{display:flex;justify-content:space-between}.deposit-story-controls>button{width:40px}.deposit-story-offset{color:#090b1b;text-align:center}.customer-order-tab{background:#d9d9d9;padding:10px;border-radius:10px}.customer-order-tab-name-block{display:flex;flex-direction:row;justify-content:center}.customer-order-tab-general-info{background:linear-gradient(#090b1b,#3f405a);border:solid 1px black;border-radius:10px}.customer-order-tab-name-block{border:solid 1px black;border-radius:10px;padding:10px;gap:5px}.customer-order-tab-phone{display:flex;justify-content:center;padding:10px}.customer-order-tab-statistic{display:grid;grid-template-columns:1fr 1fr;gap:5px}.customer-order-tab-statistic>div{background:linear-gradient(#292b38,#3f405a);border:solid 1px black;border-radius:10px;padding:5px}.order-story-header{background:var(--secondary-text-light)}.order-story-header,.order-story-result{display:flex;flex-direction:row;width:100%;padding:5px}.order-story-header>div,.order-story-date>div,.order-story-result>div{color:#090b1b}.order-story-date,.order-story-header-date{min-width:6em;max-width:6em}.order-story-employee,.order-story-header-employee{min-width:6em;width:100%}.order-story-header-compound,.order-story-compound{width:100%}.order-story-controls{display:flex;justify-content:space-between}.order-story-controls>button{width:40px}.order-story-offset{color:#090b1b;text-align:center}.customer-penalty-tab{background:#d9d9d9;padding:10px;border-radius:10px}.breaker{display:block;background:#000;width:100%;height:1px;border:solid #090b1b 1px;margin:10px 0}.customer-penalty-tab-name-block{display:flex;flex-direction:row;justify-content:center}.customer-penalty-tab-general-info{background:linear-gradient(#090b1b,#3f405a);border:solid 1px black;border-radius:10px}.customer-penalty-tab-name-block{border:solid 1px black;border-radius:10px;padding:10px;gap:5px}.customer-penalty-tab-phone{display:flex;justify-content:center;padding:10px}.customer-penalty-tab-current-strike{display:flex;gap:10px;border:solid 1px black;border-radius:10px;width:100%;padding:5px;background:linear-gradient(#292b38,#3f405a)}.customer-penalty-tab-penalties{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;justify-content:space-between}.customer-penalty-tab-current-is_banned{border-left:solid 1px black;padding:5px;width:100%;border:solid 1px black;text-align:center;border-radius:10px;background:linear-gradient(#292b38,#3f405a)}.customer-penalty-tab-change-penalty-field{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;border:solid 1px black;border-radius:10px;background:linear-gradient(#292b38,#3f405a);padding:5px}.customer-penalty-tab-penalty-controls{margin-top:10px;gap:5px;display:flex;flex-direction:row}.customer-penalty-tab-penalty-comment>.textarea-container>textarea{border:none;resize:none}.penalty-story-header{background:var(--secondary-text-light)}.penalty-story-header,.penalty-story-result{display:flex;flex-direction:row;width:100%;padding:5px}.penalty-story-header>div,.penalty-story-date>div,.penalty-story-result>div{color:#090b1b}.penalty-story-date,.penalty-story-header-date{min-width:6em;max-width:6em}.penalty-story-employee,.penalty-story-header-employee{min-width:6em;width:100%}.penalty-story-header-delta,.penalty-story-delta{min-width:6em;max-width:6em}.penalty-story-header-comment,.penalty-story-comment{width:100%}.penalty-story-controls{display:flex;justify-content:space-between}.penalty-story-controls>button{width:40px}.penalty-story-offset{color:#090b1b;text-align:center}.loading-layout{position:absolute;width:100%;height:100%;background:var(--bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:.3s;z-index:1000000000}.unmount{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.phone-validation-input-box{display:flex;gap:var(--gap-child)}.phone-container,.pwd-container{position:relative}.incorrect-value{position:absolute;color:red;left:0%;top:-13px;padding:0;background:transparent;border:none;font-size:small}.workplaces-page{display:flex;justify-content:center;height:100%;padding-bottom:40px;box-sizing:border-box}.workplaces{width:300px;height:100%;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;margin:auto 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-weigth);border-bottom:solid var(--wh) var(--border-weigth);max-height:70%}.workplaces-list-container{display:flex;flex-direction:column;justify-content:center;height:100%}.workplaces-list-controls{margin-top:var(--gap-grand)}.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-weigth);background:var(--bg);margin:10px 0;padding:10px 20px;border-radius:10px;cursor:pointer}.workplace:hover{filter:brightness(var(--hover-brightness))}.workplace:active{filter:brightness(var(--active-brightness))}.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}.user-page{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.profile-pic{background:var(--wh);border-radius:10px;margin-bottom:17px;width:236px}.main-settings{min-width:236px;max-width:472px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.id-container{display:block;min-width:236px;display:flex;flex-direction:column;padding:33px calc((100% - 236px)/2);align-items:center}.container{height:91px;display:flex;justify-content:center;align-items:center;width:100%;gap:var(--gap-grand)}.container .field-container{width:100%}.changePWD-container{box-sizing:border-box;width:100%}.logout-container{display:flex;flex-direction:row;align-items:center;margin-top:20px;width:100%;box-sizing:border-box}.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;margin:5px;border:solid var(--primary);text-align:center}.chosen-sound{background:var(--primary)}.field-name{display:flex;font-weight:400;height:30px;justify-content:center;align-items:center;width:25%;border-bottom:solid 1px white}.filter-customer-row{display:flex;justify-content:space-between}.filter-customer-row>div{background:var(--bk);filter:brightness(var(--active-brightness));color:var(--secondary-text-light);padding:10px}.filter-customer-column-phone{width:12em;min-width:12em;max-width:12em}.filter-customer-column-name{width:10em;min-width:10em;max-width:10em}.filter-customer-column-penalty{width:8em;min-width:8em;max-width:8em}.filter-customer-column-deposit{width:9em;min-width:9em;max-width:9em}.filter-customer-column-comment{min-width:8em;width:100%}.filter-customer-column-last_visits>div>div{background:var(--bk);color:var(--secondary-text-light)}.filter-customer-column-last_visits,.filter-customer-column-created_at{width:10em;min-width:10em;max-width:10em}.filter-customer-column-created_at{width:8em;min-width:8em;max-width:8em}.filter-customer-column-more{min-width:7em;max-width:7em;display:flex;justify-content:center;align-items:center}.filter-customer-column-more>img{width:2em}.filter-customer-column-more:hover{filter:brightness(var(--hover-brightness))}.filter-customer-header{display:flex;min-width:-webkit-fill-available;min-width:fit-content;max-width:100%;background:var(--bk)}.filter-customer-header>div{display:flex;align-items:center;color:var(--secondary-text-light);padding:0 10px}.filter-customer-header-phone{width:12em;min-width:12em;max-width:12em}.filter-customer-header-name{width:10em;min-width:10em;max-width:10em}.filter-customer-header-penalty{width:8em;min-width:8em;max-width:8em}.filter-customer-header-deposit{width:9em;min-width:9em;max-width:9em}.filter-customer-header-comment{min-width:8em;width:100%}.filter-customer-header-last_visits{width:10em;min-width:10em;max-width:10em}.filter-customer-last-visit{color:var(--secondary-text-dark)}.filter-customer-header-created_at{width:10em;min-width:10em;max-width:10em}.filter-customer-header-created_at{width:8em;min-width:8em;max-width:8em}.filter-customer-header-more{min-width:7em;max-width:7em}.filter-customer-results{width:fit-content;overflow-x:auto;width:100%;border-radius:5px;scroll-behavior:smooth}.filter-customer-results{margin-top:20px}.employee-credentials{display:flex;gap:var(--gap-grand);margin-bottom:var(--gap-grand)}.employee-user-id,.employee-credentials{margin-bottom:var(--gap-grand)}.employee-modal-footer{display:flex;gap:var(--gap-child)}.shop-setting-page{padding-bottom:80px;display:flex;flex-direction:column;gap:var(--gap-grand)}.shop-setting-field{display:flex;width:100%;justify-content:space-between;gap:var(--gap-grand)}.shop-setting-field-name{display:flex;font-weight:400;justify-content:center;align-items:center;width:25%;border-bottom:solid 1px white}.role-setting{display:flex;justify-content:space-between;font-size:16px;border-bottom:dashed var(--primary) 1px;margin-bottom:15px;margin:0 var(--modal-padding)}.role-setting-value{font-weight:200;width:100%;display:flex;align-items:center}.role-setting-label{font-weight:200;width:100%;display:flex;align-items:center;padding:10px 0}.update-role-name,.new-role-name{margin:0 var(--modal-padding)}.role-more{cursor:pointer}.role-more:hover{background:var(--bg);filter:brightness(var(--hover-brightness))}.role-more:active{background:var(--bg);filter:brightness(var(--active-brightness))}.role-more>img{filter:brightness(100);width:24px}.filters{display:flex;flex-direction:row;justify-content:space-between;gap:20px}.filters>div{width:100%}.customer-suggests{border:None;padding:5px}.customer-suggests:hover{background:var(--bg);filter:brightness(var(--hover-brightness))}.customer-suggests:active{background:var(--bg);filter:brightness(var(--active-brightness))}.customer-token{background:var(--primary);align-items:center;margin:0;padding:5px;height:100%}.select{display:flex;align-items:center;justify-content:space-between;border:solid var(--primary) 1px;border-radius:5px;padding:5px 10px}.select:hover{background:var(--primary)}.select>span{margin-left:20px}.select-options{position:absolute;width:100%}.select-container,.select,.selected-value{position:relative;width:100%}.is_paid-select-option:hover{background:var(--primary)}.is_paid-select-option:active{filter:brightness(--active-brightness)}.is_paid-select-option{background:var(--bg);width:100%;padding:5px}.total-filter-results{display:flex;width:100%;margin-top:10px}.total-label{width:16em;padding:5px}.total-value{padding:5px 10px 5px 5px}.pages{width:100%;display:flex;justify-content:right}.current-page-number{padding:5px;background:var(--primary)}.page-number:hover{background:var(--primary)}.page-number{padding:5px;background:var(--secondary)}.order-history{border-radius:10px;height:450px;overflow:auto;scroll-behavior:smooth}.order-history-body{width:100%;border-radius:5px;max-height:100%}.order-history-header{padding-top:20px;display:flex;justify-content:space-between}.order-history-header>div{color:var(--secondary-text-light);padding:10px;background:var(--bk)}.order-history-date-column-header:hover,.order-history-table-column-header:hover{filter:brightness(var(--hover-brightness))}.order-history-date-column-header{display:flex;width:6em;min-width:6em;max-width:6em}.order-history-table-column-header{width:5em;min-width:5em;max-width:5em;display:flex;padding-right:10px}.order-history-employee-column-header{display:flex;min-width:6em;max-width:6em;padding-right:10px}.order-history-extra-column-header{min-width:10em;max-width:10em;width:10em;padding-right:10px}.order-history-compound-column-header{min-width:6em;width:100%;padding-right:10px}.order-history-customer-column-header{min-width:8em;width:100%;padding-right:10px}.order-history-more-column-header{min-width:7em;max-width:7em;padding-right:10px}.order-history-element{display:flex;width:100%;justify-content:space-between;border-bottom:solid 2px var(--bk)}.order-history-element>div{padding:5px 10px;background:var(--bk);color:var(--secondary-text-light);filter:brightness(var(--active-brightness))}.order-history-date-column{width:6em;min-width:6em;max-width:6em}.order-history-table-column{width:5em;min-width:5em;max-width:5em;display:flex}.order-history-employee-column{display:flex;min-width:6em;max-width:6em}.order-history-extra-column>div{color:var(--secondary-text-light)}.order-history-extra-column{min-width:10em;max-width:10em;width:10em;padding-right:10px}.order-history-compound-column{width:100%;-webkit-user-select:all;min-width:6em;user-select:all}.order-history-customer-column{min-width:8em;width:100%;display:flex;flex-direction:column}.customer-history-data{padding-bottom:10px;width:100%}.customer-history-data:hover{filter:brightness(var(--hover-brightness));background:var(--bk);width:100%}.customer-phone,.customer-name{color:var(--secondary-text-light)}.customer-order-comment{color:var(--secondary-text-light);padding-bottom:20px}.order-history-more-column{min-width:7em;max-width:7em;display:flex;justify-content:center;align-items:center}.order-history-more-column>img{width:2em}.order-history-more-column:hover{filter:brightness(var(--hover-brightness))}.log-item{display:flex;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:solid 2px var(--bk)}.log-item-modal{padding:10px}.log-date{max-width:7em;min-width:7em}.log-action{max-width:9em;min-width:9em;width:9em}.log-description{width:100%;margin-right:20px}.log-employee{max-width:9em;min-width:9em;width:9em}.log-page{padding-bottom:80px}.skeleton-order{width:159px;height:216px;background:gray;border-radius:10px;animation:pulse infinite 5s}@keyframes pulse{0%{background:#ffffff31}50%{background:#ffffff10}to{background:#ffffff31}}.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}}.order{width:159px;height:216px;background:var(--bk);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5px}.late{background:var(--error)}.order-table,.order-stage{margin-top:auto;margin-bottom:auto;width:80%;height:24px;font-size:16px;text-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.order-data-controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;margin-bottom:auto;width:100%}.more-button,.is-paid{display:flex;justify-content:center;width:100%;align-items:center}.coin-img,.book-img{background:transparent;width:25px}.next-stage-button{width:100%}.next-stage-button>div>button{font-size:14px;height:26px}.next-stage-button>div>div>button{font-size:14px}.timer{background:var(--wh);border-radius:var(--border-radius);width:9em;padding:5px 0;display:flex;justify-content:center;align-items:center}.remainingTime{color:var(--bk);text-align:center;height:100%}.expired{color:var(--error)}.order-general-tab-link-img{width:1em}.order-modal-customer-tab-customer-controls{display:flex;gap:5px;margin-bottom:5px}.order-data-modal-footer{display:flex;flex-direction:row;width:100%;gap:var(--gap-child)}.general-info-block{display:flex;justify-content:space-between}.general-info-block>div{width:100%}.changable-info{display:flex;flex-direction:column;justify-content:space-between;padding-top:5px}.changable-info>.info-block{padding:0;margin:0}.fixed-info{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:100%}.fixed-info>div{display:flex;align-items:center;justify-content:center;padding:5px}.change-stage-button>.double-check-button-container,.close-order-button>.double-check-button-container{width:9em}.double-info-block{display:flex;align-items:center;flex-direction:row;justify-content:space-between;width:100%}.double-info-block>div{height:100%}.order-data-modal-footer>.double-check-button-container>button,.order-data-modal-footer>.double-check-button-container>.check-container>button,.order-data-modal-footer>button{font-size:12px;width:calc(100% - var(--border-weigth) * 2);padding:5px 0;height:25px}.info-block{display:flex;width:100%;justify-content:space-between;align-items:center;margin:10px 0;padding-bottom:5px}.info-block-data{display:flex;width:100%;justify-content:center}.info-block-name{display:flex;width:100%}.is_paid-info-block{display:flex;flex-direction:column;width:100%}.is_paid-info-block>.info-block-name{min-width:100%;justify-content:center;padding-bottom:10px}.comment-block,.strength-block{width:100%;text-align:center;padding-bottom:5px}.time-outs{padding-top:10px;text-align:center}.time-out-element{display:flex;width:100%;justify-content:space-between;align-items:center;border-bottom:solid var(--primary) 1px}.time-out{color:var(--error)}.customer-suggest{display:flex;justify-content:space-between;width:100%;margin:10px 0;padding:5px 10px;background:var(--bg);border:solid var(--primary) 1px;cursor:pointer;border-radius:var(--border-radius)}.customer-suggest:hover{filter:brightness(var(--hover-brightness))}.customer-suggest:active{filter:brightness(var(--active-brightness))}.header-controls-container{position:fixed;display:flex;gap:10px;background:var(--bg);padding:30px 0 10px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;top:50px}.filter{display:flex;align-items:center;gap:10px;position:relative;z-index:800}.filter-label{font-size:20px;margin:0;padding:0}.drop-down{position:absolute;border:solid var(--wh);display:flex;flex-direction:column;gap:var(--gap-child);border-radius:10px;background:var(--bg);box-shadow:-6px 0 6px #00000040;padding:20px;top:0;left:40px;width:200%}.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;width:100%}.stage-name{width:100%}.order-request{width:200px;background:var(--wh);text-align:center;color:#000;padding-bottom:10px;border-radius:0 0 10px 10px}.order-request>div{color:inherit;width:100%}.order-request-field{display:flex;justify-content:space-between;padding:5px 10px}.order-request-timer{display:flex;justify-content:center}.order-request-text{padding:5px 10px}.order-request-field-label{color:gray;text-align:left}.order-request-field-value{color:inherit}.shop-order-page{padding-top:50px}.table-header{display:flex;justify-content:space-between;width:100%;max-height:55px}.table-name{background:var(--bg);filter:brightness(var(--hover-brightness));border-radius:var(--border-radius);margin:0;padding:5px 20px}.create-order-request-container{width:150px}.order-requests{display:flex;gap:10px}.customer-order{padding:10px;border:var(--primary) 1px solid;border-radius:var(--border-radius)}.customer-order-field{display:flex;justify-content:space-between;border-bottom:dashed 1px;padding:5px 10px}.customer-order-text-field{display:flex;flex-direction:column;align-items:center;width:100%}.customer-order-text-field-name{border-bottom:dashed 1px;width:100%;text-align:center}.customer-order-text-field-value{min-height:50px;border:var(--wh) 1px solid;margin-top:10px;padding:10px;width:100%;border-radius:var(--border-radius)}.rate-bar{align-items:center}.range-container{padding:20px}.order-request_table{width:200px;background:var(--wh);text-align:center;color:#000;padding-bottom:10px;border-radius:0 0 10px 10px}.order-request_table>div{color:inherit;width:100%}.order-request_table-field{display:flex;justify-content:space-between;padding:5px 10px}.order-request_table-text{padding:5px 10px}.order-request_table-field-label{color:gray;text-align:left}.order-request_table-field-value{color:inherit}.deco{width:100%;display:flex;justify-content:space-between;padding:10px 15px}.order-request-circle{border-radius:50%;display:block;width:20px;height:20px;background:var(--bg)}