body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background-color:#f9f7f2;margin:0;font-family:system-ui,-apple-system,sans-serif}#root{min-height:100svh}*{box-sizing:border-box}body{color:#1a1a1a;background-color:#f9f7f2;margin:0;font-family:system-ui,-apple-system,sans-serif}.page{max-width:1100px;margin:0 auto;padding:32px 24px}.page-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.page-title{color:#1a1a1a;margin:0;font-size:24px;font-weight:800}.logout-btn{cursor:pointer;color:#888;background:0 0;border:1px solid #e0ddd7;border-radius:8px;padding:8px 16px;font-size:14px}.card{background:#fff;border-radius:14px;margin-bottom:24px;padding:24px;box-shadow:0 2px 12px #0000000f}.card h2{color:#1a1a1a;margin:0 0 16px;font-size:16px;font-weight:700}.create-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-input{color:#1a1a1a;background-color:#fff;border:1px solid #e0ddd7;border-radius:8px;outline:none;flex:1;min-width:180px;padding:10px 12px;font-size:14px}.create-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2d6a4f;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700}.create-btn:disabled{opacity:.6}.form-error{color:#e05d5d;margin-top:8px;font-size:13px}.muted{color:#aaa;font-size:14px}.households-table{border-collapse:collapse;width:100%}.households-table th{text-align:left;color:#aaa;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f0ede8;padding:8px 12px;font-size:12px;font-weight:700}.households-table td{vertical-align:middle;border-bottom:1px solid #f9f7f2;padding:12px;font-size:14px}.household-id{color:#666;word-break:break-all;background:#f5f3ef;border-radius:4px;padding:3px 6px;font-family:monospace;font-size:11px}.toggle-wrap{cursor:pointer;align-items:center;gap:8px;display:flex}.toggle-track{background-color:#e0ddd7;border-radius:12px;flex-shrink:0;width:42px;height:24px;transition:background-color .2s;position:relative}.toggle-track.on{background-color:#2d6a4f}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-track.on .toggle-thumb{transform:translate(18px)}.toggle-label{color:#888;font-size:13px;font-weight:600}.toggle-track.on+.toggle-label{color:#2d6a4f}.delete-btn{color:#e05d5d;cursor:pointer;background:0 0;border:1px solid #e05d5d;border-radius:8px;padding:5px 12px;font-size:13px}.email-display-row{align-items:center;gap:8px;display:flex}.email-edit-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.edit-btn{cursor:pointer;color:#888;white-space:nowrap;background:0 0;border:1px solid #e0ddd7;border-radius:6px;flex-shrink:0;padding:3px 10px;font-size:12px}.save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2d6a4f;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.cancel-btn{cursor:pointer;color:#888;white-space:nowrap;background:0 0;border:1px solid #e0ddd7;border-radius:6px;padding:4px 10px;font-size:12px}.mobile-only{display:none}.desktop-only{display:inline-flex}.row-actions{align-items:center;gap:8px;display:flex}.share-btn{cursor:pointer;color:#fff;white-space:nowrap;background:#2d6a4f;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.inline-input{border:1px solid #e0ddd7;border-radius:8px;outline:none;width:100%;padding:4px 8px;font-size:13px}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px;padding:48px 40px;display:flex;box-shadow:0 4px 24px #00000014}.login-title{margin:0;font-size:28px;font-weight:800}.login-subtitle{color:#888;text-align:center;margin:0;font-size:15px}.login-btn{color:#fff;cursor:pointer;background-color:#2d6a4f;border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px 28px;font-size:15px;font-weight:700}.login-btn:disabled{opacity:.6}.login-error{color:#e05d5d;text-align:center;font-size:13px}@media (width<=640px){.page{padding:20px 16px}.page-header{margin-bottom:20px}.page-title{font-size:20px}.card{padding:16px}.create-row{flex-direction:column;align-items:stretch}.form-input{min-width:unset}.create-btn{width:100%}.households-table thead{display:none}.households-table tr{border:1px solid #f0ede8;border-radius:10px;margin-bottom:12px;padding:12px;display:block}.households-table td{border-bottom:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.households-table td:before{content:attr(data-label);color:#aaa;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.household-id{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:10px;overflow:hidden}.mobile-only{display:inline-flex}.desktop-only{display:none}.td-id{border-bottom:1px solid #f0ede8;margin-bottom:4px;padding-bottom:10px}.td-id:before{display:none}.td-id .household-id{color:#444;white-space:nowrap;text-overflow:ellipsis;background:0 0;max-width:100%;padding:0;font-size:12px;font-weight:700;display:block;overflow:hidden}.row-actions{border-top:1px solid #f0ede8;justify-content:flex-end;margin-top:4px;padding-top:8px}.row-actions:before{display:none}.login-card{padding:32px 24px}}