:root{--bg:#f5f7fb;--card:#fff;--text:#182230;--muted:#667085;--line:#e4e7ec;--primary:#175cd3;--primary2:#0b4db3;--danger:#b42318;--warn:#b54708;--success:#027a48}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px}.container{width:min(1180px,94%);margin:0 auto}.topbar{background:#0d2a52;color:#fff;box-shadow:0 1px 4px #0002}.nav-row{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:19px;font-weight:700;color:#fff;text-decoration:none}.nav-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-actions a,.link-button{color:#fff;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font:inherit}.nav-actions a:hover,.link-button:hover{text-decoration:underline}.main-content{padding:28px 0 48px}.footer{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);background:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 1px 2px #1018280d}.no-pad{padding:0}.login-wrap{min-height:65vh;display:grid;place-items:center}.login-card,.narrow-card{width:min(460px,100%);margin:auto}.login-card h1,.narrow-card h1{margin-top:0}label{display:block;font-weight:600;margin:14px 0 6px}input[type=text],input[type=password],input[type=number],input:not([type]){width:100%;height:42px;border:1px solid #cfd4dc;border-radius:8px;padding:8px 11px;font-size:15px;background:#fff}input:focus{outline:2px solid #b2ccff;border-color:#84adff}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;border:1px solid transparent;border-radius:8px;padding:8px 14px;font-weight:600;text-decoration:none;cursor:pointer;font-size:14px}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary2)}.secondary{background:#fff;border-color:#cfd4dc;color:#344054}.danger{background:#fff0ee;border-color:#fecdca;color:var(--danger)}.warn{background:#fff6ed;border-color:#fedf89;color:var(--warn)}.small{min-height:32px;padding:5px 9px;font-size:12px}.full{width:100%;margin-top:20px}.button-row,.search-buttons{display:flex;gap:10px;align-items:end}.inline-form{display:inline}.muted{color:var(--muted)}.alert{border-radius:8px;padding:10px 12px;margin:0 0 16px}.alert.error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.alert.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.validation{color:#b42318;font-size:13px}.page-title-row{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.page-title-row h1{margin:0 0 5px;font-size:26px}.page-title-row p{margin:0}.search-grid{display:grid;grid-template-columns:120px 120px 1fr 1.25fr auto;gap:14px;align-items:end}.search-grid label{margin-top:0}.result-head{display:flex;justify-content:space-between;margin:18px 2px 10px;color:#344054}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:880px}th{background:#f9fafb;color:#475467;font-size:12px;text-transform:uppercase;letter-spacing:.03em;text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid #eef0f3;vertical-align:top}tbody tr:hover{background:#f9fbff}.name-cell{font-weight:600;color:#101828}.empty{text-align:center;color:var(--muted);margin-top:18px}.pager{display:flex;justify-content:center;align-items:center;gap:15px;margin:18px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge.green{background:#ecfdf3;color:#067647}.badge.red{background:#fef3f2;color:#b42318}.badge.orange{background:#fff6ed;color:#b54708}.badge.gray{background:#f2f4f7;color:#475467}.actions-cell{white-space:nowrap}.check-row{display:flex;align-items:center;gap:8px;margin:18px 0}.check-row input{width:18px;height:18px}
@media(max-width:900px){.search-grid{grid-template-columns:1fr 1fr}.search-buttons{grid-column:1/-1}.nav-row{align-items:flex-start;padding:14px 0;flex-direction:column}.nav-actions{gap:12px}.page-title-row{align-items:flex-start;flex-direction:column}.main-content{padding-top:18px}}
@media(max-width:560px){.search-grid{grid-template-columns:1fr}.search-buttons{grid-column:auto}.card{border-radius:10px;padding:15px}.page-title-row h1{font-size:22px}.nav-actions{font-size:14px}.container{width:min(96%,1180px)}}
select{width:100%;height:42px;border:1px solid #cfd4dc;border-radius:8px;padding:8px 11px;font-size:15px;background:#fff;color:var(--text)}select:focus{outline:2px solid #b2ccff;border-color:#84adff}.ward-search-grid{grid-template-columns:110px 110px 110px 1fr 1.25fr auto}.advanced-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;align-items:end}.advanced-filter-grid label{margin-top:0}.advanced-buttons{grid-column:span 2}.sortable-table th a{display:flex;align-items:center;justify-content:space-between;gap:7px;color:inherit;text-decoration:none}.sortable-table th a:hover{color:var(--primary)}.sortable-table th span{font-size:15px}.house-cell{font-weight:600}.ward-form{display:flex;gap:6px;align-items:center;min-width:150px}.ward-form select{height:34px;min-width:92px;padding:4px 7px;font-size:13px}
@media(max-width:1100px){.ward-search-grid{grid-template-columns:repeat(3,1fr)}.advanced-filter-grid{grid-template-columns:repeat(3,1fr)}.advanced-buttons{grid-column:auto}}
@media(max-width:700px){.ward-search-grid,.advanced-filter-grid{grid-template-columns:1fr 1fr}.advanced-buttons{grid-column:1/-1}}
@media(max-width:500px){.ward-search-grid,.advanced-filter-grid{grid-template-columns:1fr}.advanced-buttons{grid-column:auto}}

.quick-sort-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 2px 0}