.header{color:#fff;background-color:#313131;grid-template-columns:1fr 1fr;width:100%;height:75px;display:grid;position:fixed}.header__spacer{width:100%;height:75px;display:block}.header__left{align-items:center;display:flex}.header__title{padding:0 20px}.header__right{justify-content:space-around;align-items:center;font-size:20px;display:flex}.main{flex-direction:column;display:flex}.main__job-btn{text-align:center;background-color:#3f98e6;border-radius:10px;margin:20px;padding:12px;transition:all .3s}.main__job-btn:hover{transform:translateY(-4px);box-shadow:0 5px 10px #2c2c2c}.main__job-btn:active{box-shadow:inset 0 -2px 8px #2c2c2c}.table{flex-direction:column;justify-content:center;align-items:center;display:flex}.table__btn,.table__btn_status-btn{text-align:center;background-color:#dcdcdc;border:1px solid #8d8d8d;border-radius:10px;width:100%;padding:10px;transition:all .2s}.table__btn_status-btn{cursor:pointer;width:auto;margin-left:auto}.table__btn:hover,.table__btn_status-btn:hover{box-shadow:0 0 5px #000}.table__btn:active,.table__btn_status-btn:active{box-shadow:inset 0 0 5px #000}table{border-collapse:collapse;width:calc(99% - 40px);margin:20px}th,td{text-align:left;border:1px solid #ddd;padding:12px}th{color:#fff;background-color:#222}tr:nth-child(2n){background-color:#f5f5f5}tr:hover{background-color:#e8e8e8}.red-dot,.orange-dot,.blue-dot,.green-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin:auto 5px auto 0;display:block}.red-dot{background-color:red}.orange-dot{background-color:orange}.blue-dot{background-color:#246aff}.green-dot{background-color:green}.modal{z-index:2;color:#000;background-color:#00000048;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0}.modal__container{background-color:#fff;border-radius:20px;min-width:30vw;min-height:50px;margin:0 20px;padding:20px;position:relative}.modal__title,.modal__title_with-back{text-align:start;border-bottom:1px solid #000;width:fit-content;margin-bottom:10px}.modal__title_with-back{margin:25px 0 10px}.modal__close-btn{cursor:pointer;width:20px;height:20px;padding:15px;position:absolute;top:10px;right:10px}.modal__close-btn:before,.modal__close-btn:after{content:"";background:#000;width:20px;height:2px;position:absolute;inset:50% auto auto 50%}.modal__close-btn:before{transform:translate(-50%,-50%)rotate(45deg)}.modal__close-btn:after{transform:translate(-50%,-50%)rotate(-45deg)}.invoice-num{padding:0 5px 10px}.invoice-num-num{opacity:.7}.modal__back-btn{cursor:pointer;background:0 0;border:none;width:40px;height:40px;position:absolute;top:10px;left:10px}.modal__back-btn:before{content:"";border-bottom:2px solid #000;border-left:2px solid #000;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-30%,-50%)rotate(45deg)}.modal__back-btn:hover:before{border-color:#555}.edit__btn,.edit__btn_delete{text-align:center;background-color:#3f98e6;border-radius:10px;width:100%;margin:5px 0 10px;padding:5px;transition:all .2s}.edit__btn:hover,.edit__btn_delete:hover{box-shadow:0 0 5px #000}.edit__btn:active,.edit__btn_delete:active{box-shadow:inset 0 0 5px #000}.edit__btn:disabled,.edit__btn_delete:disabled{opacity:.5;pointer-events:none}.edit__btn_delete{background-color:#fd7a7a;margin-bottom:15px}.modal__children-container_scroll-y{max-height:80vh;overflow-y:auto}.form__label{flex-direction:column;margin-bottom:10px;display:flex}.form__input{cursor:text;background-color:#ddd;border:1px solid #b4b4b4;border-radius:5px;margin-top:2px;padding:5px;display:flex}.form__input-error{border-color:red}.form__error-message,.form__final-error-message{color:red;height:18px;font-weight:300}.form__final-error-message{width:100%;margin-bottom:10px;display:block}.form__submit-btn{background-color:#3f98e6;border-radius:10px;padding:10px}.form__radio{flex-direction:column;margin-bottom:10px;display:flex}.form__radio p{margin:0 0 2px}.form__radio-group{background-color:#ddd;border:1px solid #b4b4b4;border-radius:5px;flex-direction:column;gap:6px;padding:5px;display:flex}.form__radio-group.form__input-error{border-color:red}.form__radio label{cursor:pointer;align-items:center;gap:8px;display:flex}.form__radio input[type=radio]{cursor:pointer;accent-color:#3f98e6}.form__radio-option{cursor:pointer;border:1px solid #fff0;border-radius:5px;align-items:center;padding:3px 5px;transition:background-color .15s,border-color .15s;display:flex}.form__radio-option:hover{background-color:#cdcdcd}.form__radio-option--checked{background-color:#3f98e626;border:1px solid #3f98e6}.sections__section{background-color:#e6e6e6;border-top:1px solid #585858;flex-direction:column;padding:5px;display:flex}.sections__section:nth-child(2n){background-color:#f5f5f5}.sections__section:last-child{border-bottom:1px solid #585858}.sections__section-top,.sections__section-bottom,.sections__section-solid{gap:60px;max-width:80vw;padding:3px 0}.sections__section-top{border-bottom:1px solid #a09f9f;justify-content:space-between;display:flex}.sections__section-row{grid-template-columns:repeat(4,1fr);padding:3px 0 0;display:grid;position:relative}.sections__section-row>:last-child{justify-self:end}.sections__section-part{align-items:center;width:fit-content;min-width:64px;display:flex}.sections__section-btn,.sections__section-row-btn{text-align:center;background-color:#3f98e6;border-radius:10px;width:100%;margin-top:5px;padding:5px;transition:all .2s}.sections__section-row-btn{width:auto}.sections__section-btn:hover,.sections__section-row-btn:hover{box-shadow:0 0 5px #000}.sections__section-btn:active,.sections__section-row-btn:active{box-shadow:inset 0 0 5px #000}.sections__section-btn:disabled,.sections__section-row-btn:disabled{opacity:.5;pointer-events:none}.sections__section-input,.sections__section-input_large{cursor:text;background-color:#fff;border:1px solid #94cbff;width:8ch;padding:2px}.sections__section-input_large{width:11ch}.navbar__menu-button-arrow{cursor:pointer;justify-content:center;align-items:center;margin-left:10px;padding:8px 2px;display:inline-flex}.navbar__menu-button-arrow span{background:#000;width:10px;height:2px;transition:transform .3s}.navbar__menu-button-arrow .arrow-span:first-child{transform:translate(1.3px)rotate(45deg)}.navbar__menu-button-arrow .arrow-span:last-child{transform:translate(-2px)rotate(-45deg)}.open .arrow-span:first-child{transform:translate(2px)rotate(-45deg)}.open .arrow-span:last-child{transform:translate(-2px)rotate(45deg)}.sections__section-solid{justify-content:space-between;align-items:center;display:flex}.sections__section-bottom{opacity:0;max-height:0;transition:max-height .5s,opacity .3s;overflow:hidden}.sections__section-bottom.open{opacity:1;max-height:500px;overflow:visible}.sections__section-difference{background-color:pink;border-radius:20px;margin-right:10px;padding:5px 7px}.sections__section-extra{color:#000;background:#90ee90;border:1px solid #888;border-radius:5px;justify-content:center;align-items:center;padding:2px 4px;display:flex;position:absolute;top:50%;right:0;transform:translate(120%,-50%);box-shadow:0 1px 3px #00000026}.trash{justify-self:end;padding:5px}.trash__body{clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);background-color:#000;width:12px;height:12px}.trash__lid{clip-path:polygon(0 26%,35% 25%,35% 0,65% 0,65% 25%,100% 25%,100% 80%,0 80%);transform-origin:100% 100%;background-color:#000;width:12px;height:5px;transition:transform .3s;transform:rotateX(10deg)}.checkout__trash-icon{width:fit-content;margin-left:auto}.checkout__trash-icon:hover .trash__lid{transform:rotate(45deg)}.pic{border:1px solid #ccc;max-width:80vw;max-height:70vh;overflow:auto hidden}.pic__track{align-items:start;gap:16px;display:flex}.pic__pic{object-fit:contain;scroll-snap-align:center;flex:none;width:auto;max-width:80vw;height:auto;max-height:60vh}.pic__description{word-wrap:break-word;text-align:center;max-width:80vw}.pic__none{margin-bottom:5px;padding:5px;font-size:30px}.pic__add-pic-btn{text-align:center;background-color:#3f98e6;border-radius:10px;width:100%;margin-top:5px;padding:5px;transition:all .2s}.pic__add-pic-btn:hover{box-shadow:0 0 5px #000}.pic__add-pic-btn:active{box-shadow:inset 0 0 5px #000}.pic__add-pic-btn:disabled{opacity:.5;pointer-events:none}.edit-pic{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;width:80vw;max-height:80vh;display:grid;overflow-y:auto}.edit-pic>div{background-color:#ddd;border:1px solid #b4b4b4;border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:hidden}.edit-pic__delete,.edit-pic__deleting{color:#ff4e4e;cursor:pointer;opacity:0;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;font-weight:900;transition:all .2s;display:flex;position:absolute}.edit-pic__delete:hover,.edit-pic__deleting{opacity:.7}.edit-pic__pic{width:100%;height:auto;display:block}.edit-pic__description{color:#3c3c3c;word-break:break-word;margin:0;padding:8px;font-size:.9rem}.confirm__container{width:100%;max-height:80vh;overflow-y:auto}.confirm{background-color:#fff}.confirm__title{border-bottom:1px solid #000;margin-bottom:10px;padding-bottom:10px}.confirm__customer-info,.confirm__craftsman-info{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.confirm__craftsman-info{border-top:1px solid #979797;border-bottom:1px solid #979797;margin:10px 0 20px;padding:10px 0}.confirm__invoice-total-container{gap:10px;width:fit-content;margin:15px 40px 0 auto;font-size:20px;font-weight:700;display:flex}.confirm__btn-container{gap:10px;margin-top:30px;padding:10px;display:flex}.confirm__cancel-btn,.confirm__confirm-btn{text-align:center;border-radius:10px;width:50%;padding:15px 20px;transition:all .2s}.confirm__confirm-btn{background-color:#3f98e6}.confirm__cancel-btn{background-color:#dcdcdc}.confirm__cancel-btn:hover,.confirm__confirm-btn:hover{box-shadow:0 0 5px #000}.confirm__cancel-btn:active,.confirm__confirm-btn:active{box-shadow:inset 0 0 5px #000}.confirm__footer{flex-direction:column;justify-content:center;align-items:center;gap:15px;margin-top:25px;display:flex}.confirm__footer p{text-align:center}.settings__title{text-align:center;padding:10px 0}.settings__input{cursor:text;background-color:#fff;border:1px solid #94cbff;width:7ch;padding:2px}.settings__hour-rate{align-items:center;gap:5px;margin:0 30px;display:flex}.settings__table-title{border-bottom:1px solid #000;width:fit-content;margin:auto}.settings__table-btn-container{justify-content:space-between;align-items:center;display:flex}.settings__table-btn-container button{text-align:center;color:#fff;background-color:#e63f3f;border-radius:10px;padding:5px 10px;transition:all .2s}.settings__table-btn-container button:hover{box-shadow:0 0 5px #000}.settings__table-btn-container button:active{box-shadow:inset 0 0 5px #000}.settings__table-btn-container button:disabled{opacity:.5;pointer-events:none}.settings__add-part-btn{text-align:center;background-color:#3f98e6;border-radius:10px;width:calc(100% - 40px);margin:20px;padding:12px;transition:all .2s}.settings__add-part-btn:hover{box-shadow:0 0 5px #000}.settings__add-part-btn:active{box-shadow:inset 0 0 5px #000}.settings__add-part-btn:disabled{opacity:.5;pointer-events:none}.delete__title,.delete__warning{text-align:center;margin:10px 0}.delete__warning{color:#ff6c6c}.delete__container{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.delete__key{border-top:1px solid #4fb9ff;padding:5px 0}.delete__value{line-break:normal;border-top:1px solid #4fb9ff;max-width:30vw;padding:5px 0}.delete__btn-container{gap:10px;padding:10px;display:flex}.delete__cancel-btn,.delete__confirm-btn{text-align:center;border-radius:10px;width:50%;padding:15px 20px;transition:all .2s}.delete__confirm-btn{background-color:#ff6c6c}.delete__cancel-btn{background-color:wheat}.delete__cancel-btn:hover,.delete__confirm-btn:hover{box-shadow:0 0 5px #000}.delete__cancel-btn:active,.delete__confirm-btn:active{box-shadow:inset 0 0 5px #000}.footer{color:#fff;background-color:#313131;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:75px;display:flex;position:fixed;bottom:0}.footer__nav-container{text-align:center;grid-template-columns:repeat(3,1fr);gap:20px;font-size:18px;display:grid}.footer__contact-btn{text-align:center;opacity:.7}.footer__contact-btn:hover{opacity:1}.footer__logout-btn{opacity:.7;width:fit-content;position:absolute;left:calc(100% - 100px)}.footer__logout-btn:hover{opacity:1}.login{height:calc(100vh - 150px)}.login__title{text-align:center;padding:10px 0}.login__form-container{max-width:40vw;margin:20px auto}.login__btn-container{justify-content:center;align-items:center;width:100%;margin:20px 0;display:flex}.login__switch-btn{text-align:center;background-color:#3f98e6;border-radius:10px;margin:20px;padding:12px;transition:all .2s}.login__switch-btn:hover{box-shadow:0 0 5px #000}.login__switch-btn:active{box-shadow:inset 0 0 5px #000}.login__switch-btn:disabled{opacity:.5;pointer-events:none}.login__form-break{margin:20px 0 15px;font-size:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font:inherit;color:inherit;background:0 0}#root{padding-bottom:75px}a{color:inherit;text-decoration:none}ul,ol,li{list-style:none}button,input,textarea,select{all:unset;box-sizing:border-box;cursor:pointer}img,picture,video,canvas,svg{max-width:100%;display:block}table{border-collapse:collapse;border-spacing:0}