:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:16px}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;display:grid;gap:8px}.auth-card__title{margin:0;font-size:24px}.auth-card__subtitle{margin:0 0 8px;color:#6b7280;font-size:14px}.auth-card__label{margin-top:6px;font-size:14px;color:#374151}.auth-card__button{margin-top:8px}.layout{min-height:100dvh}.header{background:#111827;color:#f9fafb;padding:16px}.header__inner,.content{max-width:1200px;margin:0 auto}.header__inner_row{display:flex;align-items:center;justify-content:space-between;gap:12px}.header__title{margin:0;font-size:24px}.header__subtitle{margin:4px 0 0;color:#9ca3af;font-size:14px}.content{padding:16px}.toolbar{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:12px}.input,.button{height:42px;border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:0 12px;font-size:14px}.button{cursor:pointer;background:#111827;color:#fff;border-color:#111827}.button:disabled{opacity:.7;cursor:default}.button_logout{border-color:#374151;background:#1f2937;min-width:96px}.hint{margin:8px 0;font-size:14px;color:#4b5563}.hint.error{color:#b91c1c}.table-wrap{overflow:auto;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.residents-table{width:100%;border-collapse:collapse}.residents-table th,.residents-table td{padding:10px;border-bottom:1px solid #f3f4f6;text-align:left;font-size:14px;vertical-align:top}.resident-status,.resident-card__status{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.active{color:#065f46;background:#d1fae5}.blocked{color:#991b1b;background:#fee2e2}.cards{display:grid;gap:10px}.resident-card{border-radius:12px;background:#fff;border:1px solid #e5e7eb;padding:12px}.resident-card__top{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.resident-card__name{margin:0;font-size:16px}.resident-card__line{margin:6px 0 0;font-size:14px}.desktop-only{display:none}.mobile-only{display:block}@media (min-width: 900px){.toolbar{grid-template-columns:1fr 220px 140px}.desktop-only{display:block}.mobile-only{display:none}}