.accounts-page { max-width: 1200px; }

.account-type-section {
    margin-bottom: var(--space-xl);
}

.account-type-section__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-md);
    cursor: pointer;
}

.account-type-section__title {
    font-size: var(--text-lg);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.account-type-section__total {
    font-size: var(--text-sm);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.account-row {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-bottom: 1px solid var(--border-subtle);
    transition: background var(--transition-fast);
    cursor: pointer;
}

.account-row:hover { background: var(--bg-tertiary); }
.account-row:first-child { border-top: 1px solid var(--border-subtle); border-radius: var(--radius-md) var(--radius-md) 0 0; }
.account-row:last-child { border-radius: 0 0 var(--radius-md) var(--radius-md); }

.account-row__code {
    width: 80px;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.account-row__name { flex: 1; font-weight: 500; }

.account-row__balance {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: right;
    min-width: 120px;
}