.haul-home,.haul-panel{border:1px solid var(--border,#dce3ec);background:var(--panel,#fff);border-radius:14px;padding:22px;margin-bottom:20px}.haul-home{margin-bottom:26px}.haul-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.haul-title h2,.haul-panel h2{margin:0 0 12px;font-size:20px}.haul-title p{color:var(--muted,#68788c)}.haul-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.haul-cards article{border:1px solid var(--border,#dce3ec);border-radius:12px;padding:20px;background:var(--panel,#fff);display:flex;flex-direction:column;gap:10px}.haul-cards b{font-size:29px;line-height:1.25}.haul-cards span,.haul-cards small{color:var(--muted,#68788c)}#haul-period-form{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin-bottom:14px}#haul-period-form label{min-width:180px}.haul-chart svg,.haul-map svg{width:100%;display:block}.haul-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;margin-top:12px}.haul-legend i{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%}.haul-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.haul-insights article{padding:17px;border-radius:10px;background:var(--bg,#f5f7fa)}.haul-insights h3{font-size:15px;margin:0 0 9px}.haul-insights p,.haul-panel p{line-height:1.6}.haul-panel small,.haul-table small{display:block;color:var(--muted,#68788c);line-height:1.5}.haul-warning{color:#a86000!important}.haul-table{min-width:1120px}.haul-table td{vertical-align:top}.haul-table td:first-child{min-width:230px}.haul-panel summary{cursor:pointer;font-weight:600}@media(max-width:1100px){.haul-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.haul-insights{grid-template-columns:1fr}}@media(max-width:650px){.haul-cards{grid-template-columns:1fr}.haul-title{align-items:start;flex-direction:column}}

#haul-period-form label.haul-refresh{min-width:0;display:flex;gap:8px;align-items:center;padding-bottom:12px}#haul-period-form label.haul-refresh input{width:15px;margin:0}.haul-chart svg{stroke:none}

#haul-geographic-map{height:560px;min-height:360px;width:100%;border:1px solid var(--line);border-radius:10px;z-index:0;background:#e8eee4;color:#16263b}.haul-map-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.haul-map-actions span{font-size:12px;color:var(--muted)}#haul-geographic-map .leaflet-control-layers{max-height:320px;overflow:auto}#haul-geographic-map .leaflet-popup-content{line-height:1.6}#haul-geographic-map .leaflet-control-layers label{color:#222}#haul-geographic-map .leaflet-control-layers input{display:inline;width:auto;margin:0 5px 0 0}#haul-geographic-map .leaflet-control-attribution{font-size:10px}@media(max-width:650px){#haul-geographic-map{height:420px}}

#haul-geographic-map .leaflet-control-layers-toggle{background-image:none!important;display:flex;align-items:center;justify-content:center;width:58px;height:36px;font:12px "Segoe UI",sans-serif;color:#222}

.haul-director{max-width:1240px;margin:0 auto}.haul-director .haul-panel{padding:20px;margin-bottom:16px}.haul-director .haul-cards{margin:16px 0}.haul-director .haul-cards article{padding:18px}.haul-director #haul-period-form{gap:12px;margin-bottom:8px}.haul-director #haul-period-form label{min-width:150px}.haul-tabs{display:flex;gap:8px;align-items:center;margin:18px 0;flex-wrap:wrap}.haul-tabs button{border-radius:22px;padding:10px 20px}.haul-tabs button.active{background:var(--text,#17263b);color:var(--bg,#fff)}.haul-tabs .haul-help{margin-left:auto}.haul-director-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.haul-focus{border-left:3px solid #db9b34}.haul-focus h2{margin-top:12px}.haul-quick-actions{display:flex;gap:10px;flex-wrap:wrap}.haul-best{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0}.haul-best b{font-size:22px}.haul-best strong{font-size:28px}.haul-options{position:relative;max-width:380px;padding-bottom:10px}.haul-options summary{padding:10px;cursor:pointer}.haul-options[open]{padding:12px;border:1px solid var(--border);border-radius:12px}.haul-options small{margin-top:10px}.haul-simple-table{min-width:680px}.haul-simple-table small{display:block;font-size:12px}.haul-simple-table td{padding:12px}.haul-footnote{font-size:12px;color:var(--muted);line-height:1.6}.haul-director .haul-panel h2{font-size:18px}.haul-director .haul-panel p{font-size:14px}.haul-director #haul-geographic-map{height:480px}@media(max-width:850px){.haul-director-grid{grid-template-columns:1fr}.haul-tabs .haul-help{margin-left:0}.haul-director .haul-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.haul-director .haul-cards{gap:8px}.haul-director .haul-cards article{padding:12px}.haul-director .haul-cards b{font-size:24px}.haul-tabs button{padding:8px 12px}.haul-best{flex-wrap:wrap}}

.haul-cycle-value{display:flex;gap:12px;align-items:center}.haul-cycle-value b{min-width:22px}.haul-cycle-value progress{width:90px;height:7px;accent-color:#1979c4}