*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#202124;-webkit-font-smoothing:antialiased;background:#f1f3f4;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select{font-family:inherit}.app{flex-direction:column;height:100vh;display:flex}.app__header{background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:baseline;gap:12px;padding:12px 20px;display:flex}.app__title{letter-spacing:.2px;font-size:18px;font-weight:700}.app__subtitle{color:#5f6368;font-size:13px}.app__body{flex:1;min-height:0;display:flex}.sidebar{background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;gap:24px;width:340px;padding:20px;display:flex;overflow-y:auto}.panel{flex-direction:column;gap:10px;display:flex}.panel__title{text-transform:uppercase;letter-spacing:.4px;color:#5f6368;margin:0;font-size:13px;font-weight:600}.panel__hint{color:#5f6368;margin:0;font-size:13px;line-height:1.4}.field{flex-direction:column;gap:4px;display:flex}.field label{color:#5f6368;font-size:12px}.field input,.select{color:#202124;background:#fff;border:1px solid #dadce0;border-radius:6px;width:100%;padding:9px 10px;font-size:14px}.field input:focus,.select:focus{border-color:#1a73e8;outline:none}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:9px 12px;font-size:14px;font-weight:500}.btn--primary{color:#fff;background:#1a73e8}.btn--primary:disabled{cursor:not-allowed;background:#a6c8ff}.btn--ghost{color:#1a73e8;background:#fff;border-color:#dadce0}.suggested{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.suggested__item{text-align:left;cursor:pointer;color:#202124;background:#fff;border:1px solid #dadce0;border-radius:8px;flex-direction:column;gap:2px;width:100%;padding:10px 12px;font-size:13px;display:flex}.suggested__item strong{color:#1a73e8;font-size:14px}.suggested__item span{color:#5f6368}.suggested__item:hover{background:#f8f9fa;border-color:#bdc1c6}.vehicle-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vehicle-field{border:1px solid #dadce0;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.vehicle-field__label{color:#5f6368;text-transform:uppercase;letter-spacing:.3px;font-size:11px}.vehicle-field__value{font-size:14px;font-weight:600}.map-area{flex:1;min-width:0;position:relative}.route-map{position:absolute;inset:0}.map-area__label{z-index:1000;letter-spacing:1px;color:#5f6368;background:#ffffffeb;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px;box-shadow:0 1px 3px #0003}.map-area__route{z-index:1000;background:#fff;border-radius:6px;max-width:calc(100% - 24px);padding:8px 12px;font-size:14px;font-weight:600;position:absolute;top:36px;left:12px;box-shadow:0 1px 4px #0003}.map-area__error{z-index:1001;color:#c5221f;background:#fce8e6;border-radius:6px;padding:8px 14px;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0003}.legend{z-index:1000;background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 1px 4px #0003}.legend__item{color:#202124;align-items:center;gap:8px;font-size:13px;display:flex}.legend__item:before{content:"";border-radius:3px;flex-shrink:0;width:14px;height:14px}.legend__item--car:before{background:#000}.legend__item--truck:before{background:#1a73e8}.map-area__summary{z-index:1000;pointer-events:none;gap:12px;display:flex;position:absolute;bottom:16px;right:16px}.summary-card{background:#fff;border:2px solid #000;border-radius:10px;flex-direction:column;gap:4px;min-width:170px;max-width:260px;padding:14px 16px;display:flex}.summary-card--car{border-color:#000}.summary-card--truck{border-color:#1a73e8}.summary-card__type{text-transform:uppercase;letter-spacing:.5px;color:#5f6368;font-size:12px;font-weight:700}.summary-card__time{font-size:22px;font-weight:700}.summary-card__distance{color:#3c4043;font-size:13px}.places-autocomplete{width:100%}.places-autocomplete gmp-place-autocomplete{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #dadce0;border-radius:6px;width:100%;display:block}.places-autocomplete gmp-place-autocomplete:focus-within{border-color:#1a73e8}.places-autocomplete gmp-place-autocomplete::part(input){color:#202124;background:0 0;border:none;width:100%;padding:9px 10px;font-family:inherit;font-size:14px}.route-marker{color:#fff;background:#1a73e8;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:flex;box-shadow:0 1px 4px #0000004d}@media (width<=820px){.app__body{flex-direction:column}.sidebar{border-bottom:1px solid #e0e0e0;border-right:none;width:100%}}