:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#111827;background:linear-gradient(160deg,#eff6ff,#e0f2fe)}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;padding:20px;width:100%;margin:0;display:grid;gap:14px;align-content:start}.top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.top-logo{width:44px;height:44px;object-fit:contain}.top h1{margin:0;font-size:34px}.pill{background:#0f172a;color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;letter-spacing:.06em}.user-pill{max-width:560px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;font-weight:700}.admin-pill{background:#7f1d1d}button{border:1px solid #1e293b;border-radius:10px;background:#fff;color:#0f172a;font-weight:700;padding:8px 12px;cursor:pointer}button:disabled{background:#e2e8f0;border-color:#94a3b8;color:#64748b;cursor:not-allowed;opacity:1;box-shadow:none}.login-button{border-color:#0f172a;background:#0f172a;color:#fff;padding:10px 18px;border-radius:14px;box-shadow:0 2px 8px #0f172a33}.login-button:hover{background:#1e293b}input{width:100%;border:1px solid #94a3b8;border-radius:10px;padding:8px 10px;font:inherit}select{border:1px solid #94a3b8;border-radius:10px;padding:8px 10px;font:inherit;background:#fff}.card{background:#ffffffd9;border:1px solid #cbd5e1;border-radius:14px;padding:14px}.section-menu{padding:10px 14px}.view-switch{display:inline-flex;gap:8px;background:#e2e8f0;border-radius:999px;padding:4px}.view-switch button{border:none;background:transparent;color:#334155;font-weight:700;border-radius:999px;padding:8px 14px;cursor:pointer}.view-switch button.active{background:#0f172a;color:#fff}.card h2{margin-top:0}.error{border-color:#ef4444}.error-text{color:#b91c1c;margin:8px 0 0}.info-text{color:#1e3a8a;margin:8px 0 0}.top-error{margin-top:-4px}.household-grid{display:grid;grid-template-columns:120px 1fr 1fr;gap:8px;align-items:center;margin-top:6px}.household-header{font-weight:700;color:#334155;margin-top:10px}.household-list{max-height:210px;overflow-y:auto;padding-right:4px}.household-grid input{min-height:34px;padding:5px 8px;border-radius:8px}.household-actions{display:flex;gap:8px;margin-top:10px}.street-picker{display:grid;gap:6px;margin-top:10px;max-width:320px}.admin-email-create{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.admin-email-list{margin-top:10px;display:grid;gap:8px}.admin-email-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:8px 10px}.poll-create{display:grid;grid-template-columns:1fr 220px auto;gap:8px;margin-bottom:12px}.preference-row{display:grid;gap:8px;margin-bottom:12px}.checkbox-row{display:flex;align-items:center;gap:8px;color:#0f172a;font-weight:600}.checkbox-row input[type=checkbox]{width:auto;min-width:16px;height:16px;margin:0}.poll-item{border:1px solid #cbd5e1;border-radius:12px;padding:10px;margin-top:10px;background:#fff}.poll-item h3{margin:0 0 6px;font-size:18px}.poll-meta{margin:4px 0;color:#334155}.poll-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.poll-resident-actions{display:grid;gap:10px;width:100%}.poll-resident-settings{display:grid;gap:8px}.poll-vote-buttons-row{display:flex;flex-wrap:wrap;gap:8px}.vote-button.selected{background:#0f172a;color:#fff;border-color:#0f172a}.poll-vote-list{margin-top:8px;padding:8px;border-radius:10px;background:#f8fafc;border:1px solid #cbd5e1}.inline-field{display:flex;align-items:center;gap:8px;color:#0f172a;font-weight:600;flex-wrap:nowrap}.inline-field input[type=checkbox]{width:auto;min-width:16px;height:16px;margin:0;flex:0 0 auto}.inline-field select{min-width:130px}.tiny-select{min-width:60px;height:28px;padding:2px 8px;line-height:1.1}.lock-button{background:#166534;color:#fff;border-color:#166534}.lock-button:before{content:"✓ ";font-weight:900}.lock-button:hover:not(:disabled){background:#15803d;border-color:#15803d}@media (max-width: 760px){.household-grid,.poll-create,.admin-email-create{grid-template-columns:1fr}.inline-field{flex-wrap:wrap}}
