@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#17201d;--green:#19a56d;--dark:#14201c;--line:#e0e6e3;background:#f4f6f5;font-family:DM Sans}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.splash{background:var(--dark);color:#4ce5a5;align-content:center;place-items:center;gap:30px;height:100vh;display:grid}.mark{color:#fff;background:#1aa56d;border-radius:25px;place-items:center;width:75px;height:75px;display:grid}.mark svg{width:40px;height:40px}.spin{animation:1s linear infinite s}@keyframes s{to{transform:rotate(360deg)}}.logo{color:#fff;letter-spacing:-1.5px;font:800 25px Manrope}.logo span{text-transform:uppercase;color:#56dda6;letter-spacing:1px;font-size:10px}.logo.dark{color:#17201d}.auth{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-hero{color:#fff;background:linear-gradient(145deg,#111a17,#1b3029);flex-direction:column;justify-content:center;padding:55px 10vw;display:flex}.auth-hero>.logo{position:absolute;top:45px}.auth-hero>svg{color:#42d79a;width:70px;height:70px}.auth-hero h1{letter-spacing:-2px;font:800 48px/1.08 Manrope}.auth-hero h1 em{color:#46dda0;font-style:normal}.auth-hero p{color:#9db0a8}.auth-form{place-items:center;padding:35px;display:grid}.auth-form form{width:min(400px,100%)}.auth-form form>span{color:var(--green);text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700}.auth-form h2{font:800 31px Manrope}.auth-form label{flex-direction:column;gap:7px;margin:14px 0;font-size:11px;font-weight:700;display:flex}.auth-form input,.auth-form select{border:1px solid var(--line);background:#fff;border-radius:11px;height:48px;padding:0 12px}.auth-form form>button:not(.switch){background:var(--green);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-top:20px;font-weight:700;display:flex}.switch{width:100%;color:var(--green);background:0 0;border:0;padding:15px}.error{color:#a53238;background:#ffe6e6;border-radius:8px;padding:10px;font-size:11px}.app{min-height:100vh}.app>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 max(20px,50% - 350px);display:flex}.exit{background:0 0;border:0}.app>main{max-width:700px;margin:auto;padding:22px 18px 80px}.online{background:#fff5f5;border:1px solid #e8d5d5;border-radius:14px;justify-content:space-between;align-items:center;padding:15px;display:flex}.online>div{align-items:center;gap:10px;display:flex}.online i{background:#d95059;border-radius:50%;width:10px;height:10px}.online span{flex-direction:column;display:flex}.online small{color:#858d89}.online button{color:#fff;background:#232c29;border:0;border-radius:9px;padding:10px 13px;font-size:11px}.online.yes{background:#eaf9f2;border-color:#c3ead9}.online.yes i{background:var(--green);box-shadow:0 0 0 5px #21b87b1d}.hello{justify-content:space-between;align-items:center;margin:27px 2px 18px;display:flex}.hello span{color:#7d8682;font-size:12px}.hello h1{margin:3px 0;font:800 25px Manrope}.rating{color:#e9a325;font-weight:700}.rating svg{width:16px}.waiting{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;padding:55px}.radar{background:#eaf8f2;border-radius:50%;place-items:center;width:100px;height:100px;margin:auto;display:grid;box-shadow:0 0 0 20px #f1faf6,0 0 0 38px #f7fbf9}.radar svg{color:var(--green);width:35px}.waiting h2{margin-top:55px;font:700 20px Manrope}.waiting p{color:#7c8581;font-size:12px}.offer{color:#fff;background:#17211e;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #15251e30}.offer-head{text-transform:uppercase;letter-spacing:2px;background:#20a971;justify-content:space-between;padding:17px 22px;font-size:11px;display:flex}.offer-head b{font-size:15px}.offer-money{justify-content:space-between;align-items:end;padding:20px 25px 5px;display:flex}.offer-money small{color:#93a39d}.offer-money strong{color:#54e2a8;font:800 29px Manrope}.route{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;grid-template-columns:15px 1fr;gap:7px 12px;margin:12px 24px;padding:20px 0;display:grid}.route>i{border:2px solid #52dca4;border-radius:50%;width:10px;height:10px;margin-top:4px}.route>i:nth-of-type(2){border-radius:2px}.route div{flex-direction:column;margin-bottom:12px;display:flex}.route small{letter-spacing:1px;color:#79cbaa;font-size:8px}.route b{margin:3px 0;font-size:14px}.route span{color:#8b9b95;font-size:10px}.offer-actions{grid-template-columns:1fr 2fr;gap:10px;padding:0 24px 24px;display:grid}.offer-actions button{color:#fff;background:0 0;border:1px solid #ffffff28;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:48px;font-weight:700;display:flex}.offer-actions button:last-child{background:#20a971;border:0}.offer-actions svg{width:17px}.active{border:1px solid var(--line);background:#fff;border-radius:18px;padding:25px}.tag{color:#16845a;text-transform:uppercase;background:#e8f8f1;border-radius:7px;padding:6px 9px;font-size:9px;font-weight:700}.active h2{margin-bottom:5px;font:800 24px Manrope}.active>p{color:#7b8580}.active>a{color:#fff;background:#1b2823;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:47px;font-weight:700;text-decoration:none;display:flex}.details{margin:20px 0}.details>div{border-bottom:1px solid var(--line);gap:10px;padding:12px 0;display:flex}.details svg{color:var(--green)}.details span{flex-direction:column;display:flex}.details small{color:#919995}.stage{background:var(--green);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;font-weight:700;display:flex}.earnings{grid-template-columns:1fr 1fr;gap:12px;margin:17px 0;display:grid}.earnings article{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:10px;padding:15px;display:flex}.earnings svg{color:var(--green)}.earnings span{flex-direction:column;display:flex}.earnings small{color:#929a96}.history{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.history h2{font:700 17px Manrope}.history>div{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.history>div>svg{color:var(--green);width:17px}.history span{flex-direction:column;flex:1;display:flex}.history small{color:#999}.toast{color:#fff;background:#17211e;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0003}.toast svg{color:#49d89d;width:16px}@media (width<=650px){.auth{display:block}.auth-hero{display:none}.auth-form{min-height:100vh}.app>header{padding:0 18px}.waiting{padding:45px 20px}.offer-actions{grid-template-columns:1fr}.earnings{grid-template-columns:1fr 1fr}}.courier-photo{border:1px dashed var(--green);color:var(--green);border-radius:13px;align-items:center;padding:12px;position:relative;flex-direction:row!important}.courier-photo>span{background:#eaf9f2;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;overflow:hidden}.courier-photo img{object-fit:cover;width:100%;height:100%}.courier-photo input{opacity:0;cursor:pointer;position:absolute;inset:0}.required-photo{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(430px,100% - 32px);margin:60px auto;padding:30px}.required-photo h1{font:800 28px Manrope}.required-photo p{color:#74807b}.required-photo>button:not(.switch){background:var(--green);color:#fff;border:0;border-radius:10px;width:100%;height:48px;margin-top:16px;font-weight:700}