@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#183b31;background:#f6f7f2;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;transition:background .2s,transform .2s}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #d59823;outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(26px,3vw,36px);letter-spacing:-1.4px;line-height:1.2;margin-bottom:12px}h2{font-size:21px;letter-spacing:-.6px}h3{font-size:16px}p{color:#738078;line-height:1.6}.app{display:flex;min-height:100vh}.desktop{background:#143e33;width:245px;flex-shrink:0;color:#faf7e9;padding:40px 30px;position:fixed;height:100vh;overflow:hidden}.brand{font-size:34px;letter-spacing:-2px;text-decoration:none;font-weight:800}.brand span{color:#f4ca52}.brand i{font-style:normal;font-size:26px;margin-left:5px}.desktop>p{font-size:18px;color:#adc3b8;margin-top:35px}.side-art{position:absolute;top:43%;font-size:48px;line-height:1.1;font-weight:800;letter-spacing:-3px;transform:rotate(-7deg)}.side-art span{color:#f4ca52}.side-art svg{display:block;margin:40px 70px}.desktop>small{position:absolute;bottom:40px;color:#9ab8aa}.workspace{margin-left:245px;flex:1;min-width:0}header{height:84px;border-bottom:1px solid #e0e5dc;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#fafbf7}.location{display:flex;gap:8px;align-items:center;font-size:13px}.avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#e9ecd9;color:#244234;font-weight:700}.mobile-brand{display:none}main{max-width:1340px;margin:auto;padding:38px 48px 100px}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.demo{font-size:10px;background:#e8ecde;padding:6px 10px;border-radius:20px;color:#657560}.heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:24px}.heading p{margin:0}.switch{display:flex;background:#e9ece4;padding:4px;border-radius:9px;flex-shrink:0}.switch button{border:0;background:none;padding:10px 14px;border-radius:6px;font-size:12px;color:#788276}.switch .chosen{background:#fff;color:#183b31;box-shadow:0 2px 5px #0001;font-weight:700}.ride-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.booking,.card{background:#fff;border:1px solid #e1e6dc;border-radius:16px;padding:25px}.booking h2{display:flex;justify-content:space-between;align-items:center}.route-fields{border:1px solid #dfe5dc;border-radius:10px;padding:0 14px}.route-fields label{padding:13px 0 9px 24px;position:relative;font-size:10px;color:#718071}.route-fields label+label{border-top:1px solid #e7eae4}.route-fields svg,.dot{position:absolute;left:0;top:17px}.dot{width:10px;height:10px;border:3px solid #e5bd4b;border-radius:50%;left:3px}.route-fields input{border:0;padding:6px 0;background:none;font-size:13px;margin:0}.distance{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7a857a;padding:12px 0}.distance div{display:flex;align-items:center;gap:7px}.distance input{width:73px;padding:7px;margin:0;font-size:12px}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:22px}.categories button{min-width:0;border:1px solid #e2e6dd;border-radius:9px;padding:14px 2px;background:#fff;color:#778374}.categories svg{display:block;margin:0 auto 11px;width:27px;height:27px;stroke-width:1.5}.categories strong{display:block;font-size:10px;white-space:nowrap;color:#354d3d}.categories small{display:block;font-size:8px;margin-top:4px}.categories .selected{border-color:#214735;background:#eff3e8;color:#214735;box-shadow:inset 0 0 0 1px #214735}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;background:#183e31;color:#fff;border-radius:8px;padding:14px 20px;font-weight:600;font-size:13px}.primary{background:#f2c64b;color:#243a28}.booking .primary{width:100%;justify-content:space-between}.secondary{background:#eaf0e5;color:#244333;border:1px solid #d8e1d2}.fine{font-size:10px;color:#899384;margin:16px 0 0;display:flex;align-items:center;justify-content:center;gap:5px}.map{min-height:425px;position:relative;border-radius:16px;overflow:hidden;background:repeating-linear-gradient(32deg,transparent 0px,transparent 34px,#f7f8ef 35px,#f7f8ef 41px,transparent 42px),repeating-linear-gradient(122deg,#e6eadb 0,#e6eadb 38px,#fbfcf4 39px,#fbfcf4 45px);border:1px solid #dde4d6}.sea{height:38%;width:140%;position:absolute;left:-15%;top:-11%;transform:rotate(-20deg);background:#bdd9d6;color:#719b9a;font-size:9px;letter-spacing:3px;text-align:center;padding-top:85px;border-bottom:7px solid #f6f3e4}.district{position:absolute;font-size:9px;font-weight:600;color:#97a18e;letter-spacing:1.4px}.d1{top:46%;left:12%}.d2{top:66%;left:35%}.d3{top:44%;right:7%;width:70px}.route{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.map-label{position:absolute;top:20px;left:20px;background:#fff;box-shadow:0 4px 20px #264d3315;display:flex;gap:8px;align-items:center;padding:13px;border-radius:8px;font-size:11px}.map-note{position:absolute;bottom:13px;left:15px;font-size:9px;background:#fff9;padding:5px;border-radius:4px}.bottom-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:25px}.bottom-cards>div{padding:24px;border-radius:12px;background:#e9eddf}.bottom-cards>div+div{background:#f0ebd9}.bottom-cards span{font-size:9px;letter-spacing:1.5px;color:#7a856d}.bottom-cards h3{font-size:18px;margin:13px 0 6px}.bottom-cards p{font-size:12px;margin:0}nav{position:fixed;bottom:0;left:245px;right:0;display:flex;align-items:center;gap:28px;background:#fafbf7f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #e0e6da;padding:15px 48px;z-index:10}nav button{display:flex;align-items:center;gap:9px;border:0;background:none;color:#8a9285;font-size:12px;padding:8px}nav .current{color:#1b4432;font-weight:700}nav>span{margin-left:auto;font-weight:700;font-size:12px}nav small{font-weight:400;color:#899081}.notice{background:#fff1bd;border:1px solid #ead58c;border-radius:8px;padding:15px;display:flex;justify-content:space-between;gap:15px;line-height:1.5;margin-bottom:20px}.notice button{background:none;border:0;font-size:20px}.card{margin-bottom:22px}.results{margin-top:22px}.driver-result,.availability,.vehicle{display:flex;align-items:center;gap:20px;justify-content:space-between}.driver-result p{margin-bottom:5px}.driver-result small{font-size:11px;color:#7c8776}.driver-result .primary{display:block;margin-top:12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.stats>div{padding:24px;background:#e7ecdc;border-radius:12px}.stats h2{font-size:30px;margin:10px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid button{align-self:end}label{display:block;font-size:12px;font-weight:500}input,select,textarea{display:block;border:1px solid #dce3d6;background:#fcfdf9;border-radius:7px;padding:12px;width:100%;margin:7px 0 15px;color:#284333}input:focus,select:focus,textarea:focus{outline:2px solid #c6d2aa}input[type=file]{font-size:11px}textarea{resize:vertical;min-height:90px}.vehicle{justify-content:flex-start;margin:20px 0}.vehicle img{width:150px;height:110px;object-fit:cover;border-radius:10px}.badge{display:inline-block;border-radius:30px;background:#e9efdf;color:#4a6743;padding:7px 12px;font-size:11px}.actions{display:flex;gap:12px;margin-top:22px}.trip h2{margin-top:24px;display:flex;gap:12px;align-items:center}.timeline{display:flex;list-style:none;padding:0;justify-content:space-between;margin:35px 0;color:#a2aa9c}.timeline li{display:flex;gap:7px;font-size:11px;align-items:center}.timeline .done{color:#24603c}.stars{display:flex;gap:8px;margin:20px 0}.stars button{background:none;border:0;color:#c7a045;padding:7px}.text-button{display:flex;align-items:center;gap:8px;background:none;border:0;margin-top:25px;padding:8px 0;color:#38523c}.reviews{margin-top:20px;font-size:12px}.history-row{width:100%;border:0;border-bottom:1px solid #e6eadd;background:none;display:flex;justify-content:space-between;text-align:left;padding:20px 0;gap:15px;color:#244532}.history-row span:last-child{text-align:right}.history-row small{display:block;color:#899281;font-size:11px;margin-top:8px}.active-banner{position:fixed;bottom:85px;right:25px;background:#183e31;color:#fff;border:0;border-radius:12px;padding:17px;display:flex;gap:20px;align-items:center;box-shadow:0 4px 20px #0002;z-index:11}hr{border:0;border-top:1px solid #e4e9dc;margin:25px 0}@media(min-width:1450px){main{padding-top:55px}.booking{padding:32px}.map{min-height:475px}}@media(max-width:1150px){.desktop{width:190px;padding:30px 22px}.brand{font-size:29px}.side-art{font-size:38px}.workspace{margin-left:190px}nav{left:190px}main{padding:30px 25px 100px}header{padding:0 25px}.ride-layout{gap:15px;grid-template-columns:1.2fr 1fr}.booking{padding:18px}.heading{align-items:flex-start;flex-direction:column}.heading .switch{align-self:flex-start}nav>span small{display:none}}@media(max-width:760px){.desktop{display:none}.workspace{margin-left:0}header{height:67px;padding:0 20px}.mobile-brand{display:block;font-size:25px;text-decoration:none;letter-spacing:-1.4px;font-weight:800}.mobile-brand b{color:#a98525}.location{margin-left:auto;margin-right:15px;font-size:10px}.avatar{width:32px;height:32px}main{padding:25px 18px 110px}.topline{margin-bottom:20px}.eyebrow{font-size:8px;letter-spacing:1.6px}.demo{font-size:9px}h1{font-size:29px;letter-spacing:-1px}.heading{gap:18px;margin-bottom:22px}.heading p{font-size:12px}.switch{width:100%}.switch button{width:50%;padding:11px}.ride-layout{display:flex;flex-direction:column}.booking{padding:20px;border-radius:13px}.booking h2{font-size:19px}.categories{gap:5px}.categories button{padding:14px 1px}.categories strong{font-size:9px}.categories small{font-size:8px}.map{min-height:230px;max-height:230px}.route{height:330px;top:-65px}.sea{padding-top:40px}.map-label{font-size:10px;padding:10px;top:14px;left:14px}.bottom-cards{gap:12px;margin-top:18px}.bottom-cards>div{padding:17px}.bottom-cards span{font-size:7px;letter-spacing:1px}.bottom-cards h3{font-size:16px;line-height:1.4}.bottom-cards p{font-size:11px}nav{left:0;justify-content:space-around;gap:0;padding:9px 15px calc(9px + env(safe-area-inset-bottom))}nav button{flex-direction:column;gap:5px;font-size:10px;min-width:65px}nav>span{display:none}.card{padding:20px}.form-grid{grid-template-columns:1fr;gap:5px}.driver-result{flex-wrap:wrap}.driver-result>div:nth-child(2){flex:1}.driver-result>div:last-child{width:100%;display:flex;justify-content:space-between;align-items:center}.availability{align-items:flex-start;flex-direction:column}.stats{gap:12px}.stats>div{padding:18px}.stats h2{font-size:23px}.vehicle img{width:95px;height:95px}.vehicle h3{font-size:14px}.timeline{flex-wrap:wrap;gap:20px}.trip h2{font-size:18px;flex-wrap:wrap}.active-banner{bottom:80px;right:18px;left:18px;justify-content:space-between;font-size:12px}.actions{flex-wrap:wrap}}