:root{--ink:#19313a;--muted:#65777d;--line:#d8e2e2;--paper:#f5f8f7;--surface:#fff;--teal:#1f5b64;--teal-soft:#e8f2f1;--yellow:#e7bd3e;--green:#3fa56d;--blue:#318bd7;--purple:#7954be;--danger:#b34236}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,"Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(18px,4vw,64px);background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--teal);color:#fff;font-weight:800;font-size:14px}.brand h1{font-size:18px;margin:0}.brand p{margin:1px 0 0;color:var(--muted);font-size:13px}.top-actions{display:flex;align-items:center;gap:8px}.icon-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:6px;min-height:38px;cursor:pointer}.icon-button{width:38px;background:#fff;color:var(--ink)}.icon-button:hover{background:var(--teal-soft);border-color:#9cbfbd}.primary-button{padding:0 13px;background:var(--teal);color:#fff;border-color:var(--teal)}.primary-button:hover{background:#174a52}.secondary-button{padding:0 13px;background:#fff;color:var(--ink)}.app-shell{max-width:1480px;margin:0 auto;padding:22px clamp(18px,4vw,56px) 46px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stats article{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:14px 16px}.stats span,.stats small{display:block;color:var(--muted);font-size:13px}.stats strong{display:block;margin:3px 0;font-size:27px;line-height:1.15}.map-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:600px;background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:hidden}.map-sidebar{padding:18px;border-right:1px solid var(--line)}.section-heading,.records-head,.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.eyebrow{font-size:12px;font-weight:700;color:var(--teal);letter-spacing:0}.section-heading h2,.records-head h2,.dialog-head h2{font-size:19px;margin:1px 0 0}.segmented{display:grid;grid-template-columns:1fr 1fr;margin:16px 0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.segmented button{border:0;background:#fff;padding:8px;cursor:pointer;color:var(--muted)}.segmented button+button{border-left:1px solid var(--line)}.segmented button.active{background:var(--teal);color:#fff}.legend{display:grid;gap:10px;margin:18px 0}.legend div{display:grid;grid-template-columns:16px 1fr;column-gap:8px;align-items:center}.legend b{font-size:13px}.legend small{grid-column:2;color:var(--muted);font-size:12px}.swatch{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.14)}.level-1{background:var(--yellow)}.level-2{background:var(--green)}.level-3{background:var(--blue)}.level-4{background:var(--purple)}.map-note,.storage-note{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.storage-note{color:#42676c}.map-note svg,.storage-note svg{width:17px;flex:0 0 auto}.map-column{min-width:0;display:grid;grid-template-rows:45px 1fr}.map-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);font-weight:700}.map-toolbar span:last-child{font-weight:400;color:var(--muted);font-size:13px}#map{min-height:555px;background:#dce8e9}.records-section{margin-top:26px}.filter-wrap{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:0 10px;min-width:280px}.filter-wrap svg{width:17px;color:var(--muted)}.filter-wrap input{border:0;outline:0;height:38px;width:100%}.records-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.record-card{display:grid;grid-template-columns:5px 1fr;background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.record-color{background:var(--yellow)}.record-main{padding:14px}.record-top{display:flex;justify-content:space-between;gap:10px}.record-top .icon-button{width:32px;min-height:32px;color:var(--danger)}.record-meta{font-size:12px;color:var(--muted)}.record-card h3{font-size:17px;margin:2px 0}.record-notes{margin:8px 0 12px;color:#3d5258;white-space:pre-wrap}.record-footer{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.level-pill{font-size:12px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--teal-soft);color:var(--teal)}.record-media{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.record-media img,.record-media video{height:72px;width:98px;object-fit:cover;border-radius:5px;background:#e8eeee}.empty-state{display:none;place-items:center;text-align:center;padding:48px 20px;margin-top:14px;background:#fff;border:1px dashed #b9c8c9;border-radius:7px}.empty-state svg{width:36px;height:36px;color:var(--teal)}.empty-state h3{margin:8px 0 2px}.empty-state p{margin:0 0 14px;color:var(--muted)}dialog{width:min(760px,calc(100vw - 28px));border:0;border-radius:8px;padding:0;box-shadow:0 18px 60px rgba(20,42,47,.25)}dialog::backdrop{background:rgba(20,42,47,.38)}dialog form{padding:22px}.dialog-head{padding-bottom:15px;border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:17px 0}.form-grid label{display:grid;gap:5px;font-weight:650;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #bdcdce;border-radius:5px;padding:8px 9px;background:#fff;color:var(--ink)}.form-grid textarea{resize:vertical}.form-grid small{font-weight:400;color:var(--muted)}.wide{grid-column:1/-1}.location-status{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #cfe0dd;background:#eff8f6;color:#42676c;border-radius:5px;font-size:13px}.location-status svg{width:17px}.media-preview{display:flex;gap:7px;flex-wrap:wrap}.media-preview img,.media-preview video{height:74px;width:100px;object-fit:cover;border-radius:5px}.dialog-foot{display:flex;justify-content:flex-end;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:15px}.dialog-foot span{margin-right:auto;color:var(--muted);font-size:13px}.toast{position:fixed;right:22px;bottom:22px;max-width:360px;padding:11px 14px;background:#173e46;color:#fff;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.2);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.leaflet-popup-content{font:14px/1.45 Inter,system-ui,sans-serif}.leaflet-popup-content h3{margin:0 0 3px;font-size:15px}.leaflet-popup-content p{margin:3px 0;color:#57686d}@media(max-width:850px){.topbar{align-items:flex-start}.stats{grid-template-columns:repeat(2,1fr)}.map-workspace{grid-template-columns:1fr}.map-sidebar{border-right:0;border-bottom:1px solid var(--line)}.map-column{grid-template-rows:45px 430px}#map{min-height:430px}.records-grid{grid-template-columns:1fr}.filter-wrap{min-width:0;width:48%}}@media(max-width:560px){.topbar{gap:10px}.brand p{display:none}.primary-button{padding:0 10px}.stats article{padding:11px}.app-shell{padding:16px}.map-toolbar span:last-child{display:none}.records-head{align-items:end}.filter-wrap{width:100%}.records-head{display:grid}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.dialog-foot{flex-wrap:wrap}.dialog-foot span{width:100%;margin-right:0}}
.itinerary-section{margin-top:26px}.section-note{margin:0;color:var(--muted);font-size:13px}.itinerary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.itinerary-card{padding:14px;background:#fff;border:1px solid var(--line);border-radius:7px}.itinerary-card-head{display:flex;justify-content:space-between;gap:10px}.itinerary-card-head>div:last-child{display:flex;gap:6px}.itinerary-card .icon-button{width:32px;min-height:32px}.delete-route{color:var(--danger)}.route-meta{font-size:12px;color:var(--muted)}.itinerary-card h3{font-size:17px;margin:2px 0}.route-stats{margin:8px 0;color:#385860;font-size:13px}.route-stops{margin:10px 0 0;padding:0;list-style:none;border-left:2px solid #bfd7d4}.route-stops li{position:relative;padding:0 0 10px 14px}.route-stops li:before{content:"";position:absolute;left:-5px;top:5px;width:8px;height:8px;background:var(--teal);border-radius:50%}.route-stops time{display:block;color:var(--teal);font-size:12px;font-weight:700}.route-stops small{display:block;color:var(--muted);font-size:12px}.empty-route{display:none;place-items:center;text-align:center;padding:28px 20px;gap:9px;margin-top:14px;background:#fff;border:1px dashed #b9c8c9;border-radius:7px;color:var(--muted)}.empty-route svg{width:30px;height:30px;color:var(--teal)}.route-help{margin:16px 0 10px;padding:9px 10px;background:#f1f7f6;border-left:3px solid var(--teal);font-size:13px;color:#42676c}.route-help code{color:#174a52;white-space:nowrap}.route-input-label{display:grid;gap:5px;font-weight:650;font-size:13px}.route-input-label textarea{border:1px solid #bdcdce;border-radius:5px;padding:8px 9px;background:#fff;color:var(--ink);resize:vertical}.route-preview{margin:12px 0 16px;max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:5px;padding:10px;color:var(--muted);font-size:13px}.route-preview ol{margin:0;padding-left:20px}.route-preview a{color:#0d5f8f;margin-left:8px}@media(max-width:850px){.itinerary-grid{grid-template-columns:1fr}}@media(max-width:560px){.section-note{margin-top:6px}.secondary-button{padding:0 10px}}