@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{margin-top:50px;padding:40px 20px;background-color:#232323;color:#fff}.sign-up-page{width:100%;padding:40px 25px;display:flex;flex-direction:column;align-items:center;gap:24px}.sign-up-page .sign-up-page-top{width:100%;display:flex;justify-content:space-between;align-items:center}.sign-up-page .sign-up-page-top h2{font-family:inter;font-size:1.5rem;font-weight:600}.sign-up-page .sign-up-page-top p{font-family:inter;font-size:14px;font-weight:400;color:#fa5602;text-decoration:underline}.SignUpForm{width:100%;max-width:340px;display:flex;flex-direction:column;align-items:center;gap:24px}.SignUpForm .inputs{display:flex;flex-direction:column;gap:16px;width:100%}.SignUpForm .inputs .input-row{display:flex;flex-direction:column;gap:4px}.SignUpForm .inputs .input-row label{font-family:inter;font-size:1rem;font-weight:600}.SignUpForm .inputs .input-row input{padding:8px;border:2px solid #FA5602;background-color:#f0f0f0;border-radius:8px;width:100%}.SignUpForm .inputs .input-row input::placeholder{font-style:italic}.SignUpForm button{width:100%;color:#000}.alert-modal{position:fixed;top:-100px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;border-radius:8px;padding:12px 40px;color:#2d2d2d;box-shadow:0 4px 4px #00000040;z-index:100;transition:top .5s ease-in-out}.alert-modal p{text-wrap:nowrap;font-family:inter;font-size:1rem;font-weight:600;color:#2d2d2d}.alert-modal.success{background-color:#0f0}.alert-modal.error{background-color:red}.alert-modal.task{background-color:gold}.alert-modal.show{top:50px}.FormPage{display:flex;flex-direction:column;align-items:center;gap:25px}.FormPage h1{font-family:inter;font-size:1.5rem;font-weight:600}.customer-form{display:flex;flex-direction:column;gap:24px;width:100%;max-width:340px;font-family:inter;font-size:14px;font-weight:600}.customer-form ol{list-style:inside decimal;display:flex;flex-direction:column;gap:4px}.customer-form ol p span{font-weight:700}.customer-form .inputs{display:flex;flex-direction:column;gap:16px;width:100%}.customer-form .inputs:has(input[type=checkbox]){gap:24px}.customer-form .inputs .input-row{display:flex;flex-direction:column;gap:4px;width:100%}.customer-form .inputs .input-row label{font-family:inter;font-size:1rem;font-weight:600}.customer-form .inputs .input-row label p,.customer-form .inputs .input-row label span{font-size:14px}.customer-form .inputs .input-row input{padding:8px;border-radius:8px;border:2px solid #FA5602;background-color:#f0f0f0}.customer-form .inputs .input-row .front-back-row-container{display:flex;width:100%;justify-content:flex-end;padding:0 16px}.customer-form .inputs .input-row .front-back-row-container .front-back-row{display:flex;justify-content:space-between;width:100px}.customer-form .inputs .input-row .front-back-row-container .front-back-row span{width:40px;text-align:center}.customer-form .inputs .input-row .checkbox-row{display:flex;justify-content:space-between;padding:0 16px;align-items:center}.customer-form .inputs .input-row .checkbox-row .checkbox-container{display:flex;align-items:center;justify-content:space-between;width:100px}.customer-form .inputs .input-row .checkbox-row .input-checkbox{width:40px;display:flex;justify-content:center}.customer-form .inputs .input-row .checkbox-row .input-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #f0f0f0;background-color:transparent;width:20px;height:20px;border-radius:3px;color:#f0f0f0;font:inherit;display:grid;place-content:center}.customer-form .inputs .input-row .checkbox-row .input-checkbox input[type=checkbox]:before{content:"✔";width:20px;height:20px;transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;color:#f0f0f0;text-align:center}.customer-form .inputs .input-row .checkbox-row .input-checkbox input[type=checkbox]:checked:before{transform:scale(1)}.customer-form .inputs .input-row .checkbox-row .input-checkbox input[type=checkbox]:checked{border:2px solid #FA5602;background-color:#fa5602}.customer-form .inputs .input-row-checkbox{display:flex;flex-direction:column;gap:20px}.customer-form .inputs .single-checkbox .checkbox-row{justify-content:flex-start}.customer-form .inputs .radio{gap:12px}.customer-form .inputs .radio .inner-row{display:flex;flex-direction:row;gap:8px;align-items:center}.customer-form .inputs .radio .inner-row input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #f0f0f0;border-radius:50%;width:20px;height:20px;background-color:transparent;display:grid;place-content:center}.customer-form .inputs .radio .inner-row input[type=radio]:before{content:"";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:#fa5602}.customer-form .inputs .radio .inner-row input[type=radio]:checked:before{transform:scale(1)}.customer-form .inputs .radio .inner-row input[type=radio]:checked{border:2px solid #FA5602}.customer-form .buttons{display:flex;justify-content:space-between}.customer-form .buttons .buttons-left{display:flex;gap:12px}.clear-form-modal{position:fixed;top:0;left:0;width:100dvw;height:100dvh;background-color:#00000080}.clear-form-modal .clear-form-modal-content{display:flex;flex-direction:column;gap:16px;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background-color:#232323;border:2px solid #FA5602;box-shadow:0 4px 4px #00000040;padding:20px 24px;border-radius:12px;z-index:1000;width:100%;max-width:340px}.clear-form-modal .clear-form-modal-content .buttons{display:flex;justify-content:flex-end;gap:24px;font-family:inter;font-size:14px;font-weight:700}.menu-container ion-icon{width:50px;height:50px;color:#fa5602}.menu-container nav{display:flex;justify-content:center;align-items:center;gap:48px;flex-direction:column}.menu-container nav a{color:#fa5602;text-decoration:none;font-family:inter;font-size:1.5rem;font-weight:700}.menu-container .menu-open span{z-index:10000;position:fixed;top:0;left:0}.menu-container .menu-open nav{width:100dvw;height:100vh;background-color:#232323;position:fixed;top:0;left:0;z-index:99;justify-content:flex-start;padding-top:200px}.home-page{display:flex;flex-direction:column;align-items:center;gap:32px}.home-page .welcome-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px 0}.home-page .welcome-container h1{font-family:inter;font-size:2rem;font-weight:700}.part{display:flex;flex-direction:column;background-color:#fa5602;color:#000;width:100%;padding:10px;border-radius:8px;align-items:center;box-shadow:0 4px 4px #00000040;gap:24px}.part:has(.part-open){padding:0}.part:has(.part-open)>.part-top{padding:10px 10px 0}.part:has(.part-open) .part-open+.part-bottom{padding:0 10px 10px}.part.child3{background-color:#f0f0f0}.part span:has(ion-icon){z-index:1;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.part span:has(ion-icon).open{transform:rotate(180deg)}.part span:has(ion-icon) ion-icon{font-size:30px}.part .part-top{display:flex;justify-content:space-between;width:100%;gap:8px;align-items:center}.part .part-top .part-info{display:flex;align-items:center;gap:16px;width:100%;height:100%;position:relative}.part .part-top .part-info .part-name{width:55%;display:flex;flex-wrap:wrap;column-gap:8px}.part .part-top .part-info .quantity-controls{display:flex;align-items:center;gap:8px;position:absolute;right:10px;top:50%;transform:translateY(-50%);height:100%}.part .part-top .part-info .quantity-controls button{color:#000;width:24px;height:100%}.part .part-top .part-info .quantity-controls input[type=number]{border:1px solid #000000;border-radius:4px;text-align:center;padding:2px;width:20px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.part .part-top .part-info .quantity-controls input::-webkit-outer-spin-button,.part .part-top .part-info .quantity-controls input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.part .part-top .part-info .quantity-controls input[type=number]{-moz-appearance:textfield}.part .part-top .part-info .edit-parent-form{display:flex;gap:16px;width:100%}.part .part-top .part-info input{width:100%;padding:8px;border-radius:8px;border:2px solid #FA5602;box-shadow:0 4px 4px #00000040}.part .part-top .part-info input.price-input{width:50%}.part .part-top .part-info h3{font-family:inter;font-size:14px;font-weight:500}.part .part-top .part-info p{font-family:inter;font-size:14px;font-weight:400}.part .part-content{display:flex;flex-direction:column;gap:16px;width:100%}.part .part-content .part-bottom{display:flex;justify-content:space-between;gap:16px}.part .part-content .part-bottom .edit-parent-button{align-self:end;margin-bottom:10px}.part .edit-part-form{display:flex;flex-direction:column;gap:10px;width:100%;background-color:#232323;padding:10px;border-radius:8px;box-shadow:0 4px 4px #00000040;color:#fa5602;justify-content:center}.part .edit-part-form .add-top{display:flex;justify-content:space-between;align-items:center}.part .edit-part-form .add-top h3{font-family:inter;font-size:14px;font-weight:500}.part .edit-part-form .add-part-form{display:flex;flex-direction:column;gap:10px}.part .edit-part-form .add-part-form .input-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.part .edit-part-form .add-part-form .input-row label{font-family:inter;font-size:1rem;font-weight:600;width:100px}.part .edit-part-form .add-part-form .input-row input{max-width:200px;width:100%;height:40px;padding:0 8px;border-radius:8px;border:2px solid #FA5602}.part .edit-part-form .add-part-form .input-row input::placeholder{font-style:italic}.part .edit-part-form .add-part-form .button-row{display:flex;justify-content:end}.part .form-connection{display:flex;flex-direction:column;width:100%;padding:0 8px;gap:4px}.part .form-connection .form-connection-top{display:flex;justify-content:space-between;align-items:center}.part .form-connection .form-connection-top h3{font-family:inter;font-size:14px;font-weight:500}.part .form-connection .input-row{display:flex;justify-content:space-between}.part .form-connection .input-row label{font-family:inter;font-size:14px;font-weight:400}.part .form-connection .input-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #2d2d2d;background-color:transparent;width:20px;height:20px;border-radius:3px;color:#2d2d2d;font:inherit;display:grid;place-content:center}.part .form-connection .input-row input[type=checkbox]:before{content:"✔";width:20px;height:20px;transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;color:#fa5602;text-align:center}.part .form-connection .input-row input[type=checkbox]:checked:before{transform:scale(1)}.part .form-connection .input-row input[type=checkbox]:checked{border:#2d2d2d;background-color:#2d2d2d}.part .favorite{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 8px}.part .favorite label{font-family:inter;font-size:14px;font-weight:400}.part .favorite input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #2d2d2d;background-color:transparent;width:20px;height:20px;border-radius:3px;color:#2d2d2d;font:inherit;display:grid;place-content:center}.part .favorite input[type=checkbox]:before{content:"✔";width:20px;height:20px;transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;color:#fa5602;text-align:center}.part .favorite input[type=checkbox]:checked:before{transform:scale(1)}.part .favorite input[type=checkbox]:checked{border:#2d2d2d;background-color:#2d2d2d}.marked{border:4px solid #24E6A3;padding:6px}.part:has(.marked){border:4px solid #24E6A3;padding:6px}.child{background-color:#f0f0f0}.child input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #232323;background-color:transparent;width:20px;height:20px;border-radius:3px;color:#232323;font:inherit;display:grid;place-content:center}.child input[type=checkbox]:before{content:"✔";width:20px;height:20px;transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;color:#232323;text-align:center}.child input[type=checkbox]:checked:before{transform:scale(1)}.child input[type=checkbox]:checked{border:#FA5602;background-color:#fa5602}.hidden{display:none!important}.parts-page{display:flex;flex-direction:column;align-items:center;gap:32px}.parts-page span:has(ion-icon){z-index:1;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.parts-page span:has(ion-icon).open{transform:rotate(180deg)}.parts-page span:has(ion-icon) ion-icon{font-size:30px}.parts-page h1{font-family:inter;font-size:2rem;font-weight:700}.parts-page .parts-container{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:320px}.parts-page .add-part{display:flex;flex-direction:column;width:100%;background-color:#f0f0f0;color:#000;padding:10px;border-radius:8px;gap:10px;align-items:center;box-shadow:0 4px 4px #00000040}.parts-page .add-part .add-top{display:flex;justify-content:space-between;align-items:center;width:100%}.parts-page .add-part .add-top h3{font-family:inter;font-size:14px;font-weight:500}.parts-page .add-part .add-part-form{display:flex;flex-direction:column;gap:10px;width:100%}.parts-page .add-part .add-part-form .input-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.parts-page .add-part .add-part-form .input-row input{width:100%;max-width:250px;padding:0 8px;border-radius:8px;border:2px solid #FA5602;height:40px;background-color:#f0f0f0}.parts-page .add-part .add-part-form .input-row input::placeholder{font-style:italic}.parts-page .add-part .add-part-form .input-row label{font-family:inter;font-size:1rem;font-weight:600;width:100px}.parts-page .add-part .add-part-form .button-row{display:flex;justify-content:flex-end}.price-accepted{border:4px solid #24E6A3!important}.price-acceptance-pending{border:4px solid #FFD700!important}.bike-done{border:4px solid #FF0000!important}.customer{display:flex;flex-direction:column;gap:12px;background-color:#f0f0f0;border-radius:8px;padding:12px;width:100%;border:2px solid #2d2d2d;box-shadow:0 4px 4px #00000040;color:#2d2d2d}.customer span:has(ion-icon){display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out;cursor:pointer}.customer span:has(ion-icon).open{transform:rotate(180deg)}.customer span:has(ion-icon) ion-icon{font-size:30px}.customer .customer-top{display:flex;justify-content:space-between;align-items:center}.customer .customer-top h2{font-family:inter;font-size:1.25rem;font-weight:700}.customer .customer-content{display:flex;flex-direction:column;gap:12px;width:100%}.customer .customer-content .customer-info-top{display:flex;justify-content:space-between}.customer .customer-content .customer-info-top h3{font-family:inter;font-size:1.25rem;font-weight:700}.customer .customer-content .info-content{display:flex;flex-direction:column;gap:12px}.customer .customer-content .info-content .info-line{display:flex;flex-direction:column;gap:8px}.customer .customer-content .info-content .info-line h4{font-family:inter;font-size:14px;font-weight:700}.customer .customer-content .info-content .info-line p{font-family:inter;font-size:14px;font-weight:500}.customer .customer-content .parts-container{display:flex;flex-direction:column;gap:12px}.customer .customer-content .parts-container .parts-container-top{display:flex;justify-content:space-between}.customer .customer-content .parts-container .parts-container-top .right{display:flex;gap:8px}.customer .customer-content .parts-container .parts-list{display:flex;flex-direction:column;gap:24px}.customer .customer-content .parts-container .parts-list p{font-family:inter;font-size:14px;font-weight:500}.customer .customer-content .group-together-customers{display:flex;flex-direction:column;gap:8px;width:100%}.customer .customer-content .group-together-customers .group-together-customers-top{display:flex;justify-content:space-between;align-items:center}.customer .customer-content .group-together-customers .group-together-customers-list{display:flex;flex-direction:column;gap:8px;width:100%}.customer .customer-content .group-together-customers .group-together-customers-list .input-row{display:flex;justify-content:space-between}.customer .customer-content .group-together-customers .group-together-customers-list .input-row label{font-family:inter;font-size:14px;font-weight:400}.customer .customer-content .group-together-customers .group-together-customers-list .input-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #FA5602;background-color:transparent;width:20px;height:20px;border-radius:3px;color:#2d2d2d;font:inherit;display:grid;place-content:center}.customer .customer-content .group-together-customers .group-together-customers-list .input-row input[type=checkbox]:before{content:"✔";width:20px;height:20px;transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;color:#2d2d2d;text-align:center}.customer .customer-content .group-together-customers .group-together-customers-list .input-row input[type=checkbox]:checked:before{transform:scale(1)}.customer .customer-content .group-together-customers .group-together-customers-list .input-row input[type=checkbox]:checked{border:#FA5602;background-color:#fa5602}.customer .customer-content .mechanic-comments{display:flex;flex-direction:column;gap:8px;width:100%}.customer .customer-content .mechanic-comments textarea{width:100%;resize:vertical}.customer .customer-content .buttons{display:flex;justify-content:space-between;align-items:center;z-index:1;gap:4px;width:100%}.customer .customer-content .buttons .buttons-menu{padding:8px}.customer .customer-content .buttons-dropdown{display:flex;flex-direction:column;gap:8px;width:100%}.customer .customer-content .price-accept{display:flex;align-items:center;justify-content:space-between}.customer .customer-content .price-accept input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #232323;background-color:transparent;width:24px;height:24px;border-radius:3px;color:#232323;font:inherit;display:grid;place-content:center}.customer .customer-content .price-accept input[type=checkbox]:before{content:"✔";width:20px;height:20px;transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;color:#232323;text-align:center}.customer .customer-content .price-accept input[type=checkbox]:checked:before{transform:scale(1)}.customer .customer-content .price-accept input[type=checkbox]:checked{border:2px solid #FA5602;background-color:#fa5602}.sms-modal{position:fixed;z-index:999;top:0;left:0;width:100dvw;height:100dvh;background-color:#00000080}.sms-modal .sms-modal-content{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:340px;background-color:#232323;border:2px solid #FA5602;box-shadow:0 4px 4px #00000040;padding:20px 24px;border-radius:12px;z-index:1000;color:#fff;font-family:inter;font-size:1rem;font-weight:600;display:flex;flex-direction:column;gap:24px}.sms-modal .sms-modal-content .price-sms{display:flex;flex-direction:column;gap:12px}.sms-modal .sms-modal-content .price-sms button{display:flex;align-self:end}.sms-modal .sms-modal-content .done-sms{display:flex;flex-direction:column;gap:16px}.sms-modal .sms-modal-content .done-sms .input-row{display:flex;gap:12px;align-items:center}.sms-modal .sms-modal-content .done-sms .input-row:has(.locks){align-items:flex-start}.sms-modal .sms-modal-content .done-sms .input-row .locks{display:flex;flex-direction:column;gap:8px}.sms-modal .sms-modal-content .done-sms .input-row .locks .lock-selection{display:flex;gap:8px;align-items:center}.sms-modal .sms-modal-content .done-sms .input-row select{padding:8px 12px;border-radius:8px;border:2px solid #FA5602}.customer-page{display:flex;flex-direction:column;gap:32px;align-items:center;width:100%}.customer-page .customer-group-top{display:flex;justify-content:space-between;align-items:center}.customer-page .customer-group-top span{font-size:30px;cursor:pointer}.customer-page .buttons-dropdown{display:flex;gap:8px;flex-direction:column}.customer-page h1{font-family:inter;font-size:2rem;font-weight:700}.customer-page .customer-list{display:flex;flex-direction:column;gap:24px;width:100%;max-width:390px}.archived-page{display:flex;flex-direction:column;gap:32px;align-items:center;width:100%}.archived-page h1{font-family:inter;font-size:2rem;font-weight:700}.archived-page .archived-list{display:flex;flex-direction:column;gap:24px;width:100%;max-width:390px}*{margin:0;padding:0;box-sizing:border-box;font-family:inter}.primary-button{background-color:#fa5602;color:#2d2d2d;padding:8px 24px;border-radius:8px;box-shadow:0 4px 4px #00000040;border:none;font-family:inter;font-size:14px;font-weight:700}.primary-button:hover{cursor:pointer}.secondary-button{background-color:#2d2d2d;color:#fa5602;padding:8px 24px;border-radius:8px;box-shadow:0 4px 4px #00000040;border:none;font-family:inter;font-size:14px;font-weight:700}.secondary-button:hover{cursor:pointer}.text-button{background-color:transparent;color:#fa5602;padding:0;border-radius:8px;box-shadow:0 4px 4px #00000040;font-family:inter;font-size:14px;font-weight:700;border:none;box-shadow:none}.text-button:hover{cursor:pointer}header{display:flex;position:fixed;top:0;left:0;width:100dvw;justify-content:center;align-items:center;height:50px;z-index:2}header h1{font-family:Impact;font-size:2rem;font-weight:400;text-transform:uppercase}header img{position:absolute;top:0;right:0;height:50px;padding:8px}header menu{position:absolute;top:0;left:0}