body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input{direction:rtl}@font-face{font-family:YekanBakh;font-style:normal;font-weight:400;src:url(/static/media/YekanBakh-VF.576bd2ca27fd6328877f.ttf) format("truetype")}*{box-sizing:border-box;font-family:YekanBakh,sans-serif;margin:0;padding:0}body{align-items:center;background-color:#c9d6ff;background:linear-gradient(90deg,#e2e2e2,#c9d6ff);display:flex;flex-direction:column;height:100vh;justify-content:center}.container{background-color:#fff;border-radius:30px;box-shadow:0 5px 15px #00000059;max-width:100%;min-height:550px;overflow:hidden;position:relative;width:768px}.container p{font-size:14px;letter-spacing:.3px;line-height:20px;margin:20px 0}.container span{font-size:12px}.container a{color:#333;font-size:13px;margin:15px 0 10px;text-decoration:none}.main-button{background-color:#512da8;border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:0;padding:10px 45px;text-transform:uppercase}.main-button:disabled{background-color:#522da885;cursor:not-allowed}.main-button.hidden{background-color:initial;border-color:#fff}.loader-button{gap:5px}.forget-serial-text,.loader-button{align-items:center;display:flex;justify-content:center}.forget-serial-text{direction:rtl;flex-wrap:wrap;font-size:12px!important;gap:3px;margin:8px 0!important;.link{color:blue;cursor:pointer;font-size:12px!important;margin:0;text-decoration:underline}}.sign-in{background-color:#fff;font-size:13px;justify-content:start;overflow-x:hidden;text-align:right;width:100%}.forget-serial,.sign-in{align-items:center;display:flex;flex-direction:column;height:100%;padding:0 40px}.forget-serial{justify-content:center}.container input{background-color:#eee;border:none;border-radius:8px;font-size:13px;margin:8px 0;outline:none;padding:10px 15px;width:100%}.form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out;width:50%}.sign-in{left:0;width:100%;z-index:2}.container.active .sign-in{transform:translateX(100%)}.sign-up{left:0;opacity:0;width:50%;z-index:1}.container.active .sign-up{animation:move .6s;opacity:1;transform:translateX(100%);z-index:5}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.social-icons{margin:20px 0}.social-icons a{align-items:center;border:1px solid #ccc;border-radius:20%;display:inline-flex;height:40px;justify-content:center;margin:0 3px;width:40px}.toggle-container{border-radius:150px 0 0 100px;height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:all .6s ease-in-out;width:50%}.container.active .toggle-container{border-radius:0 150px 100px 0;transform:translateX(-100%)}.toggle{background-color:#512da8;background:linear-gradient(90deg,#5c6bc0,#512da8);color:#fff;height:100%;left:-100%;position:relative;transform:translateX(0);transition:all .6s ease-in-out;width:200%}.container.active .toggle{transform:translateX(50%)}.toggle-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 30px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:all .6s ease-in-out;width:50%}.toggle-left{transform:translateX(-200%)}.container.active .toggle-left,.toggle-right{transform:translateX(0)}.toggle-right{right:0}.container.active .toggle-right{transform:translateX(200%)}.additional-details{display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px 0}.error-message,.result-text{font-size:12px!important;font-weight:600;margin:0 0 8px!important;text-align:center}.error-message{color:red}.success-message{color:green;font-size:12px!important;font-weight:600;margin:0 0 8px!important}.details-form{padding:0 40px}.current-km,.details-form{align-items:center;display:flex;flex-direction:column;justify-content:center}.current-km{padding:0 40px 10px}.details-form .form-grid{grid-gap:10px;direction:rtl;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.form-grid div{display:flex;flex-direction:column}.logo1{margin-bottom:90px;margin-top:10px}.logo1,.logo2{width:200px}.logo-container{align-items:center;display:flex;justify-content:center;margin-top:16px;width:400px;img{width:130px}}.toast-with-button{align-items:flex-end;gap:8px;text-align:right}.modal-container,.toast-with-button{display:flex;flex-direction:column;justify-content:center}.modal-container{align-items:center;gap:12px}.modal-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(1,1fr)}.invalid-input{border:1px solid red!important}.pdf-page{align-items:center;background-color:#fff;border-radius:10px;direction:rtl;display:flex;flex-direction:column;font-size:14px;line-height:1.5;padding:20px;text-align:right}.header{font-weight:700;margin-bottom:20px;text-align:center}.section{margin-bottom:10px}.label{font-weight:700;margin-left:10px}.qr-code,.support{margin-top:20px}.qr-code{text-align:center}.qr-code img{height:100px;width:100px}.footer-logos{display:flex;justify-content:center;margin-top:30px}.print-button{margin-top:10px}.main-button{a{color:#fff;text-decoration:none}}.warning-text{font-size:12px!important;margin:0 0 8px!important;text-align:center}.details-button{align-items:center;display:flex;flex-direction:column;justify-content:center}@media print{.print-button{display:none}}@media screen and (max-width:790px){.container{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;overflow:scroll;width:300px}.sign-in{margin-bottom:10px}.forget-serial{padding-top:105px!important}.form-container{width:100%}.toggle-container{background:linear-gradient(90deg,#5c6bc0,#512da8);border-radius:20px 20px 50px 50px;color:#fff;height:170px;left:50%;position:absolute;text-align:center;top:0;transform:translateX(-50%);width:100%}.details-form{margin-top:560px}.details-container{margin-bottom:25px}.details-form .form-grid{grid-template-columns:repeat(1,1fr)}.logo1{margin-bottom:0;margin-top:180px}.details-button{padding-bottom:8px}}.submit-message{color:green;font-size:12px!important;font-weight:600;margin:8px 0 0!important}.qr-code-page{align-items:center;display:flex;justify-content:center}.error-header{color:red;font-size:20px!important;font-weight:600;margin-top:40px}.qr-details{align-items:center;background-color:#fff;border-radius:30px;box-shadow:0 5px 15px #00000059;display:flex;flex-direction:column;gap:20px;justify-content:start;padding:0 40px 40px}.qr-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,auto);p{margin:0!important}}@media screen and (max-width:455px){.qr-grid{grid-template-columns:repeat(1,auto)}}.close-button{background:none;border:none;color:#000;cursor:pointer;font-size:15px;position:absolute;right:15px;top:5px}.loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#512da8;height:15px;width:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}