:root{--navy:#003366;--gold:#C9A84C;--gold-light:#F5E6C0;--light-bg:#F4F6FA;--white:#ffffff;--border:#DDE3EE;--text:#1A2540;--muted:#56678A;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',Arial,sans-serif;background:var(--light-bg);color:var(--text);font-size:14px}#app{max-width:1200px;margin:0 auto;padding:18px 16px}.dash-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.dash-header .crest{width:48px;height:48px}.dash-header h1{font-size:20px;font-weight:700;color:var(--navy);line-height:1.2}.dash-header p{font-size:12px;color:var(--muted);margin-top:2px}.status-banner{font-size:12px;padding:8px 12px;border-radius:6px;margin-bottom:10px;background:var(--light-bg);border:1px solid var(--border);color:var(--muted)}.status-banner.status-error{background:#fbeaea;border-color:#e8b4b4;color:#8a2e2e}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.metric{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;border-top:3px solid var(--gold)}.metric-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.metric-value{font-size:26px;font-weight:700;color:var(--navy);line-height:1}.metric-sub{font-size:11px;color:var(--muted);margin-top:3px}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.ctrl-group{display:flex;align-items:center;gap:6px}.ctrl-group label{font-size:12px;color:var(--muted);font-weight:600}select{border:1px solid var(--border);border-radius:6px;padding:5px 28px 5px 9px;font-size:13px;color:var(--text);background:var(--white);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2356678A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;cursor:pointer}select:focus{outline:2px solid var(--gold);border-color:var(--gold)}.reset-btn{margin-left:auto;padding:5px 14px;background:var(--navy);color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer}.reset-btn:hover{background:#004080}.reset-btn.refresh-btn{background:var(--white);color:var(--navy);border:1px solid var(--border)}.reset-btn.refresh-btn:hover{background:var(--light-bg)}.main-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-bottom:14px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px;min-width:0}.card-title{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.card-title span{font-size:11px;font-weight:400;color:var(--muted)}#map-card{position:relative}#map-container svg{width:100%;height:auto}.state-path{cursor:pointer;transition:opacity .15s;stroke:white;stroke-width:.6}.state-path:hover{opacity:.75}.state-path.selected{stroke:var(--gold);stroke-width:2}.state-mesh{pointer-events:none}.map-legend{display:flex;align-items:center;gap:6px;margin-top:8px}.map-legend-label{font-size:11px;color:var(--muted)}.legend-gradient{flex:1;height:10px;border-radius:4px}.district-pills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.pill{padding:4px 12px;border-radius:99px;font-size:12px;cursor:pointer;border:1.5px solid transparent;transition:all .15s;font-weight:500}.pill:hover{filter:brightness(.9)}.pill.inactive{background:#eee!important;color:#999!important;border-color:#ddd!important}#bar-panel{display:flex;flex-direction:column}.bar-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;cursor:pointer}.bar-row:hover .bar-fill{filter:brightness(.88)}.bar-label{width:130px;font-size:11px;color:var(--text);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.bar-track{flex:1;height:18px;background:var(--light-bg);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.bar-val{width:52px;font-size:11px;color:var(--muted);text-align:right;flex-shrink:0}.bottom-grid{display:grid;grid-template-columns:2fr 3fr;gap:14px}.dist-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);cursor:pointer}.dist-row:last-child{border-bottom:none}.dist-row:hover{background:var(--light-bg);margin:0 -8px;padding:7px 8px;border-radius:5px}.dist-name{font-size:13px;font-weight:600}.dist-stats{text-align:right}.dist-mh{font-size:14px;font-weight:700;color:var(--navy)}.dist-sub{font-size:10px;color:var(--muted)}.dist-badge{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:middle}.table-wrap{max-height:320px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:12px}thead th{position:sticky;top:0;background:var(--navy);color:#fff;padding:6px 6px;text-align:left;font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer;user-select:none}thead th:hover{background:#004080}tbody tr{border-bottom:1px solid var(--border);cursor:pointer}tbody tr:hover{background:var(--gold-light)}tbody tr.selected-row{background:var(--gold-light)}tbody td{padding:6px 8px}.sort-arrow{font-size:9px;margin-left:3px}#detail-panel{display:block;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:14px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.detail-close{background:0 0;border:none;font-size:18px;cursor:pointer;color:var(--muted)}.project-list{max-height:220px;overflow-y:auto}.proj-item{padding:8px 0;border-bottom:1px solid var(--border)}.proj-item:last-child{border-bottom:none}.proj-name{font-weight:600;color:var(--navy);font-size:13px}.proj-meta{font-size:11px;color:var(--muted);margin:2px 0}.proj-desc{font-size:12px;color:var(--text);margin-top:2px}#chapter-search{transition:border-color .15s}#chapter-search:focus{outline:2px solid var(--gold);border-color:var(--gold)}.search-option{padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.search-option:last-child{border-bottom:none}.search-option:hover{background:var(--gold-light)}.search-option-name{font-weight:600;color:var(--navy)}.search-option-meta{font-size:11px;color:var(--muted)}#map-tooltip{position:fixed;background:var(--navy);color:#fff;padding:8px 12px;border-radius:7px;font-size:12px;pointer-events:none;display:none;z-index:999;max-width:200px;line-height:1.5}#map-tooltip.touch-anchored{position:absolute}.glossary-term{padding:8px 0;border-bottom:1px solid var(--border)}.glossary-term:last-child{border-bottom:none}.gt-name{font-size:12px;font-weight:700;color:var(--navy);margin-bottom:3px}.gt-def{font-size:11px;color:var(--muted);line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--light-bg)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}@media (max-width:700px){.bottom-grid,.main-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}