:root{--bg:#f3f5f8;--panel:#fff;--ink:#172033;--muted:#657084;--line:#dfe5ed;--brand:#2357d9;--brand2:#173f9f;--soft:#edf3ff;--good:#147a55;--warn:#a95e08;--bad:#b42318;--shadow:0 12px 34px rgba(24,39,75,.08)}
*{box-sizing:border-box}body{margin:0;font:14px/1.48 Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}.hidden{display:none!important}
.top{background:#102552;color:#fff;padding:18px 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:19px}.brand span{color:#76a0ff}.top small{color:#c7d3ea}
.wrap{max-width:1260px;margin:24px auto;padding:0 20px 52px}.title{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}h1{font-size:28px;line-height:1.2;margin:0 0 4px}.subtitle,.note{color:var(--muted)}.badge{background:#fff4df;color:#815000;border:1px solid #efd49e;border-radius:999px;padding:7px 11px;font-weight:750;white-space:nowrap}
.public-warning,.data-warning{border:1px solid #ecd7aa;background:#fff8e8;color:#71501c;border-radius:12px;padding:12px 14px;margin-bottom:18px}.data-warning{margin:0 0 14px}.saved-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eaf7f1;color:#155f45;border:1px solid #b8dfd0;border-radius:12px;padding:12px 14px;margin-bottom:18px}.saved-banner span{display:block;color:#39745f;font-size:12px;margin-top:2px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px}.wide{grid-column:1/-1}.card h2{font-size:17px;margin:0 0 16px}.card h3{font-size:14px;margin:18px 0 10px}
.fields,.rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{display:block;color:#505d72;font-size:12px;font-weight:750}input,select{width:100%;border:1px solid #c8d2df;border-radius:9px;background:#fff;padding:11px 12px;color:var(--ink);outline:none;margin-top:6px}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #dfe8ff}input:disabled,select:disabled{background:#f0f2f5;color:#687386}
.routes{margin-top:16px}.route{display:grid;grid-template-columns:30px 1fr 34px;gap:9px;align-items:center;margin:9px 0}.pin{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--brand);font-weight:800}.remove{border:0;background:transparent;color:#8b96a7;font-size:19px;cursor:pointer}.remove:hover{color:#bd3232}.address-wrap{position:relative}.suggestions{position:absolute;z-index:25;top:100%;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 24px #17203322;max-height:240px;overflow:auto}.suggestion{display:block;width:100%;border:0;border-bottom:1px solid #edf0f4;background:#fff;text-align:left;padding:10px 12px;font-weight:600;color:var(--ink)}.suggestion:last-child{border-bottom:0}.suggestion:hover{background:var(--soft)}.suggestion small{display:block;color:var(--muted);font-weight:400;margin-top:2px}
.tripbox{margin-top:15px;padding:13px;background:#f7f9fc;border:1px solid var(--line);border-radius:11px}.tripbox p{margin:8px 0 0}.checkline{display:flex;align-items:center;gap:9px;color:var(--ink)}.checkline input{width:auto;margin:0}.manual{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.manual h3{margin:0 0 8px}
.actions,.footer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:17px;flex-wrap:wrap}button{border:0;border-radius:9px;padding:11px 16px;font-weight:750;cursor:pointer}.secondary{background:#edf1f6;color:#26364d}.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand2)}button:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--bad);font-weight:700;margin-top:10px;min-height:20px}
.map-card{padding:0;overflow:hidden;position:relative;min-height:500px}.map{height:430px;background:linear-gradient(145deg,#e6edf2,#f7f3e8);position:relative}.map-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;color:#4e5a6d}.map-placeholder strong{font-size:18px}.map-placeholder span{max-width:420px;margin-top:7px;color:var(--muted)}.map-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;border-top:1px solid var(--line)}.metric{min-width:0}.metric b{display:block;font-size:18px}.metric span{font-size:12px;color:var(--muted)}.map-marker{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#173f9f;color:#fff;border:3px solid #fff;box-shadow:0 3px 9px #0004;font-weight:800}
details{margin-top:12px;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;font-weight:750;color:var(--brand)}
.result{background:linear-gradient(120deg,#173f9f,#2865ee);color:#fff;border:0;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.result small{color:#c9d8ff}.price{font-size:42px;font-weight:850;letter-spacing:-1.5px;margin:4px 0}.reason{color:#dce6ff}.result-side{border-left:1px solid #ffffff38;padding-left:25px}.result-side b{font-size:18px}.result-side div+div{margin-top:12px}
.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.55px}tr:last-child td{border-bottom:0}tr.selected td{background:#f0f5ff}.method{font-weight:750}.tag{display:inline-block;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#dce8ff;color:#1648bb}.muted{color:var(--muted)}
.warnings{margin-top:14px}.warning{padding:8px 10px;margin-top:6px;border-radius:8px;background:#fff6e5;color:#7c520d}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:13px}.detail-panel{background:#f7f9fc;border-radius:10px;padding:14px}.detail-panel h3{margin:0 0 10px}.detail-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:6px 0}.detail-row:last-child{border-bottom:0}.detail-row span:last-child{text-align:right;font-weight:700;white-space:nowrap}.save-status{margin-top:12px;text-align:right;color:var(--good);font-weight:700}.save-status a{color:var(--brand);word-break:break-all}
@media(max-width:850px){.grid{grid-template-columns:1fr}.wide{grid-column:auto}.fields,.rate-grid,.result,.detail-grid{grid-template-columns:1fr}.title{align-items:flex-start;flex-direction:column}.result-side{border-left:0;border-top:1px solid #ffffff38;padding:16px 0 0}.map-card{min-height:430px}.map{height:350px}.map-info{grid-template-columns:1fr 1fr}.top small{display:none}table{min-width:760px}.saved-banner{align-items:flex-start;flex-direction:column}}