:root{--bg: #09090D;--card: #111116;--card-2: #16161C;--border: #22222C;--border-2: #2A2A36;--copper: #C47A3A;--copper-lt: #D4956A;--text: #F0F0F8;--muted: #8A8A9A;--muted-2: #55555F;--green: #3FB950;--amber: #D4956A;--red: #E5534B;--radius: 12px;--radius-sm: 8px;font-family:Lato,Arial,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}:focus-visible{outline:2px solid var(--copper);outline-offset:2px;border-radius:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.app{max-width:1180px;margin:0 auto;padding:1.5rem 1.5rem 4rem}.masthead{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.brand{display:flex;flex-direction:column;gap:.1rem;background:none;border:none;cursor:pointer;padding:0;text-align:left}.brand-mark{font-weight:900;font-size:1.05rem;letter-spacing:.18em;color:var(--copper)}.brand-sub{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.crumbs{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.crumb{background:none;border:none;cursor:pointer;color:var(--copper-lt);padding:0;font:inherit}.crumb:hover{text-decoration:underline}.crumb.current{color:var(--text);font-weight:700;cursor:default}.crumb-sep{color:var(--muted-2)}.hero{margin-bottom:1.5rem}.hero-tight{margin-bottom:1rem}.hero h1,.app h1{font-size:1.7rem;margin:.2rem 0 .4rem;font-weight:900;letter-spacing:-.01em}.hero-tight h1{font-size:1.4rem}.lede{color:var(--muted);margin:0;font-size:.92rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:700;color:var(--copper);margin:0}.section-label{margin:1.5rem 0 .8rem}.sub{color:var(--muted);margin:0 0 1rem;font-size:.85rem}.meta{color:var(--muted);font-size:.8rem;margin:.75rem 0}.switchboard{margin:1.4rem 0 .4rem}.switchboard-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.switchboard-chip{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--border-2);background:var(--card-2);color:var(--text-dim, #B8B8C6);text-decoration:none;white-space:nowrap;transition:border-color .14s,color .14s}.switchboard-chip:hover{border-color:var(--copper);color:var(--copper-lt)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.port-card,.market-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.15rem;cursor:pointer;text-align:left;color:var(--text);display:flex;flex-direction:column;gap:.7rem;transition:border-color .14s,transform .14s,box-shadow .14s}.port-card:hover,.market-card:hover{border-color:var(--copper);transform:translateY(-2px);box-shadow:0 6px 22px #c47a3a1a}.market-card.is-empty{opacity:.5}.market-card.is-empty:hover{opacity:.75;transform:none;box-shadow:none}.port-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.port-name{font-weight:700;font-size:1.02rem;letter-spacing:.01em}.port-total{font-weight:900;font-size:1.5rem;color:var(--copper);line-height:1}.port-meta{font-size:.76rem;color:var(--muted);margin-top:-.3rem}.port-empty-note{font-size:.76rem;color:var(--muted-2);font-style:italic}.type-chips{display:flex;flex-wrap:wrap;gap:.4rem}.type-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid var(--border-2);background:var(--card-2)}.type-chip-label{color:var(--muted);font-weight:600}.type-chip-n{color:var(--text)}.type-chip.is-zero{opacity:.4}.type-chip.seg-DUMP{border-color:#c47a3a80}.type-chip.seg-METAL{border-color:#8a8a9a80}.type-chip.seg-DONATION{border-color:#3fb95073}.type-chip.seg-DUMPSTER{border-color:#d4956a80}.view-toggle{display:inline-flex;gap:0;border:1px solid var(--border);border-radius:999px;overflow:hidden;margin-bottom:1rem;background:var(--card)}.view-toggle button{padding:.4rem 1.1rem;border:none;background:none;color:var(--muted);cursor:pointer;font-size:.82rem;font-weight:700}.view-toggle button.active{background:var(--copper);color:#09090d}.btn-ghost{background:none;border:1px solid var(--border-2);color:var(--copper-lt);border-radius:var(--radius-sm);padding:.45rem .9rem;cursor:pointer;font-size:.85rem}.btn-ghost:hover{border-color:var(--copper)}.map-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.leaflet-map{height:540px;width:100%;background:#0c0c11}.map-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .9rem;border-top:1px solid var(--border);font-size:.76rem;color:var(--muted)}.map-legend{display:flex;flex-wrap:wrap;gap:.9rem}.map-legend-item{display:inline-flex;align-items:center;gap:.35rem;text-transform:capitalize}.map-dot{width:.7rem;height:.7rem;border-radius:50%;display:inline-block;border:1px solid #09090D}.map-note{color:var(--muted-2)}.leaflet-container a{color:var(--copper-lt)}.controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.controls input,.controls select{padding:.45rem .6rem;border:1px solid var(--border-2);border-radius:var(--radius-sm);font-size:.85rem;background:var(--card);color:var(--text)}.controls input::placeholder{color:var(--muted-2)}.controls input{flex:1;min-width:180px}.controls select{max-width:14rem;text-overflow:ellipsis}.controls .export{padding:.45rem .9rem;border:1px solid var(--copper);border-radius:var(--radius-sm);font-size:.85rem;background:var(--copper);color:#09090d;text-decoration:none;white-space:nowrap;align-self:center;font-weight:700}.controls .export:hover{background:var(--copper-lt)}.controls .clear-filters{padding:.45rem .9rem;border:1px solid var(--border-2);border-radius:var(--radius-sm);font-size:.85rem;background:var(--card);color:var(--muted);cursor:pointer;white-space:nowrap;align-self:center}.controls .clear-filters:hover{background:var(--card-2);color:var(--text)}.check{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted);margin-bottom:.6rem;cursor:pointer;align-self:center}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}th,td{text-align:left;padding:.55rem .75rem;font-size:.82rem;border-bottom:1px solid var(--border)}th{background:var(--card-2);-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}th.sortable{cursor:pointer}th.sortable:hover,th.active{color:var(--copper)}tbody tr:last-child td{border-bottom:none}tfoot td{font-weight:700;border-top:2px solid var(--border-2);background:var(--card-2);border-bottom:none}tfoot td.zero,td.zero{color:var(--muted-2)}.skel{display:block;height:.7rem;border-radius:4px;background:var(--card-2);background-image:linear-gradient(90deg,var(--card-2) 0%,#20202a 50%,var(--card-2) 100%);background-size:200% 100%;animation:skel-shimmer 1.2s ease-in-out infinite}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skel{animation:none}}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--card-2)}tr.clickable.cursor td{background:#1b1b24;box-shadow:inset 2px 0 0 var(--copper)}.linklike{border:none;background:none;padding:0;font:inherit;color:var(--copper-lt);cursor:pointer;text-align:left}.linklike:hover{text-decoration:underline}.pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700}.pill.active{background:#3fb95029;color:var(--green)}.pill.evaluating{background:#d4956a29;color:var(--amber)}.pill.do_not_use{background:#e5534b29;color:var(--red)}.pill.inactive{background:#8a8a9a29;color:var(--muted)}.pill.sev-critical,.pill.sev-high{background:#e5534b29;color:var(--red)}.pill.sev-medium{background:#d4956a29;color:var(--amber)}.pill.sev-ok{background:#3fb95029;color:var(--green)}.pill.open-pill{display:inline-flex;align-items:center;gap:.3rem}.pill.open-pill:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor;flex:none}.pill.open-pill.open{background:#3fb95029;color:var(--green)}.pill.open-pill.closed{background:#e5534b29;color:var(--red)}.tag{display:inline-block;padding:.05rem .45rem;margin:0 .25rem .2rem 0;border-radius:4px;background:var(--card-2);border:1px solid var(--border-2);color:var(--muted);font-size:.72rem;font-weight:600}.bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;width:70px;display:inline-block}.bar>span{display:block;height:100%;background:var(--copper)}.pager{display:flex;gap:.5rem;align-items:center;margin-top:1rem}.pager button{padding:.4rem .9rem;border:1px solid var(--border-2);background:var(--card);color:var(--text);border-radius:var(--radius-sm);cursor:pointer}.pager button:hover:not(:disabled){border-color:var(--copper)}.pager button:disabled{opacity:.4;cursor:default}.err{color:var(--red);padding:1rem;background:#e5534b1a;border:1px solid rgba(229,83,75,.3);border-radius:var(--radius-sm)}.empty-state{text-align:center;padding:2.4rem 1rem;color:var(--muted)}.empty-state-title{font-size:.98rem;font-weight:700;color:var(--text)}.empty-state-hint{margin:.3rem 0 .9rem;font-size:.82rem;color:var(--muted)}.empty-state .clear-filters,.empty-state .btn-ghost{display:inline-block;margin:.2rem}.empty-state-suggest{margin:0 0 .9rem;font-size:.82rem;color:var(--muted)}.suggest-chip{background:#c47a3a24;color:var(--copper-lt);border:1px solid rgba(196,122,58,.4);border-radius:999px;padding:.1rem .6rem;font-size:.78rem;font-weight:700;cursor:pointer;line-height:1.6}.suggest-chip:hover{background:#c47a3a3d}.search-note{margin:0 0 .6rem;padding:.5rem .75rem;border-radius:var(--radius-sm);background:#c47a3a1a;color:var(--copper-lt);font-size:.8rem;border:1px solid rgba(196,122,58,.3)}.search-note strong{font-weight:700;color:var(--text)}mark{background:#d4956a52;color:var(--text);padding:0 .05em;border-radius:2px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.dot-green{background:var(--green)}.dot-yellow{background:var(--amber)}.dot-red{background:var(--red)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:flex-end;z-index:50;animation:backdrop-fade .18s ease-out}.drawer{background:var(--card);width:min(480px,94vw);height:100%;overflow-y:auto;padding:1.5rem 1.6rem;box-shadow:-2px 0 24px #00000080;border-left:1px solid var(--border);position:relative;animation:drawer-slide-in .22s cubic-bezier(.22,1,.36,1)}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.drawer-backdrop,.drawer{animation:none}}.drawer h2{font-size:1.2rem;margin:0 6rem .5rem 0;font-weight:900}.drawer h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--copper);margin:1.2rem 0 .4rem}.drawer-close{position:absolute;top:.8rem;right:.9rem;border:none;background:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--muted)}.drawer-close:hover{color:var(--text)}.drawer-nav{display:flex;align-items:center;gap:.5rem;margin:0 6rem .6rem 0}.drawer-step{border:1px solid var(--border-2);background:var(--card-2);color:var(--copper-lt);border-radius:var(--radius-sm);padding:.2rem .55rem;font-size:.78rem;cursor:pointer}.drawer-step:hover:not(:disabled){border-color:var(--copper)}.drawer-step:disabled{color:var(--muted-2);border-color:var(--border);cursor:default}.drawer-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}.drawer-flag-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem}.flag-toggle{border:1px solid var(--border-2);background:var(--card-2);color:var(--muted);border-radius:var(--radius-sm);padding:.3rem .7rem;font-size:.8rem;cursor:pointer}.flag-toggle:hover:not(:disabled){border-color:var(--copper);color:var(--text)}.flag-toggle.on{border-color:#e5534b80;background:#e5534b24;color:var(--red)}.flag-toggle:disabled{opacity:.6;cursor:default}.flag-err{color:var(--red);font-size:.75rem}.drawer-dl{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:.3rem .8rem;margin:0;font-size:.85rem}.drawer-dl dt{color:var(--muted)}.drawer-dl dd{margin:0;color:var(--text)}.drawer-dl a{color:var(--copper-lt)}.drawer-notes{font-size:.85rem;white-space:pre-wrap;color:var(--text);background:var(--card-2);padding:.6rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.drawer-edit{position:absolute;top:.9rem;right:2.6rem;border:1px solid var(--border-2);background:var(--card-2);color:var(--copper-lt);border-radius:var(--radius-sm);padding:.25rem .7rem;font-size:.78rem;cursor:pointer}.drawer-edit:hover{border-color:var(--copper)}.outreach{list-style:none;padding:0;margin:0}.outreach li{border-left:2px solid var(--border-2);padding:.4rem 0 .4rem .7rem;margin-bottom:.5rem}.outreach-head{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.outreach-date{margin-left:auto;color:var(--muted-2);font-size:.75rem}.outreach-notes{font-size:.8rem;color:var(--muted);margin-top:.2rem}.outreach-followup{font-size:.75rem;color:var(--amber);margin-top:.15rem}.pill.followup-overdue{background:#e5534b29;color:var(--red)}.pill.followup-due{background:#d4956a29;color:var(--amber)}.pill.followup-upcoming{background:#3fb95029;color:var(--green)}.outreach-add{border:1px dashed var(--border-2);background:var(--card-2);color:var(--copper-lt);border-radius:var(--radius-sm);padding:.35rem .7rem;font-size:.8rem;cursor:pointer;margin-bottom:.6rem}.outreach-add:hover{border-color:var(--copper)}.outreach-form{display:flex;flex-direction:column;gap:.45rem;background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.7rem;margin-bottom:.7rem}.outreach-form-row{display:flex;gap:.45rem}.outreach-form input,.outreach-form select,.outreach-form textarea{padding:.4rem .5rem;border:1px solid var(--border-2);border-radius:var(--radius-sm);font-size:.8rem;font-family:inherit;background:var(--card);color:var(--text)}.outreach-form-row input{flex:1;min-width:0}.outreach-form textarea{width:100%;resize:vertical}.outreach-form-label{display:flex;flex-direction:column;font-size:.7rem;color:var(--muted);gap:.15rem}.outreach-form-err{padding:.4rem .6rem;font-size:.78rem}.outreach-form-actions{display:flex;gap:.45rem}.outreach-save{background:var(--copper);color:#09090d;border:none;border-radius:var(--radius-sm);padding:.4rem .9rem;font-size:.8rem;font-weight:700;cursor:pointer}.outreach-save:disabled{opacity:.6;cursor:default}.outreach-cancel{background:var(--card);color:var(--muted);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.8rem;cursor:pointer}.vendor-edit{display:flex;flex-direction:column;gap:.55rem;margin:.5rem 0}.vendor-edit-title{font-size:.95rem;text-transform:none;letter-spacing:0;color:var(--text);margin:0 2rem .2rem 0}.vendor-edit-field{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:var(--muted)}.vendor-edit-field input,.vendor-edit-field textarea,.vendor-edit-field select{padding:.4rem .5rem;border:1px solid var(--border-2);border-radius:var(--radius-sm);font-size:.85rem;font-family:inherit;color:var(--text);background:var(--card);resize:vertical}.vendor-edit-err{padding:.4rem .6rem;font-size:.78rem}.vendor-edit-actions{display:flex;gap:.45rem;margin-top:.2rem}@media (max-width: 640px){.app{padding:1rem .8rem 3rem}.masthead{gap:.6rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.drawer{width:96vw;padding:1.2rem 1.1rem}.drawer h2{margin-right:5rem}.controls select{flex:1 1 calc(50% - .5rem);min-width:0;max-width:100%}.controls input{flex:1 1 100%}.leaflet-map{height:420px}}