.tenant{padding:1.5rem}@media(max-width:767px){.tenant{padding:1rem}}.tenant__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.tenant__title-block{display:flex;flex-direction:column;gap:2px}.tenant__title{font-size:20px;font-weight:600;color:#2c2c2c;margin:0;letter-spacing:-.01em}.tenant__subtitle{font-size:12px;color:#a09890;margin:0;letter-spacing:.04em;text-transform:uppercase}.tenant__actions{display:flex;gap:.75rem;flex-wrap:wrap}.tenant__add-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:#8b7355;color:#fff}.tenant__add-button:disabled{opacity:.5;cursor:not-allowed}.tenant__add-button:hover:not(:disabled){background:#6b5344}.tenant__add-button:active:not(:disabled){transform:translateY(1px)}.tenant__filters{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}@media(max-width:767px){.tenant__filters{flex-direction:column;align-items:stretch}}.tenant__search{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;max-width:300px}.tenant__search::placeholder{color:#9a9a9a}.tenant__search:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.tenant__search:disabled{background:#f7f4f0;cursor:not-allowed}@media(max-width:767px){.tenant__search{max-width:100%}}.tenant__filter-select{width:100%;padding:.75rem 1rem;border:1px solid #e8e4df;border-radius:8px;font-size:.875rem;color:#3d3d3d;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;width:auto;min-width:150px}.tenant__filter-select::placeholder{color:#9a9a9a}.tenant__filter-select:focus{outline:none;border-color:#8b7355;box-shadow:0 0 0 3px rgba(139,115,85,.1)}.tenant__filter-select:disabled{background:#f7f4f0;cursor:not-allowed}@media(max-width:767px){.tenant__filter-select{width:100%}}.tenant__content{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem}.tenant__content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.tenant__content-title h2{font-size:1.125rem;font-weight:600;color:#8b7355;margin:0 0 .25rem}.tenant__content-subtitle{font-size:.875rem;color:#8b7355;font-weight:400}.tenant__table-wrapper{overflow-x:auto;margin-bottom:1.25rem}.tenant__table{width:100%;border-collapse:collapse}.tenant__table th{background:#f7f4f0;color:#6b6b6b;font-weight:500;text-align:left;border-bottom:1px solid #e8e4df}.tenant__table td,.tenant__table th{font-size:.875rem;padding:.75rem 1rem}.tenant__table td{border-bottom:1px solid #f0ede9;color:#3d3d3d}.tenant__table tbody tr{transition:background .15s ease}.tenant__table tbody tr:hover{background:#f0ede9}.tenant__status,.tenant__status--active{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.tenant__status--active{background:#e8f2ea;color:#4a7052}.tenant__status--inactive{background:#fceaea;color:#a65d5d}.tenant__status--inactive,.tenant__status--pending{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.tenant__status--pending{background:#fef6ee;color:#b8865a}.tenant__status--terminated{background:#f7f4f0;color:#9a9a9a}.tenant__row-actions{display:flex}.tenant__action-button,.tenant__row-actions{align-items:center;justify-content:center;gap:.5rem}.tenant__action-button{display:inline-flex;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:transparent;color:#6b6b6b;padding:.25rem;font-size:1.125rem;color:#9a9a9a}.tenant__action-button:disabled{opacity:.5;cursor:not-allowed}.tenant__action-button:hover:not(:disabled){background:#f0ede9;color:#3d3d3d}.tenant__action-button:hover{color:#8b7355;transform:scale(1.1)}.tenant__action-button--edit:hover{color:#8b7355}.tenant__action-button--delete:hover{color:#c67b7b}.tenant__action-button--view:hover{color:#7b9cb6}.tenant__loading{display:flex;align-items:center;justify-content:center;padding:2.5rem 0;min-height:50vh}.tenant__loading img{width:48px;height:48px}.tenant__error{color:#c67b7b;padding:1rem;background:#fceaea;margin-bottom:1rem}.tenant__empty,.tenant__error{text-align:center;border-radius:8px}.tenant__empty{padding:2.5rem;color:#9a9a9a;background:#f7f4f0}.tenant__pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0ede9;flex-wrap:wrap;gap:1rem}.tenant__pagination-info{font-size:.875rem;color:#6b6b6b}.tenant__pagination-buttons{display:flex;gap:.5rem}.tenant__pagination-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;background:#f7f4f0;color:#3d3d3d;border:1px solid #e8e4df;padding:.5rem 1rem}.tenant__pagination-button:disabled{opacity:.5;cursor:not-allowed}.tenant__pagination-button:hover:not(:disabled){background:#f0ede9;border-color:#d4cfc8}.tenant__pagination-button--active{background:#8b7355;color:#fff;border-color:#8b7355}.tenant__pagination-button--active:hover{background:#6b5344;border-color:#6b5344}.tenant-profile{padding:1.5rem}@media(max-width:767px){.tenant-profile{padding:1rem}}.tenant-profile__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.tenant-profile__back-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;background:transparent;color:#6b6b6b;color:#8b7355;padding:.5rem 0}.tenant-profile__back-button:disabled{opacity:.5;cursor:not-allowed}.tenant-profile__back-button:hover:not(:disabled){background:#f0ede9;color:#3d3d3d}.tenant-profile__back-button:hover{text-decoration:underline}.tenant-profile__title{font-size:1.5rem;font-weight:700;color:#3d3d3d}.tenant-profile__content{display:grid;grid-template-columns:300px 1fr;gap:1.5rem}@media(max-width:1199px){.tenant-profile__content{grid-template-columns:1fr}}.tenant-profile__card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem}.tenant-profile__card--info{text-align:center}.tenant-profile__avatar{width:120px;height:120px;border-radius:9999px;background:#f7f4f0;margin:0 auto 1rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.tenant-profile__avatar img{width:100%;height:100%;object-fit:cover}.tenant-profile__avatar-placeholder{font-size:48px;color:#9a9a9a}.tenant-profile__name{font-size:1.25rem;font-weight:700;color:#3d3d3d;margin-bottom:.5rem}.tenant-profile__room{font-size:.875rem;color:#6b6b6b;margin-bottom:1rem}.tenant-profile__status{margin-bottom:1rem}.tenant-profile__status,.tenant-profile__status--active{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.tenant-profile__status--active{background:#e8f2ea;color:#4a7052}.tenant-profile__status--inactive{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#fceaea;color:#a65d5d}.tenant-profile__details{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:1.5rem}.tenant-profile__section-title{font-size:1.125rem;font-weight:600;color:#8b7355;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f0ede9}.tenant-profile__detail-item{display:flex;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f0ede9}.tenant-profile__detail-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tenant-profile__detail-label{width:150px;font-weight:500;color:#6b6b6b;font-size:.875rem}.tenant-profile__detail-value{flex:1;color:#3d3d3d;font-size:.875rem}