:root{--color-bg:#f7f8fa;--color-surface:#ffffff;--color-border:#e2e5e9;--color-text:#1f2937;--color-text-muted:#6b7280;--color-primary:#2980b9;--color-primary-dark:#21618c;--color-accent:#e67e22;--color-success:#27ae60;--color-danger:#c0392b;--color-danger-bg:#fdecea;--radius:8px;--shadow-sm:0 1px 2px rgba(16,24,40,0.06);--shadow-md:0 2px 8px rgba(16,24,40,0.08);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}body,h1,h2,h3,h4{color:var(--color-text)}h1,h2,h3,h4{margin:0;font-weight:600}p{margin:0}button{font-family:inherit}a{color:var(--color-primary)}.app-shell{max-width:1180px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6)}.app-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.app-header h1{font-size:22px}.app-subtitle{color:var(--color-text-muted);font-size:13px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}.card h2{font-size:16px;margin-bottom:var(--space-3)}.card h3{font-size:14px;margin-bottom:var(--space-2)}.card-subtitle{color:var(--color-text-muted);font-size:12.5px;margin-top:-6px;margin-bottom:var(--space-3)}.section-stack>*+*{margin-top:var(--space-4)}.row{gap:var(--space-4);align-items:flex-start}.row,.row-tight{display:flex;flex-wrap:wrap}.row-tight{gap:var(--space-2);align-items:center}.col{flex:1 1 320px;min-width:0}.stack-sm>*+*{margin-top:var(--space-2)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-4);font-size:14px;font-weight:500;color:var(--color-text-muted);cursor:pointer}.tab:hover:not(:disabled){color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab:disabled{color:#c3c8d0;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:var(--space-1);min-width:200px}.field label{font-size:12.5px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em}input[type=number],input[type=password],input[type=text],select{border:1px solid var(--color-border);border-radius:6px;padding:7px 10px;font-size:13.5px;background:var(--color-surface);color:var(--color-text)}input:focus,select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.checkbox-row{display:flex;gap:var(--space-2)}.btn,.checkbox-row{align-items:center;font-size:13.5px}.btn{display:inline-flex;gap:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:7px 14px;font-weight:500;cursor:pointer;transition:filter .1s ease}.btn:hover:not(:disabled){filter:brightness(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:white}.btn-success{background:var(--color-success);border-color:var(--color-success);color:white}.btn-danger{background:var(--color-danger-bg);border-color:#f3c7c1;color:var(--color-danger)}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.pill-ok{background:#e8f6ee;color:var(--color-success)}.pill-warn{background:#fdf3e3;color:#b9770e}.pill-muted{background:#eef0f2}.dropzone,.pill-muted{color:var(--color-text-muted)}.dropzone{border:1.5px dashed var(--color-border);border-radius:var(--radius);padding:var(--space-4);text-align:center;font-size:13px;cursor:pointer;transition:border-color .12s ease,background .12s ease;background:var(--color-surface)}.dropzone:hover{border-color:var(--color-primary);background:#f3f9fd}.dropzone.has-file{border-style:solid;border-color:var(--color-success);background:#f4fbf7;color:var(--color-text)}.dropzone input{display:none}.dropzone-title{font-weight:600;color:var(--color-text);margin-bottom:2px}table.data-table{width:100%;border-collapse:collapse;font-size:13px}table.data-table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:6px 8px;white-space:nowrap}table.data-table td{border-bottom:1px solid #f0f1f3;padding:6px 8px;vertical-align:top}table.data-table tbody tr:hover{background:#fafbfc}table.data-table tbody tr.flagged{background:#fff8e6}table.data-table tbody tr.flagged:hover{background:#fdf1cf}.table-scroll{max-height:320px;overflow:auto;border:1px solid var(--color-border);border-radius:6px}.table-scroll table.data-table th{position:-webkit-sticky;position:sticky;top:0;background:var(--color-surface)}.empty-note{color:var(--color-text-muted);font-size:13px;font-style:italic;padding:var(--space-3) 0}.map-container{width:100%;height:100%;border-radius:6px;overflow:hidden;border:1px solid var(--color-border)}.map-point-label{margin-left:6px;background:rgba(255,255,255,.92);color:#1f2937;font-size:12px;line-height:1.35;padding:3px 7px;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.25);white-space:nowrap;pointer-events:none}.legend{display:flex;gap:var(--space-4);font-size:12.5px;color:var(--color-text-muted);flex-wrap:wrap}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.moving-banner{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;background:#eef6fd;border:1px solid #bcdcf3;border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:13px}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.companionship-card{border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);padding:var(--space-2);box-shadow:var(--shadow-sm)}.companionship-card.is-new{border-color:var(--color-success);background:#f6fdf9}.companionship-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:0}.edit-badge{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:999px;font-size:12px;line-height:1;background:#fff3a3;border:1px solid #f0dd6a}.companionship-card-head:empty{display:none}.card-section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-weight:600;margin:6px 0 3px}.households-toggle{display:flex;align-items:center;gap:4px;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left}.households-toggle:hover{color:var(--color-text)}.companionship-card .card-section-label:first-child{margin-top:0}.chip-pool{display:flex;flex-wrap:wrap;gap:4px}.chip{position:relative;border:1px solid transparent;border-radius:999px;padding:2px 8px;font-size:12px;cursor:pointer;font-family:inherit;line-height:1.25;text-align:left;transition:filter .1s ease,box-shadow .1s ease}.chip:hover{filter:brightness(.96)}.chip-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);display:flex;flex-direction:column;gap:2px;background:#1f2937;color:#fff;font-size:17px;font-weight:600;line-height:1.35;padding:10px 14px;border-radius:8px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s ease;z-index:60;text-align:left}.chip-tooltip-hint{font-size:13px;font-weight:400;color:#cbd5e1}.chip:focus-visible .chip-tooltip,.chip:hover .chip-tooltip{opacity:1;visibility:visible}.chip-companion{background:#eaf2fb;color:#1c5a8a;border-color:#d3e5f6}.chip-household{background:#fdf0e3;color:#a15c17;border-color:#f6e0c6}.chip-selected{box-shadow:0 0 0 2px var(--color-primary);filter:none}.btn-sm{padding:3px 10px;font-size:12px}.chip-pool+.card-section-label,.district-toggle{margin-top:var(--space-2)}.district-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;background:none;border:none;border-top:1px solid var(--color-border);padding:var(--space-3) 2px var(--space-2);cursor:pointer;font-size:14px;font-weight:600;color:var(--color-text);text-align:left}.district-toggle:hover{color:var(--color-primary)}.district-toggle .pill{margin-left:auto}.district-chevron{display:inline-block;transition:transform .12s ease;color:var(--color-text-muted);font-size:12px}.district-chevron.collapsed{transform:rotate(-90deg)}.edit-layout{display:flex;gap:var(--space-4);align-items:flex-start}.edit-main{flex:1 1;min-width:0}.edit-sidebar{width:320px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:var(--space-2);max-height:calc(100vh - 24px);overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-md);padding:var(--space-3)}.edit-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.sidebar-pool{flex-direction:column;align-items:stretch;gap:4px}.sidebar-pool .chip{text-align:left}.segmented{display:inline-flex;width:100%;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.segmented button{flex:1 1;padding:6px 10px;border:none;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:12.5px;font-weight:600}.segmented button+button{border-left:1px solid var(--color-border)}.segmented button.active{background:var(--color-primary);color:white}@media (max-width:820px){.edit-layout{flex-direction:column}.edit-sidebar{width:100%;position:static;max-height:none}}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap}@media (max-width:900px){.app-shell{padding:var(--space-4) var(--space-3) var(--space-5)}.card{padding:var(--space-3) var(--space-3)}.app-header h1{font-size:19px}}@media (max-width:640px){.field{min-width:0;width:100%}.col,.row-tight .field{flex:1 1 100%}.map-container{min-height:320px}.board-grid{grid-template-columns:1fr}.app-header{flex-direction:column;gap:var(--space-2)}}@media (pointer:coarse){.chip{padding:6px 12px}.btn{padding:9px 16px}}.example-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--color-border)}.toolbar-label{font-size:11px;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em}:root[data-theme=dark]{--color-bg:#0f141a;--color-surface:#181e26;--color-border:#2a323d;--color-text:#e6eaf0;--color-text-muted:#97a3b2;--color-primary:#4aa3df;--color-primary-dark:#6fb8e8;--color-accent:#eb9a4e;--color-success:#35b877;--color-danger:#e46a5c;--color-danger-bg:#3a201d;--shadow-sm:0 1px 2px rgba(0,0,0,0.35);--shadow-md:0 2px 8px rgba(0,0,0,0.45)}:root[data-theme=dark] .chip-companion{background:#17324a;color:#9fd0f2;border-color:#234b68}:root[data-theme=dark] .chip-household{background:#3a2a17;color:#f0c088;border-color:#55401f}:root[data-theme=dark] .moving-banner{background:#16303f;border-color:#2a5470}:root[data-theme=dark] .pill-ok{background:#15321f;color:#4fd08a}:root[data-theme=dark] .pill-warn{background:#3a2f14;color:#e0b654}:root[data-theme=dark] .pill-muted{background:#232a33;color:var(--color-text-muted)}:root[data-theme=dark] .edit-badge{background:#4a3d00;color:#ffe9a8;border-color:#6b5900}:root[data-theme=dark] .dropzone:hover{background:#12222e}:root[data-theme=dark] .companionship-card.is-new,:root[data-theme=dark] .dropzone.has-file{background:#16281e}:root[data-theme=dark] table.data-table tbody tr:hover{background:#1e2530}:root[data-theme=dark] table.data-table td{border-bottom-color:#232a33}:root[data-theme=dark] table.data-table tbody tr.flagged{background:#33300f}:root[data-theme=dark] table.data-table tbody tr.flagged:hover{background:#403b12}:root[data-theme=dark] .segmented button.active{color:#fff}:root[data-theme=dark] .modal-backdrop{background:rgba(0,0,0,.6)}.pool-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);font-weight:600;margin-bottom:4px}.pool-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}.pool-row .chip{flex:1 1}.pool-row.is-not-needed .chip{opacity:.55;text-decoration:line-through}.pool-flag-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:6px;width:24px;height:24px;flex-shrink:0;cursor:pointer;font-size:12px;line-height:1}.pool-flag-btn:hover{color:var(--color-text);border-color:var(--color-primary)}.map-card-btn{padding:2px 8px;font-size:11.5px}.modal-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.45);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;max-width:760px;max-height:88vh;overflow-y:auto;padding:var(--space-4)}.modal-head{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.login-shell,.modal-head{display:flex;align-items:center}.login-shell{--color-primary:#4c5b8c;--color-primary-dark:#3c4970;min-height:100vh;flex-direction:column;justify-content:center;gap:var(--space-6);padding:var(--space-6) var(--space-4);background:var(--color-bg)}.login-theme-toggle{position:fixed;top:var(--space-4);right:var(--space-4)}.login-layout{display:flex;align-items:center;gap:var(--space-6);max-width:960px;width:100%}.login-pitch{flex:1 1;min-width:0}.login-pitch-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.login-pitch-brand svg{flex-shrink:0;border-radius:22%;box-shadow:0 2px 8px rgba(76,91,140,.35)}.login-pitch h1{font-size:28px;margin:0}.login-pitch-tagline{color:var(--color-text-muted);font-size:15px;line-height:1.5;margin:0 0 var(--space-5);max-width:46ch}.login-pitch-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.login-pitch-features li{display:flex;gap:var(--space-3);align-items:flex-start}.login-pitch-icon{font-size:22px;line-height:1;flex-shrink:0;width:32px;text-align:center}.login-pitch-features strong{display:block;font-size:14.5px;margin-bottom:2px}.login-pitch-features p{margin:0;color:var(--color-text-muted);font-size:13.5px;line-height:1.45}.login-card{width:100%;max-width:360px;flex-shrink:0}.login-card .field{margin-bottom:var(--space-3)}.login-card input{width:100%}.login-card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.login-signup-note{margin:0;font-size:12.5px;line-height:1.5;color:var(--color-text-muted)}.login-signup-note a{color:var(--color-primary)}.login-bmc-link{line-height:0}.login-bmc-link img{height:42px;width:auto}.login-screenshots{width:100%;max-width:1100px}.login-screenshots h2{margin:0 0 4px;font-size:20px;text-align:center}.login-screenshots .card-subtitle{text-align:center;margin-bottom:var(--space-4)}.login-screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.login-screenshots-grid figure{margin:0;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-sm)}.login-screenshots-grid img{display:block;width:100%;height:220px;object-fit:cover;object-position:top left}.login-screenshots-grid figcaption{padding:var(--space-2) var(--space-3);font-size:12.5px;color:var(--color-text-muted);text-align:center;border-top:1px solid var(--color-border)}@media (max-width:760px){.login-shell{padding-top:56px}.login-layout{flex-direction:column;align-items:stretch;gap:var(--space-5)}}