#tab-members{flex-direction:column;height:calc(100vh - 80px);gap:15px}
#tab-members > *{flex-shrink:0}
.search-panel{padding:10px 15px!important;margin-bottom:0;background:#151e2d;border-radius:12px;border:1px solid var(--glass-border)}
.search-input-wrapper{display:flex;align-items:center;background:#0f172a;border-radius:8px;padding:0 15px;border:1px solid var(--glass-border)}
.search-icon{color:var(--text-dim);margin-right:10px}
.clean-input{background:transparent!important;border:none!important;padding:12px 0!important;box-shadow:none!important}
#tab-members .members-list-wrapper{flex:1;min-height:0;display:flex;flex-direction:column}
.table-panel{padding:0!important;overflow:hidden;display:flex;flex-direction:column;background:#151e2d;border-radius:12px;border:1px solid var(--glass-border);height:100%}
.table-panel .panel-title{padding:20px 20px 10px;margin-bottom:0;font-size:1rem;color:var(--text-main);font-weight:500}
.members-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;margin-bottom:0;width:100%}
.members-table{width:100%;border-collapse:collapse;margin-top:0;table-layout:auto}
.members-table th{position:sticky;top:0;background:#1c2636;color:var(--text-dim);font-size:.8rem;text-transform:none;padding:15px;border:1px solid var(--glass-border);font-weight:600;z-index:5;text-align:left}
.members-table td{padding:15px;border:1px solid var(--glass-border);color:var(--text-dim);font-size:.85rem;vertical-align:middle;word-break:break-word}
.members-table tr{background:transparent;transition:background .2s}
.members-table tr:hover{background:#1e293b}
.member-avatar{width:45px!important;height:45px!important;border-radius:50%;object-fit:cover;border:none;background-color:var(--card-bg)}
.member-name-link{color:#3b82f6;font-weight:600;font-size:.95rem;margin-bottom:4px;transition:color .2s;text-transform:uppercase}
.member-name-link:hover{color:#60a5fa;text-decoration:underline}
.member-sub-details{font-size:.75rem;color:var(--text-dim);line-height:1.4}
.address-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-action{border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}
.btn-action.btn-edit{background:#3b82f626;color:#3b82f6;border-radius:6px}
.btn-action.btn-delete{background:#ef444426;color:#ef4444;border-radius:6px}
.btn-action:hover{filter:brightness(1.2)}
.history-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}
.history-stat-card{background:#0f172a80;border:1px solid var(--glass-border);padding:15px;border-radius:16px;text-align:center;box-shadow:0 4px 6px -1px #0000001a}
.history-stat-card h4{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}
.history-stat-card p{font-size:1.2rem;font-weight:700}
.history-stat-card.total p{color:var(--success)}
.history-stat-card.dizimos p{color:var(--accent)}
.history-stat-card.ofertas p{color:#f59e0b}
.history-timeline-container{padding-right:5px}
.timeline{display:flex;flex-direction:column;gap:15px;position:relative}
.timeline::before{content:'';position:absolute;left:19px;top:10px;bottom:10px;width:2px;background:var(--glass-border)}
.timeline-item{position:relative;display:flex;justify-content:space-between;align-items:center;background:#ffffff05;padding:15px 15px 15px 55px;border-radius:16px;border:1px solid #ffffff0a;transition:transform .2s}
.timeline-item:hover{transform:translateX(5px);background:#ffffff0a}
.timeline-item::before{content:'';position:absolute;left:14px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--bg-dark);border:3px solid var(--glass-border);z-index:1}
.timeline-item.dizimo::before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 10px var(--accent)}
.timeline-item.oferta::before{border-color:#f59e0b;background:#f59e0b;box-shadow:0 0 10px #f59e0b}
.timeline-item.gastos::before{border-color:var(--danger);background:var(--danger);box-shadow:0 0 10px var(--danger)}
.timeline-info{display:flex;flex-direction:column;gap:6px;text-align:left}
.timeline-date{font-size:.8rem;color:var(--text-dim);display:flex;align-items:center;gap:6px}
.timeline-desc{font-size:.95rem;font-weight:800;color:var(--text-main);text-transform:uppercase;letter-spacing:.5px}
.timeline-value{font-weight:800;font-size:1.15rem;background:#0003;padding:8px 15px;border-radius:12px}
@media (max-width:1024px) {
.address-truncate{max-width:120px}
}
@media (max-width:768px) {
#tab-members{height:calc(100vh - 110px)}
.members-table thead{display:none}
.members-table tr{display:grid;grid-template-areas:"avatar nome actions";grid-template-columns:40px 1fr auto;column-gap:12px;background:#1e293b;margin:0 8px 8px;border-radius:10px;padding:12px;border:1px solid var(--glass-border);align-items:center}
.members-table td{display:flex;align-items:center;padding:0;border:none;width:100%;text-align:left;background:transparent}
.members-table td[data-label="Perfil"]{grid-area:avatar}
.members-table td[data-label="Nome Completo"]{grid-area:nome;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}
.members-table td[data-label="Nome Completo"] .member-name-link{font-size:.95rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.members-table td[data-label="Nome Completo"] .member-sub-details{text-align:left;font-size:.75rem}
.members-table td[data-label="Ações"]{grid-area:actions;justify-content:flex-end}
.members-table td[data-label="Ações"] .actions{display:flex;gap:8px}
.members-table td[data-label="CPF"],.members-table td[data-label="Telefone"],.members-table td[data-label="Endereço"],.members-table td[data-label="Nível Perfil"]{display:none!important}
.member-avatar{width:40px!important;height:40px!important;border-radius:50%}
.btn-action{width:32px;height:32px;font-size:.85rem;border-radius:6px}
.history-stats-grid{grid-template-columns:1fr;gap:10px}
.timeline-item{flex-direction:column;align-items:flex-start;gap:12px;padding-left:45px}
.timeline::before{left:15px}
.timeline-item::before{left:10px;top:28px}
.timeline-value{align-self:flex-start;padding:6px 12px;font-size:1rem;width:100%;text-align:right}
#history-member-name > div > div{flex-direction:column!important;text-align:center!important;align-items:center!important}
#history-member-name > div > div > img{margin-bottom:10px}
#history-member-name > div > div > div:last-child{text-align:center!important;align-items:center!important}
#history-member-name > div > div > div:last-child > div:first-child{text-align:center!important}
#history-member-name > div > div > div:last-child > div:last-child{grid-template-columns:1fr!important;text-align:center!important}
#history-member-name > div > div > div:last-child > div:last-child > div{grid-column:1 / -1!important}
}